Spectre.css - Letvægts Flexbox-baseret Responsive CSS Framework
Hvis du vil dykke ind flexbox layouts så er det nu den bedste tid at starte. Moderne browsere er endelig acceptere flexbox egenskaber og flere udviklere kommer ind i handlingen.
Men hvorfor starte fra bunden, når du kan bygge på toppen af genbrugelige kode? Spectre.css er en af de bedste rammer til at begynde at bruge, hvis du er ny til flexbox.
Denne gratis open-source ramme kommer forudbygget med a fungerende net system og fælles flexbox egenskaber. Det afhænger af Gulp til at kompilere og køre CSS i luften, fra enhver computer.
Det også bruger mindre i stedet for Sass, som kan gøre Specter og et fantastisk valg til alle MINDRE brugere.
En download fra npm leveres med alt hvad du behøver: CSS ikoner, mixins, variabler, og stort set alt andet du ville forvente af en typisk CSS-ramme.
Alle kode er fuldt semantisk og understøtter alle HTML-tekstelementer, selv de nyere gerne . Tekststile også støtte østasiatiske skrifttyper med sprog som kinesisk, japansk og koreansk.
Du kan finde tonsvis af eksempler på den “elementer” side som lister designprøver til tekst, knapper, tabeller, ikoner og webformularer (blandt andet).
Specter kommer også med tonsvis af komponenter Det kan spare dig for mange tidspunkter, der spenderes fra bunden. Dynamiske egenskaber, såsom pop-overs og dropdown menuer, er super nemme at tilføje til ethvert layout, med blot et par linjer kode.
Denne ramme er stadig temmelig ny og det er altid under forandringer. På tidspunktet for denne skrivning er Specter i v0.2 og har masser af eksperimentelle egenskaber du kan prøve.
Men de primære komponenter, sideelementer og net er fuldt funktionel og klar til et levende produktionssted. Specter er et af de bedste CSS-rammer, der kører på Mindre med flexbox-net.
For at lære mere og komme i gang, skal du besøge dokumentationsside dækker installation og opsætning.
Du kan også downloade en kopi af koden lige fra GitHub som også har en lille sektion til dokumentation. Og hvis du vil dele dine tanker, kan du tweet den officielle konto @spectrecss.
