Vital CSS - een minimaal invasief webraamwerk

Loop over Bootstrap want er is een nieuw CSS-framework in de stad. Het heet vitaal en het ontdoet de ontwikkeling van de frontend tot de essentie.

Vital wordt geleverd met alleen CSS en heeft nul JavaScript-bibliotheken of afhankelijkheden. En de stylesheet Vital.css 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 gewoon een snelle oplossing nodig voor hun volgende project.

Vitaal is a volledig open source framework met alle code beschikbaar op GitHub 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, dan kun je gewoon exporteer de pure CSS rechtstreeks.

De nieuwste versies zijn beschikbaar om te downloaden op de releases pagina en deze omvatten de CSS-code samen met aangepaste pictogramlettertypen. Je zult ook vinden veel HTML- en CSS-demo's en enige basisdocumentatie op de GitHub-pagina.

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

Geen van deze functies is afhankelijk van JavaScript, dat is een enorme bonus. 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.

Jij kan maak elk element opnieuw vanaf de componentenpagina net voorbij een CSS-klasse gebruiken. Deze klassen kunnen zijn enigszins 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 helemaal gratis kader 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 discussiëren waarom ze het raamwerk hebben gemaakt en de problemen die het moet oplossen.