Fermer

mars 23, 2022

5 frameworks CSS à utiliser cette année


L'état du CSS montre quels sont les cinq frameworks CSS les plus largement utilisés, et cet article vous explique pourquoi.

Utilisation de bibliothèques montrant les tendances de Bootstrap, Tailwind CSS, Materialise CSS, Foundation, Semantic UI et Bulma
Image de l'état du CSS

Dans l'article d'aujourd'hui, nous examinons les cinq principaux développeurs Web de frameworks CSS utilisés l'année dernière et continueront d'utiliser cette année. Nous parlerons de chacun, de ses caractéristiques uniques et de la raison pour laquelle les gens l'utilisent.

État du CSS 2021

Vous voudrez peut-être savoir d'où j'ai obtenu les données utilisées dans cet article. Eh bien, vous pouvez probablement dire que c'est à partir duÉtat du CSSune enquête annuelle auprès de milliers de développeurs Web pour comprendre l'état du style des développeurs eux-mêmes.

La version 2021, qui vient d'être publiée, contient des données de plus de 8 700 développeurs du monde entier. Voici à quoi ressemble le niveau d'expérience des participants.

Les années d'expérience montrent 1,9 % de moins d'un an, 5,4 % de 1 à 2 ans, 16/6 % de 2 à 5, 22,3 % de 5 à 10, 22,3 % de 10 à 20, 7 % de plus de 20 ans, et 24,5% ne répondant pas.
Image de l'état du CSS

Alors, quels frameworks CSS étaient les plus populaires ? Et quelles caractéristiques pourraient en faire le cas ? Regardons de plus près.

Amorcer

en-tête d'amorçage

Amorcer est un framework CSS très réactif que vous pouvez utiliser pour concevoir des applications Web mobiles. C'est le framework CSS le plus populaire et ce depuis de nombreuses années. De nombreux autres frameworks ont été construits avec les informations de Bootstrap.

Il existe de nombreuses raisons incroyables d'utiliser Bootstrap, telles que le système de grille qui l'accompagne – ce système est devenu un standard pour de nombreuses autres bibliothèques. La cohérence de celui-ci, les documents et la compatibilité du navigateur sont également d'autres points importants.

CSS vent arrière

en-tête CSS de vent arrière

AvecCSS vent arrière , vous pouvez créer des applications Web modernes dans votre code de présentation et de manière propre également. C'est un framework utilitaire avec des classes composables telles quefléchir,pt-4,centre de texteetrotation-90 pour créer n'importe quel design, directement dans votre fichier HTML. Certaines fonctionnalités vraiment intéressantes seraient sa vitesse, le fait que le style peut être fait directement dans la présentation, et qu'il est également super réactif et constamment maintenu.

L'utilisation de Tailwind CSS vous donne plus de contrôle sur le style, car il n'est pas opiniâtre, et vous pouvez même l'optimiser à l'aide de Purge CSS. Il gagne beaucoup de terrain et a une communauté bouillonnante.

Matérialiser le CSS

matérialiser l'en-tête

C'est l'une des bibliothèques CSS les plus légères qui existent actuellement. Vous pouvez accélérer le développement d'applications Web en utilisant un style par défaut qui intègre déjà des composants personnalisés.Matérialiser le CSS comprend d'autres choses comme des animations et des transitions, qui sont assez fluides, et le principe de base est inspiré de Google Material Design. Les documents sont vraiment faciles à utiliser et beaucoup de réflexion a été consacrée aux exemples de code. Ainsi, la plupart du temps, il vous suffit de copier des exemples de code et vous êtes prêt à partir.

Il est également à la fois bien entretenu et bien soutenu par un groupe diversifié d'entreprises et de communautés.

Fondation

en-tête de fondation

Fondation est autoproclamé le framework frontal réactif le plus avancé au monde. Il y a quelques choses vraiment uniques que j'ai remarquées à propos de Foundation. La première est que le positionnement de la marque est principalement destiné aux entreprises et aux équipes, ce qui est un si grand créneau. La prochaine chose est les ressources d'éducation. Foundation propose un programme de formation à la conception d'applications Web, avec également une certification.

De nombreux développeurs utilisent actuellement Foundation. Il est sémantique, mobile d'abord et très facile à personnaliser. Il propose également des services de conseil en conception, ce qui est vraiment agréable pour les équipes. Vous pouvez commencer à utiliser Foundation dès aujourd'hui avec les modèles de démarrage faciles à utiliser déjà disponibles pour vous permettre de vous amuser.

Trouver

trouver l'en-tête

je penseTrouver est le framework CSS le plus facile à utiliser actuellement. Il est agréable à l'œil et vous n'avez pas besoin de connaître le CSS pour commencer à l'utiliser immédiatement. Il contient de nombreux composants frontaux déjà intégrés que vous pouvez facilement utiliser ou combiner avec d'autres composants Bulma pour créer facilement votre application Web. Il est open source et reçoit de nombreuses critiques sur Twitter.

Il est unique à bien des égards, dont l'un est la façon dont les classes sont nommées d'une manière facilement lisible pour les débutants. Il est également très modulaire, ce qui signifie que vous n'avez pas besoin de toute la bibliothèque – importez simplement exactement ce dont vous avez besoin. Aucun JavaScript n'est nécessaire – chaque composant est construit avec CSS.

Emballer

Voici un regard neuf sur les cinq frameworks CSS les plus utilisés pour l'année. Parmi les autres frameworks notables, citons Ant Design, Semantic UI et Pure CSS. Il existe pratiquement un framework CSS pour chaque cas d'utilisation – il vous suffit de le trouver, et j'espère que cet article vous aidera à le faire. Bon piratage !




Source link