Vital CSS - minimaalselt invasiivne veebiraamistik

Liiguta üle Bootstrap'i, sest seal on uus CSS raamistik linnas. Seda nimetatakse Vital ja see eemaldab esikülje arengu allapoole palja olulisi elemente.

Vital kaasas ainult CSS ja on JavaScript-raamatukogud või sõltuvused. Ja Vital.cssi laaditabel on ainult 31KB minifitseeritud, sealhulgas ikoonifonte.

Lihtsalt Bootstrap'i CSS-fail üksi on kokku umbes 118KB. Vital on peaaegu neljandik Bootstrapi suurusest! See on ehitatud just arendajatele vajavad kiiret lahendust oma järgmise projekti jaoks.

Vital on a täiesti avatud lähtekoodiga raamistik kõik koodid on saadaval GitHubis.

Kõik on ehitatud Sassiga CSS ja Slim jaoks HTML jaoks. Aga see on ainult arenguks, nii et kui te kasutate Vitali tootmiseks, siis saate lihtsalt eksportige puhas CSS otse.

Viimased versioonid on allalaadimiseks saadaval lehel ja need hõlmavad CSS-kood koos kohandatud ikoonifonte. Leiad ka palju HTML & CSS demosid ja mõned põhidokumendid GitHubi lehel.

Aga tõelised head asjad on saadaval komponentide leht. See loetleb kõike, mis saad Vitaliga, sealhulgas võrgud, tüpograafia, nupud, laadurid, tabelid, vahekaardid, vormi sisendid ja palju muud.

Ükski neist funktsioonidest ei põhine JavaScriptil, see on suur boonus. Toetudes saate JavaScripti rohkem teha, kuid see on tore, et mitte muretseda JS-i ees, samal ajal kui esipaneeli kujundamisel.

Sa saad taastada iga element komponentide lehelt lihtsalt kasutades CSS-klassi. Need klassid võivad olla mõnevõrra automatiseeritud kui kasutate Slim-i, siis on Sass / Slim kasutajatele väike eelis.

Kuid Vital võib iga arendaja jaoks hästi töötada mõne HTML / CSS kogemusega. See on täiesti tasuta raamistik ja see on palju kergem kui alternatiivid.

Lisateabe saamiseks vaadake Vitali kodulehe või koorima läbi selle artikli, mille on kirjutanud Vitali arutelud miks nad raamistiku lõid ja probleemid, mida see lahendab.