Vital CSS - een minimaal invasief webraamwerk

Verplaats over Bootstrap want er is een nieuw CSS-framework in de stad. Het wordt Vital genoemd en het ontdoet de ontwikkeling van de frontend tot het essentiële .

Vital wordt geleverd met alleen CSS en heeft nul JavaScript-bibliotheken of afhankelijkheden . En de Vital.css-stylesheet is slechts 31 KB verkleind, inclusief pictogramlettertypen.

Alleen het CSS-bestand van Bootstrap is in totaal ongeveer 118 KB. Vital is bijna 1/4 de maat van Bootstrap! Het is gebouwd voor ontwikkelaars die alleen een snelle oplossing voor hun volgende project nodig hebben.

Vital is een volledig open source framework met alle code die op GitHub beschikbaar is om door te lezen.

Alles is gebouwd met Sass voor CSS en Slim voor HTML . Maar dit is alleen voor ontwikkeling, dus als je Vital gebruikt voor productie, kun je de pure CSS gewoon rechtstreeks exporteren .

De nieuwste versies zijn beschikbaar om te downloaden op de pagina met releases en deze bevatten de CSS-code en aangepaste pictogramlettertypen . Je vindt ook veel HTML- en CSS-demo's en wat basisdocumentatie op de GitHub-pagina.

Maar de echte goede dingen zijn te vinden op de componentenpagina . Dit geeft een opsomming van alles wat u krijgt met Vital, inclusief rasters, typografie, knoppen, laders, tabellen, tabbladen, formulierinvoer en nog veel meer.

Geen van deze functies is afhankelijk van JavaScript, wat een enorme bonus is. Toegegeven, je kunt meer doen met JavaScript, maar het is leuk om je geen zorgen te maken over JS tijdens het stylen van de frontend.

U kunt elk element van de componentenpagina recreëren door alleen een CSS-klasse te gebruiken . Deze klassen kunnen enigszins worden geautomatiseerd als u Slim gebruikt, dus er is een klein voordeel voor Sass / Slim-gebruikers.

Maar Vital kan goed werken voor elke ontwikkelaar met wat HTML / CSS-ervaring . Het is een volledig gratis framework en het is veel lichter dan de alternatieven.

Ga voor meer informatie naar de Vital-startpagina of doorloop dit artikel geschreven door de makers van Vital en bespreek waarom ze het framework en de problemen hebben gemaakt die het moet oplossen .