Maison interface Web tutoriel CSS 27 recommandations utiles sur le framework CSS

27 recommandations utiles sur le framework CSS

Apr 05, 2017 pm 04:08 PM
cadre 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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Où trouver la courte de la grue à atomide atomique
1 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Avec quel framework CSS Vue fonctionne-t-il ? Avec quel framework CSS Vue fonctionne-t-il ? Dec 26, 2023 pm 01:48 PM

Il existe quatre frameworks CSS courants compatibles avec Vue : "BootstrapVue", "Element UI", "Vuetify" et "Buefy". Les frameworks ci-dessus sont tous open source et bénéficient d'un énorme support communautaire. Ils fournissent des composants d'interface utilisateur riches et des options de mise en page flexibles. et des thèmes facilement personnalisables permettent aux développeurs de créer rapidement de belles applications Web entièrement fonctionnelles.

Recommander cinq excellents frameworks CSS pour obtenir deux fois le résultat avec la moitié de l'effort de développement front-end Recommander cinq excellents frameworks CSS pour obtenir deux fois le résultat avec la moitié de l'effort de développement front-end Jan 16, 2024 am 09:46 AM

Avec le développement rapide d’Internet, le développement front-end est devenu un domaine important qui ne peut être ignoré. En tant que développeurs front-end, nous devons continuellement améliorer notre efficacité et notre niveau de développement. L'utilisation d'un excellent framework CSS est un moyen efficace d'améliorer l'efficacité du développement front-end. Cet article vous présentera cinq excellents frameworks CSS, dans l’espoir d’être utile à votre travail de développement front-end. BootstrapBootstrap est actuellement l'un des frameworks CSS les plus populaires. Il fournit des classes CSS riches et JavaScript

Quelle est la différence entre le framework CSS et la bibliothèque de composants Quelle est la différence entre le framework CSS et la bibliothèque de composants Dec 26, 2023 pm 05:03 PM

Le framework CSS et la bibliothèque de composants sont deux concepts différents, mais il existe une certaine relation entre eux : 1. Le framework CSS est un outil qui fournit un ensemble complet de styles, de mises en page et de composants, tandis que la bibliothèque de composants est destinée à un domaine spécifique. Une bibliothèque pour la conception et développer des composants ou des modules ; 2. Le framework CSS est utilisé pour créer rapidement des pages Web et des applications, et la bibliothèque de composants fournit une série de composants d'interface utilisateur réutilisables ; 3. Le framework contient généralement une série de classes et de styles CSS prédéfinis, tandis que chaque composant dans la bibliothèque de composants a des styles et des comportements indépendants.

Que signifie le cadre CSS ? Que signifie le cadre CSS ? Oct 09, 2023 pm 05:56 PM

Un framework CSS est une bibliothèque de styles prédéfinis utilisée pour simplifier et accélérer le processus de développement Web. Le framework CSS fournit un ensemble de styles et de mises en page CSS définis que les développeurs peuvent utiliser directement pour créer des pages Web sans avoir à écrire du code CSS à partir de zéro. Le framework CSS comprend généralement une série de composants de page Web couramment utilisés, tels que des boutons, des tableaux, des barres de navigation, etc., ainsi que certains modèles de mise en page courants, tels qu'un système de grille et une conception réactive, etc. Les développeurs doivent choisir et utiliser les frameworks avec soin pour garantir les performances des pages Web et l'expérience utilisateur.

Quelle est la différence entre le framework CSS et la bibliothèque de composants ? Quelle est la différence entre le framework CSS et la bibliothèque de composants ? Jan 16, 2024 am 08:56 AM

Quelles sont les différences fonctionnelles entre les frameworks CSS et les bibliothèques de composants ? Avec le développement continu du développement Web, les frameworks CSS et les bibliothèques de composants sont devenus l'un des outils couramment utilisés par les développeurs. Les deux peuvent aider les développeurs à créer des interfaces Web plus rapidement et plus efficacement, mais ils présentent certaines différences en termes de fonctionnalités. Un framework CSS est un ensemble de règles de style et de modèles de mise en page prédéfinis conçus pour fournir une conception cohérente et réactive. Ils contiennent généralement une série de fichiers de style CSS et d'éléments HTML de style via des sélecteurs de classes et de balises. Le rôle du framework CSS

Explorez les meilleurs frameworks de mise en page responsive : la concurrence est féroce ! Explorez les meilleurs frameworks de mise en page responsive : la concurrence est féroce ! Feb 19, 2024 pm 05:19 PM

Concours de framework de mise en page adaptatif : qui est le meilleur choix ? Avec la popularité et la diversification des appareils mobiles, la mise en page réactive des pages Web est devenue de plus en plus importante. Afin de répondre aux différents appareils et tailles d'écran des utilisateurs, il est essentiel d'adopter un cadre de mise en page réactif lors de la conception et du développement de pages Web. Cependant, avec autant d’options de framework disponibles, nous ne pouvons nous empêcher de nous demander : lequel est le meilleur choix ? Ce qui suit sera une évaluation comparative de trois frameworks de mise en page réactifs populaires, à savoir Bootstrap, Foundation et Tailwind.

Quels sont les frameworks CSS front-end ? Quels sont les frameworks CSS front-end ? Oct 08, 2023 am 11:45 AM

Les frameworks CSS front-end incluent Bootstrap, Foundation, Semantic UI, Bulma et Material-UI. Introduction détaillée : 1. Bootstrap, qui fournit une multitude de mises en page, de formulaires, de navigation, de boutons, d'icônes et d'autres composants réactifs, qui peuvent rapidement créer de belles pages Web hautement compatibles 2. Foundation, qui fournit des composants et des mises en page similaires à Bootstrap ; mais plus flexible et personnalisable 3. Interface utilisateur sémantique et ainsi de suite ;

Révélez les techniques d'optimisation du framework CSS et améliorez facilement la vitesse de chargement des pages Web Révélez les techniques d'optimisation du framework CSS et améliorez facilement la vitesse de chargement des pages Web Jan 16, 2024 am 09:42 AM

Conseils d'optimisation du framework CSS révélés : accélère le chargement de vos pages Web. De plus en plus de sites Web utilisent des frameworks CSS pour accélérer la conception et le développement de pages. Cependant, un trop grand nombre de frameworks CSS peut ralentir le chargement des pages Web et offrir une mauvaise expérience aux utilisateurs. Afin d'accélérer le chargement de vos pages Web, cet article partagera quelques techniques d'optimisation du framework CSS, ainsi que des exemples de code spécifiques. Frameworks CSS rationalisés De nombreux frameworks CSS offrent de nombreux styles et fonctionnalités, mais toutes les pages Web n'ont pas besoin de tous les styles. Certains cadres incluent également

See all articles