Automazione: selettori nth-child con Family.scss Mixins
Sass è il modo migliore per gestire i moderni CSS e le librerie di mixin possono risparmiare ancora più tempo durante il ciclo di sviluppo.
Questi mixin funzionano come codici o funzioni automatici che chiami nei tuoi file Sass principali. Alcuni mix sono più generali mentre altri sono molto specifici come la libreria Family.scss .
Questa libreria gratuita offre 26 mix per eseguire complessi :nth-child
selettori :nth-child
senza memorizzare tutto quel codice.
La maggior parte degli sviluppatori conosce il selettore :nth-child
e, per impostazione predefinita, non è certamente complicato. Basta passare un selettore numerico, ad esempio :nth-child(2)
dove le regole di stile dell'appartenenza si applicano a ogni secondo figlio dell'elemento genitore.
Tuttavia, questo può diventare molto più complesso quando si desidera selezionare elementi dinamici (come primo e ultimo) o quando si desidera selezionare una piccola manciata di elementi (come i primi tre figli).
Questo è dove Family.scss può aiutare. È una libreria molto piccola e contiene 26 soluzioni per i selettori di bambini che vanno dal semplice al super complesso . Ogni mixin ha una demo sulla home page, che puoi sfogliare e filtrare secondo necessità.
Ecco alcuni esempi interessanti per mostrare cosa può fare questa libreria:
after-first(5)
: seleziona tutti gli elementi dopo i primi 5 figlifrom-end(3)
: seleziona il terzo elemento figlio ultimoall-but(3)
- seleziona tutti i bambini tranne il terzoeven-between(3, 12)
- seleziona tutti i bambini pari tra il 3 ° e il 12 ° elemento
Ci sono dozzine in più che puoi sfogliare e ognuno di loro ha delle demo per aiutarti a visualizzare come funzionano.
Alcuni mixin avanzati si basano su query quantitative che selezionano elementi che sono "almeno" o "al massimo" fissati a un determinato intervallo. Ad esempio, puoi selezionare tutti i bambini per gli elementi parent con almeno 5 figli (o più).
Queste idee possono essere fonte di confusione quando si legge su di esse, ma le demo live rendono tutto molto chiaro.


Google Maps ti lascerà presto condividere la posizione in tempo reale
Tenere traccia della posizione dei tuoi amici e dell'ora di arrivo stimata è una funzione che è stata disponibile su alcune app di navigazione come Waze. Ora, queste funzioni saranno disponibili anche nell'app Google Maps nel prossimo futuro.Una volta attivata la funzione, gli utenti di Google Maps vedranno l'opzione "Condividi posizione" nel menu laterale dell'app.

10 (Altro) Cool Biking Gadgets per The Avid Cyclist
Siamo più consapevoli della nostra salute ora più che mai e uno dei modi migliori per fare un po 'di esercizio nella nostra vita è portare la bici fuori per un giro. Prendi la tua bicicletta dal garage, fai un piacevole ciclo e goditi le meraviglie che la natura madre ha da offrire. Se pedalate spesso, ci sono alcune cose che possono rendere l' esperienza ciclistica più piacevole e conveniente, e il post di oggi riguarda i fantastici gadget per la bicicletta per aiutarti a farlo.Da