Vital CSS: un framework Web minimamente invasivo

Spostati su Bootstrap perché c'è un nuovo framework CSS in città. Si chiama Vital e minimizza lo sviluppo del frontend fino all'essenziale .

Vital ha solo CSS e ha zero librerie o dipendenze JavaScript . E il foglio di stile Vital.css è limitato a 31KB, inclusi i font di icone.

Solo il file CSS di Bootstrap ammonta a circa 118KB. Vital è quasi un quarto delle dimensioni di Bootstrap! È progettato per gli sviluppatori che necessitano solo di una soluzione rapida per il loro prossimo progetto.

Vital è un framework completamente open source con tutto il codice disponibile su GitHub per esaminare.

Tutto è stato creato con Sass per CSS e Slim per HTML . Ma questo è solo per lo sviluppo, quindi se stai usando Vital per la produzione, puoi esportare il CSS puro direttamente .

Le versioni più recenti sono disponibili per il download nella pagina delle versioni e includono il codice CSS insieme ai caratteri icona personalizzati . Troverai anche molte dimostrazioni HTML e CSS e alcuni documenti di base sulla pagina GitHub.

Ma la vera roba buona può essere trovata nella pagina dei componenti . Elenca tutto ciò che ottieni con Vital, comprese le griglie, la tipografia, i pulsanti, i caricatori, le tabelle, le schede, i moduli di input e molto altro ancora.

Nessuna di queste funzionalità si basa su JavaScript, che è un enorme vantaggio. Certo, puoi fare di più con JavaScript, ma è bello non preoccuparti di JS mentre si disegna il frontend.

È possibile ricreare qualsiasi elemento dalla pagina dei componenti semplicemente utilizzando una classe CSS . Queste classi possono essere un po 'automatizzate se si utilizza Slim, quindi c'è un leggero vantaggio per gli utenti Sass / Slim.

Ma Vital può funzionare bene per qualsiasi sviluppatore con un'esperienza HTML / CSS . È una struttura totalmente gratuita ed è molto più leggera delle alternative.

Per saperne di più, controlla la homepage di Vital o sfoglia questo articolo scritto dai creatori di Vital discutendo sul motivo per cui hanno creato la struttura ei problemi che intende risolvere .