Kit de démarrage CSS pour les développeurs - Shoelace.css

Les développeurs frontend ont besoin de toutes les meilleures ressources possibles. Habituellement, cela signifie travailler sur un cadre comme Bootstrap, car il est livré avec pratiquement tout.

Cependant, il existe de nombreuses alternatives et Lacet.css est un de ces exemples que vous devriez connaître.

Ce kit CSS gratuit n'est pas vraiment un cadre complet. Au lieu de cela, c'est plus comme un kit de démarrage pour les développeurs qui ne veulent pas créer des dizaines de styles CSS personnalisés à partir de zéro.

Vous pouvez toujours utiliser une réinitialisation CSS, mais cela ne fait que formater chaque navigateur de manière égale. Une réinitialisation est pas une combinaison pour le traitement de tâches plus complexes, et c'est exactement le point de lacet.

Il vient comme package avec une CLI s'exécutant sur un nœud que vous pouvez installer avec n'importe quel projet. Bien que, aussi a une version CDN si vous ne voulez pas utiliser npm.

Pour tout mettre en place, consultez le guide d'installation dans la documentation officielle. Malgré le fait qu’elle soit étiquetée comme une bibliothèque CSS, vient avec des composants JavaScript, aussi. Bien que la plupart de ceux qui fonctionnent sur jQuery, de sorte que vous aurez besoin d'inclure cela comme dépendance.

Si vous creusez plus loin dans la documentation, vous trouverez le page de personnalisation qui te montre comment éditer des variables en CSS. Cela vous permet de créer des composants personnalisés et de modifier facilement les styles Shoelace par défaut..

Chaque composant a une sensation Bootstrap-y à la conception, donc Shoelace fonctionnera pour à peu près n'importe quelle disposition.

Cependant, il a également a une courbe d'apprentissage plus raide que Bootstrap, comme il n’est pas aussi populaire, il n’a pas autant de soutien. Au moment où ces lignes sont écrites, Shoelace est toujours en version bêta 1.0, il a donc tout le temps nécessaire pour se mettre à niveau avec les infrastructures frontales plus larges..

Un rapide coup d’œil aux docs devrait prouver que c’est prêt pour un site de production. C'est vraiment à vous de voir si Shoelace vaudrait la peine d'être appris et mis en œuvre.

Jetez un coup d'oeil au GitHub repo pour récupérer une copie et le documentation en ligne pour plus d'informations sur l'installation. Si vous avez des questions ou des suggestions concernant Shoelace, vous pouvez également envoyer un message au créateur sur Twitter @claviska..