Automatiser: Nyt-barn Selectors med Family.scss Mixins
Sass er den beste måten å administrere moderne CSS og mixin-biblioteker kan spare enda mer tid under utviklingssyklusen.
Disse miksene fungerer som automatiserte koder eller funksjoner som du ringer i dine viktigste Sass-filer. Noen mixiner er mer generelle mens andre er svært spesifikke som Family.scss biblioteket .
Dette gratis biblioteket tilbyr 26 mixins for å kjøre komplekse :nth-child
barnselektorer uten å huske all den koden.
De fleste utviklere vet om :nth-child
selector og som standard er det absolutt ikke komplisert. Du sender bare en numerisk velg, for eksempel :nth-child(2)
der de tilhørende stilreglene gjelder for hvert sekund barn av foreldreelementet.
Dette kan imidlertid bli langt mer komplekst når du vil velge dynamiske elementer (for eksempel først og sist) eller når du vil velge en liten håndfull elementer (for eksempel de tre første barna).
Det er her Family.scss kan hjelpe. Det er et veldig lite bibliotek og inneholder 26 løsninger for barnselektorer som spenner fra grunnleggende til superkompleks . Hver mixin har en demo på hjemmesiden, som du kan bla gjennom og filtrere etter behov.
Her er noen interessante eksempler for å vise hva dette biblioteket kan gjøre:
after-first(5)
- velg alle elementer etter de første 5 barnafrom-end(3)
- velg det tredje til det siste barnelementetall-but(3)
- velg alle barn unntatt den tredjeeven-between(3, 12)
- velg alle jevne barn mellom 3. og 12. element
Det er dusinvis mer du kan bla gjennom, og de har demoer for å hjelpe deg med å visualisere hvordan de fungerer.
Noen avanserte mixiner stole på kvantitetsforespørsler som velger elementer som er "minst" eller "i det meste" festet til et bestemt område. For eksempel kan du velge alle barn for foreldreelementer som har minst 5 barn (eller mer).
Disse ideene kan være forvirrende når du leser om dem, men de levende demoer gjør det hele klart krystallklart.
For å grave inn, kan du laste ned en kopi av dette mixinbiblioteket fra GitHub repo, sammen med alle disse demoene. Og du kan dele dine tanker eller spørsmål med prosjektets skaperen på Twitter @LukyVJ.Denne paradoksen kan koste deg en milliard dollar personlig
Så du har bestemt deg for at du vil være en gründer. Du har lest alle de motiverende artiklene om milliardær-entreprenører som har feilet i fortiden. Du føler deg trygg på din motstandskraft. Din tenkning går: "Selv om jeg mislykkes, vil jeg sikkert holde på det, fortsette å utvikle nye virksomheter. Suksess
50 kreative julekaker for kule å spise
Kake design har tatt på seg et liv med kreative bryllupskaker og til og med geek-tema kaker snu hodene i mange viktige funksjoner. Det er ikke annerledes for jul, faktisk, i dette innlegget vil vi se på 50 kreative julekaker som bidrar til å spre julesjubber.Noen av kaker som er oppført nedenfor, er laget av profesjonelle kakemakere, mens andre er hjemmelagde (og dermed kommer med en oppskrift eller dekorasjonsinstruksjoner). Se