Top 10 des frameworks CSS les plus populaires

Les ingénieurs en développement Web doivent passer beaucoup de temps à développer des styles de page. Le plus gênant est la compatibilité du navigateur. Le plus simple est d'utiliser le framework CSS. Heureusement, certains maîtres ont écrit un ensemble de framework CSS exquis. source, alors quels sont les bons frameworks CSS ?

J'ai collecté quelques informations et données pour discuter avec vous. Je vais maintenant parler des 10 meilleurs frameworks CSS avec le plus d'étoiles sur Github.

Bootstrap

Les étoiles Github comptent 140K.

Adresse GitHub : https://github.com/twbs/bootstrap

Bootstrap est le framework CSS le plus populaire et est considéré comme le framework CSS le plus réactif. Conçu spécifiquement pour le développement front-end, il aide à créer des concepts de conception Web, des projets axés sur les mobiles, des systèmes de grille, une typographie, des boutons, etc.

Semantic-UI

Les étoiles Github comptent 47,8K.

Adresse GitHub : https://github.com/Semantic-Org/Semantic-UI

Semantic est un framework de développement qui permet de créer de superbes mises en page réactives en utilisant du HTML convivial. L'interface utilisateur sémantique vise à rendre le processus de création de sites Web plus sémantique. La fonctionnalité principale consiste à utiliser les principes du langage naturel pour rendre le code plus facile à lire et à comprendre.

Matérialiser

Les étoiles Github comptent 37,5K.

Adresse GitHub : https://github.com/Dogfalo/materialize

Materialize est un framework front-end conçu sur la base du Material Design, qui prend en charge l'auto-adaptation et est plein de modernité.

Bulma

Les étoiles Github comptent 39,6K.

Adresse GitHub : https://github.com/jgthms/bulma

Bulma est un framework CSS moderne basé sur Flexbox. Il est réactif, modulaire, open source et gratuit, et peut être. facilement utilisé. Pour réaliser diverses mises en page de contenu simples ou complexes, la plus grande caractéristique de Bulma est qu'il est léger, indépendant, simple et facile à utiliser. Tous les styles sont basés sur des classes, même si vous ne comprenez pas CSS, vous pouvez facilement. créer de belles pages Web.

Plus de détails : http://www.sevdot.com/articles/7

Foundation

Les étoiles Github comptent 28,6K.

Adresse GitHub : https://github.com/zurb/foundation-sites

Foundation est utilisé pour développer des frameworks HTML, CSS et JavaScript réactifs.

Foundation est un framework facile à utiliser, puissant et flexible pour créer des applications Web sur n'importe quel appareil.

Foundation est un framework mobile first populaire.

Pure

Les étoiles Github comptent 20,8K.

Adresse GitHub : https://github.com/pure-css/pure

Un ensemble de modules CSS purs, légers et réactifs, produits par Yahoo, adaptés à tout projet Web.

Pure est incroyablement petit, compressé dans un fichier gzip de seulement 3,7 Ko*. Nous nous efforçons de rationaliser chaque ligne de code à l'extrême afin de compresser au maximum la taille CSS, ce qui est plus propice à la production Web mobile. Si vous n'utilisez que quelques-uns de ses modules, CSS est trop petit pour avoir des amis !

Layui

Les étoiles Github comptent 21,5K.

Adresse GitHub : https://github.com/sentsin/layui

Layui est un framework d'interface utilisateur frontale émotionnelle écrit en utilisant ses propres spécifications de module, suivant le HTML/CSS/JS natif. les formes d'écriture et d'organisation sont à très bas seuil et peuvent être utilisées immédiatement. Il est minimaliste à l'extérieur mais plein à l'intérieur. Il est léger et riche en composants, chaque détail, du code principal à l'API, a été soigneusement conçu, ce qui le rend très approprié pour le développement rapide d'interfaces.

Uikit

Les étoiles Github comptent 13,5K.

UIkit est un framework front-end léger et modulaire développé par l'équipe YOOtheme, qui peut rapidement créer une puissante interface front-end Web. UIKit fournit une gamme complète de composants HTML, CSS et JS simples à utiliser, faciles à personnaliser et à étendre.

Il est développé sur la base de LESS. La structure du code est claire et simple, facile à développer et à maintenir, et comporte des composants réactifs petits et réactifs. Vous pouvez facilement personnaliser et créer ce que vous aimez en fonction du style de base d'UIKit. . style de thème.

Amaze UI

Les étoiles Github comptent 13,4K.

Adresse GitHub : https://github.com/amazeui/amazeui

Amaze UI est basé sur le concept de mobile first (Mobile first), s'étendant progressivement des petits écrans aux grands écrans, et éventuellement réaliser tous les écrans S'adapter et s'adapter à la tendance de l'Internet mobile.

Amaze UI contient près de 20 composants CSS, plus de 20 composants JS et plusieurs composants Web avec différents thèmes. Il peut rapidement créer des pages multi-écrans avec une excellente interface et une excellente expérience, améliorant considérablement l'efficacité du développement.

Par rapport aux frameworks étrangers, Amaze UI se concentre sur la composition chinoise, en ajustant les polices en fonction de l'agent utilisateur pour obtenir de meilleurs effets de composition chinoise en tenant compte de la prise en charge de la compatibilité des navigateurs grand public nationaux et du navigateur intégré du ; Application.

Amaze UI est développé pour HTML5 et utilise CSS3 pour les interactions animées. Il est fluide et efficace, plus adapté aux appareils mobiles et permet aux applications Web de se charger plus rapidement.

jQuery UI

Les étoiles Github comptent 10,8K.

Adresse GitHub : https://github.com/jquery/jquery-ui

jQuery UI est un ensemble d'interactions d'interface utilisateur, d'effets spéciaux, de widgets et de thèmes construits sur la bibliothèque JavaScript jQuery . Que vous créiez une application Web hautement interactive ou que vous ajoutiez simplement un sélecteur de date à un contrôle de formulaire, jQuery UI est un choix parfait.

jQuery UI contient de nombreux widgets qui conservent l'état, il est donc légèrement différent du modèle d'utilisation typique du plug-in jQuery. Tous les widgets jQueryUI utilisent le même modèle, donc une fois que vous avez appris à en utiliser un, vous savez comment utiliser les autres.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!