Vital CSS - En Minimalt Invasiv Web Framework

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

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

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

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

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

De nyeste versjonene er tilgjengelig for nedlasting på utgivelser siden og disse inkluderer CSS-kode sammen med egendefinerte ikonfonter. Du finner også masse HTML og CSS demoer og noen grunnleggende dokumentasjon på GitHub siden.

Men de virkelig gode greiene kan bli funnet på komponentside. Dette lister 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, 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 like ved bruker en CSS klasse. Disse klassene kan være noe automatisert Hvis du bruker Slim, så er det en liten fordel for Sass / Slim-brukere.

Men Vital kan fungere bra for enhver utvikler med litt HTML / CSS-opplevelse. Det er en 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 diskuterer hvorfor skapte de rammen og problemene det er ment å løse.