Vital CSS - un cadru web minim invaziv

Treceți pe bootstrap pentru că există un nou cadru CSS în oraș. Se numeste Vital și aceasta împiedică dezvoltarea frontierelor până la cele esențiale.

Vital vine cu numai CSS și a avut zero biblioteci JavaScript sau dependențe. Și foaia de stil Vital.css este numai 31KB minimificat, inclusiv fonturile pictogramelor.

Doar fișierul CSS al Bootstrap totală aproximativ 118KB. Vital este aproape 1 / 4th de dimensiunea de Bootstrap! Este construit pentru dezvoltatorii care doar au nevoie de o soluție rapidă pentru următorul lor proiect.

Vital este a complet open source cadru cu toate codurile disponibile pe GitHub pentru a le citi.

Totul este construit cu Sass pentru CSS și Slim pentru HTML. Dar asta este numai pentru dezvoltare, așa că dacă folosești Vital pentru producție atunci poți doar exportați direct CSS pur.

Cele mai recente versiuni sunt disponibile pentru descărcare pe lansează pagina și acestea includ Cod CSS impreuna cu pictograme personalizate pentru icoane. Veți găsi, de asemenea o mulțime de demo-uri HTML și CSS și unele documente de bază pe pagina GitHub.

Dar lucrurile bune pot fi găsite pe pagina de componente. Acest afișează tot ceea ce primești cu Vital, inclusiv grile, tipografii, butoane, încărcătoare, tabele, file, inputuri și multe altele.

Niciuna dintre aceste funcții nu se bazează pe JavaScript, care este un bonus imens. Acordat puteți face mai mult cu JavaScript, dar este frumos să nu vă faceți griji despre JS în timp ce styling frontend.

Poti recrea orice element din pagina de componente doar de folosind o clasă CSS. Aceste clase pot fi oarecum automatizată dacă utilizați Slim, există un ușor avantaj pentru utilizatorii Sass / Slim.

Dar Vital poate funcționa bine pentru orice dezvoltator cu o experiență HTML / CSS. E o complet gratuit cadru și este mult mai ușoară decât alternativele.

Pentru a afla mai multe, vizitați pagina de pornire Vital sau treceți prin acest articol scris de creatorii discuției Vital de ce au creat cadrul și problemele pe care trebuie să le rezolve.