Vital CSS - En Minimalt Invasiv Web Framework

Flytt over Bootstrap fordi det er et nytt CSS-rammeverk i byen. Det kalles Vital og det striper frontend-utviklingen ned til de bare nødvendighetene .

Vital kommer med bare CSS og har null JavaScript-biblioteker eller avhengigheter . Og Vital.css-stilarket er bare 31KB-minifisert, inkludert ikonfonter .

Bare Bootstraps CSS-fil alene utgjør ca. 118KB. Vital er nesten 1/4 på størrelse med Bootstrap! Den er bygget for utviklere som bare trenger en rask løsning for sitt neste prosjekt.

Vital er en helt åpen kildekode ramme med all kode tilgjengelig på GitHub å lese.

Alt er bygget med Sass for CSS og Slim for HTML . Men dette er bare for utvikling, så hvis du bruker Vital for produksjon, kan du bare eksportere den rene CSS direkte .

De nyeste versjonene er tilgjengelige for nedlasting på utgivelsessiden, og disse inkluderer CSS-koden sammen med tilpassede ikonfonter . Du vil også finne mange HTML- og CSS-demoer og noen grunnleggende dokumentasjon på GitHub-siden.

Men de virkelige gode tingene finnes på komponentsiden . Dette viser alt du får med Vital, inkludert grids, typografi, knapper, lastere, tabeller, faner, skjemainnganger og mye mer.

Ingen av disse funksjonene er avhengig av JavaScript, noe som er en stor bonus. Gitt du kan gjøre mer med JavaScript, men det er hyggelig å ikke bekymre deg for JS mens du styler frontenden.

Du kan gjenskape noe element fra komponentsiden bare ved å bruke en CSS-klasse . Disse klassene kan være litt automatisert hvis du bruker Slim, så det er en liten fordel for Sass / Slim brukere.

Men Vital kan fungere bra for enhver utvikler med litt HTML / CSS-opplevelse . Det er et helt gratis rammeverk og det er mye lettere enn alternativene.

For å lære mer, sjekk ut Vital hjemmeside eller skum gjennom denne artikkelen skrevet av skaperne av Vital, og diskutere hvorfor de opprettet rammen og problemene det er ment å løse .