Quelques cadres CSS supplémentaires que vous pouvez utiliser sur vos sites Web

Quelques frameworks CSS supplémentaires
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.

Notes de fond

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.


Le contenu de l'article adhère à nos principes de éthique éditoriale. Pour signaler une erreur, cliquez sur c'est par ici !.

Soyez le premier à commenter

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

*

*

  1. Responsable des données : AB Internet Networks 2008 SL
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.