Spectre.css - Framework CSS réactif léger basé sur Flexbox

Si vous voulez plonger dans schémas flexbox alors c’est le meilleur moment pour commencer. Les navigateurs modernes sont enfin accepter les propriétés de flexbox et plus de développeurs se lancent dans l'action.

Mais pourquoi partir de zéro quand on peut construire sur du code réutilisable? Spectre.css est l'un des meilleurs frameworks pour commencer à utiliser si vous débutez dans flexbox.

Ce framework open-source gratuit est pré-construit avec un système de grille fonctionnel et propriétés communes de flexbox. Il s'appuie sur Gulp pour compiler et exécuter CSS à la volée, depuis n'importe quel ordinateur.

Ça aussi utilise MOINS au lieu de Sass, ce qui peut faire de Spectre un excellent choix pour tous les utilisateurs MOINS.

Un téléchargement de npm vient avec tout ce dont vous avez besoin: Icônes CSS, mixins, variables, et à peu près tout ce que vous attendez d'un framework CSS typique.

Tout le code est complètement sémantique et prend en charge tous les éléments de texte HTML, même les plus récents comme . Styles de texte aussi prise en charge des polices est-asiatiques avec des langues telles que le chinois, le japonais et le coréen.

Tu peux trouver des tonnes d'exemples sur le “Éléments” page qui liste des exemples de conception pour le texte, les boutons, les tableaux, les icônes et les formulaires Web (entre autres).

Spectre vient aussi avec des tonnes de composants cela peut vous faire économiser des heures de codage à partir de zéro. Caractéristiques dynamiques, tel que popovers et menus déroulants, sont super faciles à ajouter à n'importe quelle mise en page, avec seulement quelques lignes de code.

Ce cadre est encore jolie et il subit toujours des changements. Au moment d'écrire ces lignes, Spectre est en v0.2 et a beaucoup de fonctionnalités expérimentales tu peux essayer.

Mais les composants principaux, les éléments de page et les grilles sont parfaitement fonctionnel et prêt pour un site de production en direct. Spectre est l’un des meilleurs frameworks CSS fonctionnant sur Less avec des grilles flexbox.

Pour en savoir plus et commencer, visitez le page de documentation couvrant l'installation et la configuration.

Vous pouvez également télécharger une copie du code à droite de GitHub qui a également une petite section pour la documentation. Et, si vous souhaitez partager vos idées, vous pouvez tweeter le compte officiel @spectrecss..