no.hideout-lastation.com
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.
50 kreative faktura design for din inspirasjon
Fakturering er ikke en morsom oppgave, men det er nødvendig å betale regningene dine og fortsette å drive virksomheten din. Bortsett fra hva du fakturerer dine kunder og kunder, inneholder fakturaen også viktig informasjon som er viktig for å holde kontoene dine på sporet. Dermed er det behov for å være en fakturautforming som skal organiseres, strukturert og riktig detaljert.På side
![Dekryptere det nysgjerrige tilfellet av hvordan japansk webdesign fungerer [Op-Ed]](http://hideout-lastation.com/img/tech-design-tips/192/deciphering-curious-case-how-japanese-web-design-works.jpg)
Dekryptere det nysgjerrige tilfellet av hvordan japansk webdesign fungerer [Op-Ed]
Japan, hjem til nydelig estetikk og forløperen til minimalisme; fra mote til arkitektur, de synes å ha alt funnet ut. Jeg er spesielt glad i japansk anime og manga: Måten de kombinerer historiefortelling og kunst, har for alltid skrevet hvordan jeg vil fortelle mine egne historier.Imidlertid kommer deres track record av vakre estetikk til en skremmende stopp (!)
