Dans notre article précédent nous avions commencé une liste de cadres utiles pour définir l'apparence d'un site Web à l'aide de feuilles de style. Les feuilles de style nous permettent de contrôler des aspects tels que les différents éléments d'un site Web doivent être représentés sur différents appareils.
Termes à garder à l'esprit
Boîte flexible : C'est un modèle de boîte flexible. conception de yu unidimensionnelleUne méthode pour aider à répartir l'espace entre les éléments dans une interface en améliorant les capacités d'alignement.
Le mot unidimensionnel est utilisé pour souligner le fait que flexbox gère la mise en page dans une seule dimension à la fois - sous forme de ligne ou de colonne.
Disposition de la grille CSS (CGL): C'est un Système de conception bidimensionnel basé sur une grille développé pour créer de meilleures interfaces utilisateur.
CGL vous permet de diviser une page en zones ou régions principales, et facilite la définition de la relation en termes de taille, de position et de couches entre les parties d'un contrôle construit à partir de primitives HTML.
De la même manière que pour les tableaux (la méthode utilisée aux débuts de la conception Web), la disposition en grille vous permet d'aligner des éléments dans des colonnes et des lignes. Mais, contrairement à ce qui se passe avec les tableaux, avec la grille CSS, beaucoup plus de mises en page sont possibles et d'une manière plus simple.
Quelques frameworks CSS supplémentaires
CSS pur
Le CSS pur est un cadre CSS léger et réactif créé par Yahoo en 2014. Il est construit à l'aide de Normalize.css et eIl est utile pour créer des conceptions réactives à l'aide de grilles et de menus. Pure est réactif par défaut et contrairement à Bootstrap, il ne vous permet pas de créer des mises en page fixes.
Kit d'interface utilisateur
C'est proposé comme un fchâssis léger et modulaire pour créer des interfaces Web rapides et puissantes. Malgré sa petite taille, il parvient à offrir presque toutes les fonctionnalités des autres frameworks.
Vous pouvez créer des interfaces Web simples, propres et modulaires avec son jeu d'icônes SVG, ses nombreux composants, sa réactivité, ses styles unifiés et ses options de personnalisation. En outre, vous pouvez également concevoir des mises en page complexes basées sur une flexbox avec le kit d'interface utilisateur en utilisant du HTML simple.
UI moutarde
C'est idéal pour les débutants. Ses composants sont divisés en modules; Grilles de base, boutons, tableaux, formulaires et cartes Flexbox.
Matérialiser CSS
Dans ce cas il s'agit de un cadre pour créer des interfaces de conception de matériaux développé par Google
C'est l'alternative appropriée pour quiconque souhaite concevoir des sites Web ou des applications Web pour Android car il est livré avec des classes et des composants prêts à l'emploi. Vous pouvez rapidement commencer à utiliser leurs modèles de démarrage.
Materialise CSS utilise le format de grille à 12 colonnes de Bootstrap pour vous permettre de créer rapidement des mises en page réactives.
CSS de Tailwind
Maintenant nous parlonsC'est un framework CSS hautement personnalisable. Contrairement à Bootstrap, qui crée une interface utilisateur d'apparence générique, Tailwind permet aux développeurs de personnaliser les designs et de leur donner un look unique.
Milligramme
Dans ce cas, nous avons également un cadre minimaliste.
À seulement 2 Ko (compressé), milligrammese parvient à fournir un ensemble complet d'outils de développement Web. Les utilisateurs peuvent également utiliser toutes les fonctionnalités offertes par la spécification CSS3.
Squelette
Les cadres réactifs et minimalistes semblent faire fureur. Squelette il ne comporte que 400 lignes de code.
Quoi qu'il en soit, parvient à nous offrir de nombreuses options pour les grilles, la typographie, les boutons, les formulaires, les listes, les tableaux et le code qui peut être utilisé pour la création de sites Web complexes.
Spectre
Spectre est un cadre qui peut contribuer à création de site plus rapide et plus flexible avec des éléments élégamment conçus, une belle typographie et des composants prédéfinis.
Pique-nique CSS
Cette bibliothèque qui peut également être utilisé en ligne, il n'atteint pas 10 ko lorsqu'il est compressé. Fournit au développeur des composants CSS purs et interactifs, y compris des grilles, des formulaires, des onglets, des info-bulles et des alertes. La bibliothèque vous aide à créer un site Web réactif et de belles applications Web.
Base
Framework développé en utilisant un code léger et minimal. Malgré sa conception simple, il est très puissant. Les développeurs et les concepteurs peuvent l'utiliser pour créer des sites Web et des applications Web qui répondent aux normes Web et aux exigences des moteurs de recherche.