Page d'accueil » Boîte à outils » Vital CSS - Un framework Web minimalement invasif

    Vital CSS - Un framework Web minimalement invasif

    Passez sur Bootstrap car il y a un nouveau framework CSS en ville. C'est appelé Vital et il dépouille le développement frontal jusqu'à l'essentiel.

    Vital vient avec seulement CSS et a Zéro bibliothèques ou dépendances JavaScript. Et la feuille de style Vital.css est seulement 31KB minified, y compris les polices d'icônes.

    Le fichier CSS de Bootstrap représente à lui seul environ 118 Ko. Vital est presque 1/4 de la taille de Bootstrap! Il est construit pour les développeurs qui viennent besoin d'une solution rapide pour leur prochain projet.

    Vital est un cadre complètement open source avec tout le code disponible sur GitHub à parcourir.

    Tout est construit avec Sass pour CSS et Slim pour HTML. Mais c'est seulement pour le développement, Donc, si vous utilisez Vital pour la production, vous pouvez simplement exporter le CSS pur directement.

    Les dernières versions sont disponibles au téléchargement sur le page des communiqués et ceux-ci incluent le Code CSS de même que polices d'icônes personnalisées. Vous trouverez également beaucoup de démos HTML et CSS et une documentation de base sur la page GitHub.

    Mais la vraie bonne chose peut être trouvé sur le page de composants. Ce répertorie tout ce que vous obtenez avec Vital, y compris les grilles, la typographie, les boutons, les chargeurs, les tableaux, les onglets, les entrées de formulaire et bien plus encore.

    Aucune de ces fonctionnalités ne repose sur JavaScript, ce qui est un énorme bonus. Certes, vous pouvez en faire plus avec JavaScript, mais il est agréable de ne pas s'inquiéter de JS tout en stylant l'interface.

    Vous pouvez recréer n'importe quel élément à partir de la page des composants juste par en utilisant une classe CSS. Ces cours peuvent être un peu automatisé si vous utilisez Slim, il y a donc un léger avantage pour les utilisateurs de Sass / Slim.

    Mais Vital peut bien fonctionner pour tout développeur avec un peu d'expérience HTML / CSS. C'est un complètement gratuit cadre et c'est beaucoup plus léger que les alternatives.

    Pour en savoir plus, consultez la page d'accueil de Vital ou parcourez rapidement cet article écrit par les créateurs de Vital qui discutent pourquoi ils ont créé le cadre et les problèmes qu'il est censé résoudre.