27 recommandations utiles sur le framework CSS

L'utilisation du framework CSS peut simplifier votre travail et améliorer l'efficacité du travail. Le framework CSS est un ensemble de fichiers CSS, comprenant la réinitialisation des éléments de base, la mise en page, la mise en page en grille, les styles de formulaire, les règles générales et d'autres blocs de code. Voici 27 excellents frameworks CSS recommandés parmi lesquels vous pouvez choisir.

​1. 960gs

La largeur de page de 960 pixels semble être devenue une norme de conception, permettant d'afficher le contenu Web dans les différentes résolutions actuelles. Des tailles plus couramment utilisées sont fournies pour simplifier le processus de conception Web, rendant le travail simple et efficace.

2. YUI 2 : Grilles CSS

Mango a déjà présenté YUI lancé par l'équipe de développement de Yahoo, et ce CSS YUI Grids en fait partie. En tant que l'un des frameworks CSS les plus connus, YUI Grids CSS fournit quatre largeurs de page prédéfinies et six modèles prédéfinis. Parmi eux, la technologie des marges négatives, utilisant l'unité de mesure em, la compensation des flotteurs de mise en page et d'autres technologies, méritent d'être apprises et référencées.

​3. Plan

Blueprint est un framework CSS mature qui divise la mise en page, la typographie, le widget, la réinitialisation et l'impression en différents fichiers CSS. Lors de la conception Web, le code introduit est réduit et l’efficacité du chargement des pages est améliorée.

4. BlueTrip

BlueTrip est un framework CSS qui intègre les meilleures parties du framework BluePrint & Tripoli ; la simplicité des icônes 960.gs ; Vous fournir une collection de styles utile et une méthode commune pour créer des sites Web. De cette façon, vous pouvez vous concentrer sur la conception.

5. CSS élastique

Elastic est un framework CSS simple utilisé pour mettre en page des pages Web. Elastic permet une grande variété de mises en page de pages Web courantes.

6. Facile

Les fonctions des composants JQUERY populaires sur le marché ont été intégrées dans son framework. Il vous suffit d'utiliser ce framework directement sans avoir à apprendre la syntaxe complexe AJAX JQuery, ce qui est très pratique.

7. EZ-CSS

EZ-CSS est un framework CSS léger, convivial pour les navigateurs et facile à utiliser. Utilisé pour créer des mises en page complexes avec CSS+p.

8. Tripoli

Tripoli est une spécification CSS générale pour la présentation HTML. En réinitialisant et en reconstruisant les normes des navigateurs, Tripoli fournit une base pour des performances standard entre navigateurs pour vos projets de sites Web.

9. CleverCSS

CleverCSS est un petit langage de balisage pour CSS inspiré de Python qui peut être utilisé pour créer une feuille de style de manière propre et structurée. À bien des égards, il est plus propre et plus puissant que CSS2. La différence la plus évidente avec CSS est la syntaxe : elle est basée sur l’indentation et n’est pas monotone. Bien que cela soit évidemment contraire aux règles de Python, cela reste une bonne idée pour organiser les styles.

10. SenCSS

Il fournit des styles raisonnables pour les parties répétées de votre CSS, afin que vous puissiez accorder plus d'attention au style de votre site Web. Contrairement à d'autres frameworks CSS, les SenCS n'incluent pas divers styles de mise en page compliqués ni de systèmes de grille prédéfinis. Alors, que peuvent faire les SenCS ? La ligne de base, les polices, les remplissages, les marges, les tableaux, les listes, les en-têtes, les guillemets, les formulaires, etc. sont tout ce que les SenCS peuvent faire.

11. Émastique

Emastic est un framework CSS avec une mission continue : explorer de nouveaux mondes étranges, trouver une nouvelle vie et de nouveaux espaces de sites Web, et aller avec audace là où les frameworks CSS ne sont pas encore arrivés. Il est léger, convivial en termes de largeurs de page et utilise des largeurs de colonnes fixes et non fixes dans la grille. Elastic utilise la disposition "em".

12. Typogridphy

Typogridphy est un framework CSS adapté à la mise en page en grille, utilisé pour aider les concepteurs Web et les développeurs front-end à coder rapidement pour obtenir une belle mise en page en grille. Il vous permet de créer rapidement une variété de dispositions de grille avec facilité et simplicité. Le CSS de ce framework est entièrement conforme à la validation sémantique, au Xhtml strict et à d'autres normes.

13. Moins de cadre 3

Il s'agit d'un framework CSS basé sur less.js qui utilise pleinement ses fonctionnalités avancées telles que les mixins, les variables et l'imbrication.

14. Éléments

Il s'agit d'un framework CSS très léger, à en juger par la structure de son code, l'auteur espère évidemment que l'ensemble du projet pourra être déployé dans son framework CSS.

15. Passe-partout

Il s'agit d'un modèle prédéfini pour HTML/CSS/JS, qui peut vous aider à créer un site Web multi-navigateurs prenant en charge HTML5-CSS3.

16. Malo

Une page personnalisée ultra petite, flexible, facile à utiliser et à largeur variable.

17. La grille CSS de 1 Ko

Si vous n'avez besoin que d'un système de grille CSS léger pour créer le cadre principal de votre site Web, vous pouvez essayer une grille CSS de 1 Ko. Le site Web 1KB CSS Grid fournit un générateur pour personnaliser la grille CSS, et vous pouvez directement télécharger la grille CSS personnalisée.

18. Système de grille fluide

Le texte du menu de navigation d'un site Web ne peut pas fournir suffisamment d'informations pour exprimer le contenu du bouton de menu actuel. La solution générale consiste à utiliser les informations de l'info-bulle. Le menu de navigation mobile peut également résoudre ce problème et également ajouter un peu de mode à la conception du site Web. Et des éléments dynamiques.

19. Contenu avec style

Contenu avec style La prochaine étape logique consiste à étendre cela dans un framework CSS, permettant le développement rapide de sites Web en utilisant des composants déjà écrits et testés. Ce dont nous avons réellement besoin, c'est d'un ensemble de conventions de dénomination et d'un modèle de base flexible.

20. WYMstyle

WYMstyle est un ensemble de fichiers CSS que vous pouvez facilement combiner pour créer rapidement la mise en page de votre site Web. En fournissant des modules CSS fiables et bien testés, WYMstyle s'efforce d'éviter à chaque site Web des tests fastidieux de compatibilité entre navigateurs.

21. La grille dorée

Il s'agit d'un framework CSS relativement nouveau développé par vladocar, qui peut fournir une nouvelle référence de mise en page pour la conception de sites Web modernes. Il est très compact, donc facile à apprendre et à utiliser. Certaines des méthodes de gestion de la mise en page méritent d'être apprises. Si vous comprenez le système de grille 960, alors ce framework vous sera plus facile à utiliser.

22. Encore une autre mise en page multicolonne (YAML)

YAML est un framework (X)HTML/CSS développé pour des mises en page flexibles et conviviales. YAML a fourni une documentation étendue et complète depuis son apparition en 2007. Comme beaucoup d'autres frameworks CSS tels que Blueprint CSS ou YUI Grids, il fournit un système de classes CSS prédéfinies pour créer des mises en page basées sur des grilles. Pour créer une mise en page, un concepteur crée la structure HTML du site Web, puis écrit le CSS pour les conteneurs (balises html), et le reste s'occupe du reste.

23. Boussole

Compass est un framework de création de style qui facilite la création et la maintenance de vos feuilles de style et de votre balisage. Écrivez vos propres styles en utilisant Sass au lieu du CSS d'origine. En combinant Mixins et Compass dans Sass, vous pouvez utiliser un framework de style tel que Blueprint pour remplacer vos propres balises de style. Compass est basé sur Sass, et vous pouvez utiliser des frameworks CSS tels que. Plan. C'est très pratique.

24. Cadre de conception Web de schéma

Schema est un framework de page Web au niveau de la présentation conçu pour fournir les balises CSS et HTML nécessaires aux tâches de conception répétitives. Plutôt que de créer du HTML/CSS à partir de zéro pour chaque nouveau projet de site Web, Schema fournit la base nécessaire pour démarrer et exécuter votre conception en un rien de temps.

25. Étincelle

C'est un système très mature, petit, flexible, facile à apprendre et à utiliser.

26. Le framework CSS jQuery UI

Il s'agit d'un ensemble de commandes d'interface utilisateur et de composants d'interaction avec la souris avec des fonctions de changement de peau basées sur jquery. Utilisé pour aider les développeurs à créer des applications Web avec une bonne expérience utilisateur. Fournit un puissant framework CSS pour les widgets définis par l'utilisateur à l'aide de jQuery. Le ThemeRoller parmi eux vous permet d’utiliser et de concevoir différents styles d’interfaces Web à votre guise.

27. 52cadre

Il s'agit d'un framework de développement Web qui implémente HTML5 et CSS3. Il s'agit d'un framework multi-navigateurs qui peut fonctionner sur tous les principaux navigateurs, y compris IE6. Il est principalement implémenté à l'aide d'un fichier JavaScript permettant le HTML5.

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!