Vital CSS - minimaalisesti invasiivinen verkkokehys

Siirry Bootstrapin päälle, koska siellä on uusi CSS-kehys kaupungissa. Sitä kutsutaan elintärkeä ja se leikkaa etuosan kehitystä alas paljain perustein.

Vital mukana vain CSS ja on nolla JavaScript-kirjastoja tai riippuvuuksia. Ja Vital.css-tyylitaulukko on vain 31KB minified, kuvakkeet mukaan lukien.

Vain Bootstrapin CSS-tiedosto on vain noin 118KB. Vital on lähes neljäsosa Bootstrapin koosta! Se on rakennettu kehittäjille, jotka juuri tarvitaan nopea ratkaisu seuraavaa hanketta varten.

Vital on a täysin avoimen lähdekoodin kehykset kaikki koodit ovat käytettävissä GitHubissa.

Kaikki on rakennettu Sassin kanssa CSS: lle ja Slimille HTML: lle. Mutta tämä on vain kehitykseen, joten jos käytät Vitalia tuotannossa, voit vain viedä puhdas CSS suoraan.

Uusimmat versiot ovat ladattavissa sivut ja niihin kuuluu CSS-koodi kera mukautetut kuvakkeet. Löydät myös paljon HTML- ja CSS-demoja ja joitakin perustietoja GitHub-sivulla.

Mutta todelliset hyvät jutut löytyvät komponenttien sivu. Tämä luetellaan kaikki, mitä saat Vitalin kanssa, mukaan lukien ruudukot, typografia, painikkeet, kuormaajat, taulukot, välilehdet, muototulot ja paljon muuta.

Mikään näistä ominaisuuksista ei perustu JavaScriptiin, joka on valtava bonus. Myönnetty, että voit tehdä enemmän JavaScriptin kanssa, mutta on mukavaa olla huolissasi JS: stä, kun muotoilee frontendia.

Sinä pystyt luo elementti uudelleen vain osittain käyttäen CSS-luokkaa. Nämä luokat voivat olla hieman automatisoitu jos käytät Slim-ohjelmaa, Sass / Slim-käyttäjille on pieni etu.

Mutta Vital voi toimia hyvin kaikilla kehittäjillä joitakin HTML / CSS-kokemuksia. Se on a täysin ilmainen ja se on paljon kevyempi kuin vaihtoehdot.

Jos haluat lisätietoja, tutustu Vitalin kotisivulle tai skim kautta tämän artikkelin, jonka ovat kirjoittaneet Vital-keskustelun tekijät miksi he luovat puitteet ja ongelmat, joita sen on tarkoitus ratkaista.