Un framework CSS préfabriqué peut être d'une grande aide ou d'un sérieux obstacle. Cet article couvre correctement les deux côtés de la barrière en examinant des arguments courants pour et contre l’utilisation d’un framework CSS.
Qu'est-ce qu'un framework CSS?
Les frameworks CSS sont conçus pour accélérer et simplifier le développement de sites Web complexes. Afin d'accomplir cet exploit, les infrastructures CSS contiennent des bibliothèques de code prédéfinies contenant une tonne d'options à utiliser dans votre code HTML. Par exemple, les frameworks basés sur une grille contiennent généralement plusieurs classes ayant un nombre défini de pixels pour faciliter la création de dispositions à plusieurs colonnes.
5 Frameworks CSS populaires
Voici une courte liste des frameworks CSS populaires ainsi qu'une brève description directement à partir de la source.
Blueprint CSS
Blueprint est un framework CSS qui vise à réduire votre temps de développement. Il vous donne une base solide pour construire votre projet sur le dessus, avec une grille facile à utiliser, une typographie judicieuse, des plugins utiles et même une feuille de style pour l’impression.
Éléments
? Elements est un framework CSS réaliste. Il a été conçu pour aider les concepteurs à écrire du code CSS plus rapidement et plus efficacement. Elements va au-delà du cadre, il s'agit de son propre flux de travail. Il a tout ce dont vous avez besoin pour mener à bien votre projet, ce qui vous rend heureux, ainsi que vos clients. Lisez la vue d'ensemble pour plus d'informations.
YUI 2: Grilles CSS
Le CSS de base de YUI Grids propose quatre largeurs de page prédéfinies, six modèles prédéfinis, ainsi que la possibilité d’empiler et d’imbriquer des régions subdivisées de deux, trois ou quatre colonnes. Le fichier 4kb fournit plus de 1000 combinaisons de mise en page.
CSS logique
Le cadre CSS de Logic est une collection de fichiers CSS et un ensemble d’outils conçus pour réduire les délais de développement des modèles et des mises en page Web conformes aux normes Web. ?
CSS élastique
• Un simple framework css pour la mise en page d’interfaces Web, basé sur les techniques de mise en page imprimées de 4 colonnes, mais avec des possibilités de combinaisons de colonnes illimitées. et la capacité de faire facilement une mise en page élastique, fixe et liquide.
Avantages
Lorsqu'ils sont utilisés correctement, les cadres peuvent s'avérer extrêmement utiles pour rationaliser votre processus de présentation. Voici quelques-uns des plus gros avantages.
Fonctionnalité multi-navigateurs
C'est l'un des points de vente les plus importants de mon livre. Le codage de mises en page complexes qui restent cohérentes d’un navigateur à l’autre peut s’avérer cauchemard La plupart des frameworks CSS font le gros du travail pour vous afin que votre contenu affiche exactement la même chose, peu importe qui l'affiche.
Développement rapide
Si vous construisez de nombreux sites Web, un bon framework CSS peut vous aider à créer un flux de travail plug-and-play qui élimine les tâches répétitives (telles que les réinitialisations manuelles) que vous exécutez chaque fois que vous commencez à configurer un site. De nombreux frameworks incluent même des boutons pré-stylés, du texte, etc., ce qui peut vous faire gagner beaucoup de temps.
Cohérence
Les frameworks CSS vous fournissent un ensemble standard de sélecteurs que vous pouvez utiliser sur tous les sites que vous construisez, vous obligeant à la cohérence dans votre codage. Cela signifie que lorsque vous consultez un site que vous avez créé il y a un an, cela a autant de sens pour vous que si vous l'aviez écrit hier.
Dispositions nettes et symétriques
Si vous êtes comme moi, vous êtes enclin à regarder juste vos proportions et à dire que c'est bon. De nombreux frameworks CSS vous installent sur un système basé sur une grille stricte qui garantit à vos mises en page une symétrie parfaite des pixels sans mesures compliquées.
Les inconvénients
Maintenant que nous nous sommes beaucoup vantés des avantages des frameworks CSS, examinons les inconvénients. N'oubliez pas qu'il ne s'agit pas nécessairement de problèmes mineurs, mais bien d'obstacles majeurs qui empêchent de nombreux développeurs de se tenir à l'écart des frameworks.
Code supplémentaire
J'aime que mon code soit clair et concis, sans redondance ni sections inutilisées. Avec les frameworks CSS, cela sort de la fenêtre. Même si votre framework préféré offre un code parfaitement écrit, il est probable que vous n'en utiliserez pas la moitié sur un site donné. En effet, les frameworks incluent intentionnellement beaucoup de code pour plusieurs scénarios de disposition. Vous choisissez les sélecteurs que vous souhaitez utiliser et les autres restent inutilisés. Accordez-le, vous pouvez passer au crible tout le code et supprimer tout ce que vous n'utilisez pas, mais cela peut prendre du temps et donc tuer l'aspect développement rapide.
Manque de liberté
L'utilisation d'un framework CSS peut facilement vous enfermer dans une manière très étroite de faire les choses. Comprenez-moi bien, la structure est une nécessité, mais explorer de manière créative de nouvelles structures et façons de faire est un excellent exercice pour les développeurs, qui nous permet d'apprendre. Ce processus peut être inhibé par un cadre rigide qui vous incite à tourner le côté créatif de votre cerveau et à privilégier la quantité à la qualité. Il y aura toujours une place pour les structures de conception organiques qui s’éloignent de la norme et ouvrent leur propre voie d’utilisation.
Changements sémantiques forcés
Si vous êtes un développeur expérimenté, vous avez probablement de nombreux éléments et sélecteurs HTML et CSS préférés. L'utilisation d'un framework CSS vous oblige à adopter un nouveau système qui peut être inconfortable au début. La courbe d’apprentissage n’est pas trop abrupte, mais elle peut être agaçante si vous vous en sortez bien.
Pensées de clôture
Comme vous pouvez le constater, les arguments ne manquent pas. Cela dépend vraiment de votre flux de travail personnel et de vos préférences. Dites-nous ce que vous pensez des frameworks CSS et de ceux que vous utilisez.
Personnellement, j'aime toujours beaucoup coder à partir de rien (ou du moins de mon travail précédent). Vous ne pouvez pas battre le sentiment d'accomplissement lorsque vous construisez un site à partir de la base. Cependant, la recherche de cet article m’a poussé à expérimenter quelques cadres. Ils semblent tous un peu lourds sur le code inutilisé, donc je pourrais finir par créer mon propre framework personnalisé qui répond un peu mieux à mes besoins.