Frammenti di codice 2025, Luglio

Abbiamo parlato di "Perché Ems?" qui prima. Per i nuovi valori em, Mozilla Developer Network fa un ottimo lavoro nello spiegare ems: ... an em is "

Affrontare i percorsi è sempre un po 'fastidioso, ammetterai. Fortunatamente, è estremamente facile con Sass avere una bella API per gestire le risorse e "

Sebbene sia molto utile con l'aritmetica, Sass è un po 'a corto di funzioni di supporto matematico. Si è verificato un problema aperto nel repository ufficiale di "

Tramite Alex King, puoi usare le variabili per i selettori: $ a-tags: 'a, a: active, a: hover, a: visitati'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (color: "

Il framework Sass Compass fornisce una comoda funzione per ottenere la direzione opposta di una posizione, ad esempio sinistra quando si passa a destra come argomento. Questo"

Nel caso in cui sei interessato a gestire il prefisso del tuo fornitore CSS (piuttosto che, ad esempio, Autoprefixer o Compass), ecco un mixin per aiutarti. Piuttosto"

Non esiste un modo semplice per qualificare un selettore dall'interno del set di regole associato. Per qualificazione intendo anteporre il nome di un elemento (es. A) a una classe "

Questo articolo di luglio 2013 descrive un metodo per utilizzare gli elementi psuedo per mantenere le proporzioni degli elementi, anche quando si ridimensiona. Ecco un mix di Sass che "

Il Material Design è stato dappertutto ultimamente. Una parte consiste nell'impilare strati uno sopra l'altro come veri fogli di carta. Realizzare"

Se c'è una scorciatoia che CSS manca drammaticamente, è quella che rende possibile definire la proprietà position, così come le quattro proprietà offset "

Le creazioni di Responsive Web Design spesso esistono su diversi punti di interruzione. Gestire questi punti di interruzione non è sempre facile. Usarli e aggiornarli "

Quando si approfondisce la teoria del colore, c'è qualcosa chiamato luminanza relativa del colore. Per dirla semplicemente, la luminanza di un colore definisce se il suo "

Per i creatori di librerie e di framework, avere un paio di funzioni extra per applicare dinamicamente funzioni agli elementi di un elenco potrebbe tornare utile. Qui"

Quando si estende un selettore con la direttiva @extend, Sass non prende il contenuto CSS dal selettore esteso per inserirlo in quello estendibile. It "

Quando si tratta di numeri in JavaScript o in qualsiasi altro linguaggio di programmazione, esiste un modo per troncare un numero dopo n cifre. Sfortunatamente non c'è"

Le curve di Bézier possono essere utilizzate per aggiungere bellissimi effetti alle transizioni e alle animazioni CSS. Digitando l'intera notazione funzionale (ad es. Cubic-bezier (0,550, "

Quando si lavora su architetture Sass complesse, non è raro utilizzare mappe Sass per mantenere la configurazione e le opzioni. Di tanto in tanto, vedrai mappe "

Le barre di scorrimento sono uno di quei componenti dell'interfaccia utente presenti in quasi tutte le pagine di Internet, ma noi (sviluppatori) abbiamo poco o nessun controllo su di esso. "

Esiste un hack CSS abbastanza popolare che utilizza bordi trasparenti su un elemento di larghezza 0 / altezza 0 per imitare i triangoli. C'è uno snippet CSS qui su CSS-Tricks "

Supponendo che l'elemento genitore abbia position: relative ;, queste quattro proprietà centreranno un elemento figlio sia orizzontalmente che verticalmente all'interno, non importa "

Quando si converte un numero senza unità in una lunghezza, durata, angolo o altro, le persone tendono ad aggiungere semplicemente l'unità come una stringa, in questo modo: $ value: 42; "

In informatica, usiamo la parola clamp come un modo per limitare un numero tra due altri numeri. Quando bloccato, un numero manterrà il proprio valore "

Mi ritrovo a utilizzare queste proprietà insieme tutto il tempo, il che in genere è una buona opportunità per un'astrazione come un mixin: @mixin coverer ("

La migliore introduzione al BEM è di Harry Roberts: BEM - che significa blocco, elemento, modificatore - è una metodologia di denominazione front-end ideata dai ragazzi di "

Il carattere & in Sass è unico in quanto rappresenta il selettore corrente. Cambia mentre annidi. Supponiamo che tu sia nidificato, ma desideri accedere a un "

È abbastanza comune aver bisogno di un po 'di bianco o nero trasparente. In CSS, puoi fare: .half-black (background: rgba (0, 0, 0, 0.5);) Diventa più facile in "

Questa raccolta di funzioni serve per verificare se il valore di una variabile è di un certo tipo. Ad esempio, 13rem è una lunghezza relativa? VERO! È "gelido"

Funzione getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Uso echo getZeroPaddedNumber (123, 4); // output "

Questa regex di seguito verifica il codice postale fornito se inizia con i numeri 096 e se ci sono esattamente 2 numeri dopo. Se lo fa, fa eco Sì, se "

$ url = "http://example.com"; $ validazione = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ convalida) $ output = 'URL corretto'; "