Spectre.css - Lett Flexbox-basert Responsive CSS Framework

Hvis du vil dykke inn flexbox layouter så er det nå den beste tiden å starte. Moderne nettlesere er endelig akseptere flexbox egenskaper og flere utviklere kommer inn i handlingen.

Men hvorfor starte fra grunnen når du kan bygge på toppen av gjenbrukbar kode? Spectre.css er en av de beste rammene å begynne å bruke hvis du er ny til flexbox.

Dette gratis open-source rammeverket kommer pre-built med a fungerende rutenettet og Vanlige flexbox egenskaper. Den stoler på Gulp for å kompilere og kjøre CSS i fly, fra hvilken som helst datamaskin.

Det også bruker mindre i stedet for Sass, som kan lage Specter og et kjempefint valg for alle mindre brukere.

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

Alle koden er helt semantisk og støtter alle HTML-tekstelementer, selv de nyere som . Tekststiler også støtte østasiatiske skrifter med språk som kinesisk, japansk og koreansk.

Du kan finne tonnevis av eksempler på “Elements” side som viser designprøver for tekst, knapper, tabeller, ikoner og webskjemaer (blant annet).

Spekter 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 veldig enkelt å legge til i et hvilket som helst layout, med bare noen få linjer med kode.

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

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

For å lære mer og komme i gang, besøk dokumentasjonsside 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.