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


Spectre.css - Lett Flexbox-basert Responsive CSS Framework

Hvis du vil dykke inn i flexbox-oppsett, er det nå den beste tiden å starte. Moderne nettlesere aksepterer endelig flexboxegenskaper og flere utviklere kommer inn i handlingen.

Men hvorfor begynner du fra bunnen av når du kan bygge på gjenbrukbar kode ? Spectre.css er en av de beste rammer for å begynne å bruke hvis du er ny til flexbox.

Dette frie open-source-rammeverket kommer pre-built med et fungerende rutenett og felles fleksbox egenskaper . Det er avhengig av Gulp for å kompilere og kjøre CSS i fly, fra hvilken som helst datamaskin.

Den bruker også LESS i stedet for Sass, som kan lage Specter og et kjempefint valg for alle MINRE brukere.

En nedlasting fra npm kommer med alt du trenger: CSS-ikoner, mixins, variabler og stort sett alt annet du kan forvente fra et typisk CSS-rammeverk.

All kode er fullt semantisk og støtter alle HTML-tekstelementer, selv de nyere som

Du finner tonnevis av eksempler på "Elements" -siden som viser designeksempler for tekst, knapper, tabeller, ikoner og webskjemaer (blant annet).

Specter kommer også med tonnevis av komponenter som kan spare deg for tidsbruk av koding fra grunnen. Dynamiske funksjoner, som for eksempel pop-overs og rullegardinmenyer, er super enkle å legge til i et hvilket som helst layout, med bare noen få linjer med kode.

Dette rammeverket er fortsatt ganske nytt og det gjennomgår alltid endringer. På tidspunktet for denne skrivingen er Specter i v0.2 og har mange eksperimentelle funksjoner du kan prøve.

Men de primære komponentene, sideelementene og nettene er fullt funksjonelle og klare for et levende produksjonssted . Specter er en av de beste CSS-rammene som kjører på Mindre med flexbox-nett.

Hvis du vil lære mer og komme i gang, kan du gå til dokumentasjonssiden som dekker installasjon og oppsett.

Du kan også laste ned en kopi av koden rett fra GitHub, som også har en liten del for dokumentasjon. Og hvis du vil dele tankene dine, kan du tweet den offisielle kontoen @spectrecss.

En enkel og enkel guide til å forstå Sass

En enkel og enkel guide til å forstå Sass

For en stund siden skrev Thoriq Firdaus en god artikkel om å komme i gang med Sass, som viste deg hvordan du installerer og bruker dette svært nyttige CSS preprocessor-språket (du vil kanskje sjekke det ut, du vet, for å komme i gang).I denne artikkelen trodde jeg at jeg ville gi deg litt mer innsikt i hva du kan gjøre med Sass og hvordan utviklere bruker det hver dag for å skape bedre og mer modulær CSS-kode. Gå vi

(Tekniske og design tips)

En utvikler ved å bytte fra Windows til MacOS

En utvikler ved å bytte fra Windows til MacOS

Jeg har alltid vært en "Windows fyr". Det var en tid jeg lekte rundt med Linux, for det meste Ubuntu distro, og det var en interessant opplevelse. Selv om Linux var ganske kraftig, gikk jeg tilbake til Windows etter en kort stund på grunn av det enkle å bruke Windows - jeg behøvde ikke å kompilere mine egne drivere, og det var mer programvare tilgjengelig .Nyli

(Tekniske og design tips)