no.hideout-lastation.com
Paradis For Designere Og Utviklere


Dropbox's Scooter Framework gjør Sass-utvikling enda enklere

Vi vet alle om CSS-rammer og kraften de tilbyr utviklere. Men, hva med SCSS-rammer som knytter seg til Sass-arbeidsflyten ?

Det er ikke mange av disse rammene rundt, men Scooter er et fint unntak. Den opprettholdes av folkene på Dropbox, og det fungerer akkurat som en frontend UI-rammeverk, men med en advarsel, det er alt bygget på SCSS .

Teamet på Dropbox opprettet dette biblioteket som en måte å konsolidere deres brukergrensesnitt på, og gjør det enklere å tilpasse. De har en CSS stil guide som dekker grunnleggende om å skape nye klasser, nesting, avstand og generelle skriving retningslinjer.

Naturligvis gjelder disse retningslinjene også for SCSS, og det er virkelig mer av en brukerhåndbok enn en introduksjon. Dessverre er det ingen enkelt intro for nybegynnere. I stedet er det sider med informasjon om biblioteket, for eksempel tilpassede funksjoner for sidefargene.

Scooter-biblioteket er ikke vanskelig å plukke opp hvis du allerede kjenner Sass. Hvis du er en komplett nybegynner, må du først se på det grunnleggende om Sass .

Scooter er fortsatt et veldig nytt prosjekt, så det er rom for vekst. Den har mange detaljerte objekter som rister, mediebokser, listeposter og komponenter som knapper / feltinnganger.

Scooter biblioteket er halv SCSS utvikling rammeverk, halv UI komponent bibliotek . Det er en unik vridning mot de tradisjonelle ting som Bootstrap.

Jeg vil bare anbefale dette for avanserte utviklere som liker å grave inn i rammer for moro skyld. Scooter er ikke bra for produksjonsprosjekter, og det er virkelig laget for å være en forlengelse av Dropboxs utviklingslag.

Men hvis du vil grave videre, sjekk ut den offisielle GitHub repo med alle inkluderte filer og en gratis nedlasting for å ta tak i kildekoden.

Generer CSS Quantity Queries med QQ Builder

Generer CSS Quantity Queries med QQ Builder

Få utviklere vet om eller bruker CSS-spørringer på deres nettsider. Det er en ganske komplisert funksjon, men også nyttig når du har varierende elementer i en beholder .En kvantitetsforespørsel kan endre / oppdatere CSS-egenskaper basert på forhåndsdefinerte grenser for barnelementer . Hvis du for eksempel har mer enn tre elementer i en liste, kan du få skrifttypen mindre til å lagre rom. Et annet

(Tekniske og design tips)

Legg til Simple Image Tooltip-etiketter med Taggd

Legg til Simple Image Tooltip-etiketter med Taggd

Du vet hvordan Facebook lar deg merke ansikter i bilder? Vel, Taggd er ganske som CSS / JS-ekvivalenten ved å bruke prikker for å merke hvor verktøytips skal vises på et bilde.Biblioteket er helt gratis, og krever ingen avhengigheter som jQuery. Den kjører på ren vanilje JavaScript, og det er super lett å sette opp.Du kan

(Tekniske og design tips)