Bttn.css - De superbes boutons CSS de moins de 4 Ko

Avec tant de extraits de code CSS et générateurs de code gratuits, il n'y a pas besoin de réinventer la roue. Les développeurs intelligents s'appuient sur les bibliothèques existantes pour créer des éléments de page simples tels que des menus de navigation et des boutons.

Une telle bibliothèque est Bttn.css, créé par le développeur Ganapati V S. Son travail est exquis et cette bibliothèque de boutons est l'une des meilleures pour le développement de front-end moderne.

Sur la page d'accueil des boutons, vous pouvez choisir entre petites, moyennes et grandes tailles, de même que divers schémas de couleurs. Les boutons viennent pré-construit et Prêt à partir, donc tout ce dont vous avez besoin est la bibliothèque CSS actuelle et les bonnes classes pour vos boutons.

Vous pouvez télécharger la bibliothèque de GitHub ou vous pouvez utiliser le Version CDN pour les tests locaux. Il même fonctionne dans les IDE cloud comme CodePen si vous voulez essayer dans votre navigateur.

Bttn.css est en fait une bibliothèque plus petite, offrant environ 13 styles différents. Certains d'entre eux incluent les styles de matériaux, les dégradés, les boutons fantômes et les boutons de pilule traditionnels utilisant des bordures arrondies CSS3.

Notez que cette bibliothèque est semblable à la bibliothèque Butns en utilisant une orthographe raccourcie de “boutons” et du code CSS pur.

Cependant, Bttn.css propose différents styles de boutons, plutôt qu'une grande bibliothèque d'éléments similaires. C’est l’une des raisons pour lesquelles je recommande Bttn.css pour à peu près tous les projets Web des 13 styles..

Vous pouvez en lire plus dans ce post de Medium, écrit par le créateur de Bttn.css. Il explique pourquoi il a fait la bibliothèque et à quoi sert-il dans un projet de développement typique.

Si vous cherchez documentation plus complète jetez un coup d'oeil au Repo GitHub. Il répertorie toutes les classes CSS pour les styles, les tailles et les couleurs, ainsi que les détails de l'installation à l'aide du CDN ou d'un gestionnaire de paquets tel que Bower..

Assurez-vous également de consulter le page de démonstration pour voir ce que cette bibliothèque peut faire. Et n'hésitez pas à partager vos pensées avec le créateur sur son compte Twitter @ganapativs.