Page d'accueil » Boîte à outils » Picnic CSS Lightweight CSS Library pour démarrer vos projets Web

    Picnic CSS Lightweight CSS Library pour démarrer vos projets Web

    Certains développeurs préfèrent des bibliothèques d'interface utilisateur détaillées, telles que Bootstrap, pour leurs styles riches en fonctionnalités. Mais, il existe de nombreuses bibliothèques CSS plus petites faites pour esthétique de conception subtile et personnalisation.

    Si vous cherchez un bibliothèque CSS petite mais élégante je recommande Picnic CSS. C'est totalement gratuit, open source, et fonctionne sans beaucoup d'édition pour égayer vos pages avec des styles simples mais élégants.

    Tous les éléments HTML natifs sont restylé par défaut, Vous n'avez donc même pas besoin de vous fier aux cours. Ajoutez simplement la feuille de style Picnic à votre page Web et actualisez-la. Vous remarquerez que tous les formulaires, les boutons et les éléments typographiques prennent un nouveau look.

    Mais bien sûr, cette bibliothèque prend en charge la conception modulaire avec des options pour tout personnaliser. Ses tout écrit en sass, de sorte que vous avez vraiment besoin d'être un développeur Sass pour travailler à travers le code.

    Vous avez accès à tous les types, classes, systèmes de grille et variables par défaut utilisés pour le style et la coloration des éléments de page..

    Picnic CSS a également été conçu pour être incroyablement petit et ne mesure que 10 Ko en taille quand minified. C'est environ 1/10th de Bootstrap et il a toujours tout le charme que vous attendez dans un cadre d'interface utilisateur personnalisé.

    Comme il s’agit d’une petite bibliothèque, n'a pas de fonctionnalités dynamiques. Mais, vous pouvez voir des exemples sur la page de test qui comprend des boutons, des en-têtes, des cartes, des entrées, des onglets et d’autres éléments similaires..

    Certains éléments dynamiques, tels que les modaux et les onglets, travailler avec du CSS pur. Ainsi, vous pouvez également créer des sites Web conformes en ignorant complètement JavaScript. Plutôt cool!

    Je pense que les styles de pique-nique par défaut sont un peu fades, ils pourraient donc être retouchés. Mais dans l’ensemble, j’adore cette bibliothèque et c’est l’un des moyens les plus simples de démarrer un nouveau projet du bon pied..

    Pour commencer, visitez la page Picnic CSS GitHub à télécharger une copie et voir des échantillons. Vous pouvez également parcourir la documentation en ligne pour voir comment chaque élément fonctionne et ce dont vous avez besoin pour tout faire fonctionner.

    Le pique-nique est encore disponible sur un CDN, de sorte que vous n'avez même pas besoin de télécharger des fichiers localement pour commencer.