Vital CSS - en minimalt invasiv webramme
Flyt over Bootstrap, fordi der er en ny CSS-ramme i byen. Det hedder Vital og det strips frontend udvikling ned til den bare nødvendighed.
Vital kommer med kun CSS og har nul JavaScript-biblioteker eller afhængigheder. Og Vital.css stylesheet er kun 31KB minificeret, herunder ikon skrifttyper.
Bare Bootstraps CSS-fil alene udgør ca. 118 KB. Vital er næsten 1/4 på størrelse med Bootstrap! Det er bygget til udviklere, som bare har brug for en hurtig løsning til deres næste projekt.
Vital er en fuldstændig åben kilderamme med al kode tilgængelig på GitHub at gennemgå.
Alt er bygget med Sass for CSS og Slim for HTML. Men dette er kun til udvikling, så hvis du bruger Vital til produktion så kan du bare eksporter den rene CSS direkte.
De nyeste versioner kan downloades på udgivelser side og disse omfatter CSS kode sammen med brugerdefinerede ikon skrifttyper. Du finder også masser af HTML & CSS demoer og nogle grundlæggende dokumentation på GitHub-siden.
Men de rigtige gode ting kan findes på komponentside. Dette lister alt, hvad du får med Vital, herunder grids, typografi, knapper, læsere, tabeller, faner, formindgange og meget mere.
Ingen af disse funktioner er afhængige af JavaScript, hvilket er en enorm bonus. Tilladt, at du kan gøre mere med JavaScript, men det er dejligt at ikke bekymre sig om JS mens du styler frontenden.
Du kan genskabe ethvert element fra komponentsiden lige ved ved hjælp af en CSS klasse. Disse klasser kan være noget automatiseret Hvis du bruger Slim, så er der en lille fordel for Sass / Slim brugere.
Men Vital kan fungere godt for enhver udvikler med nogle HTML / CSS oplevelse. Det er en helt gratis rammer og det er meget lettere end alternativerne.
For at lære mere, tjek den Vital hjemmeside eller skim gennem denne artikel skrevet af skaberne af Vital diskuterer hvorfor skabte de rammerne og de problemer, det er meningen at løse.
