Découvrez les frameworks CSS

Par Mikaweb / avril 29th, 2009

Alors que les Frameworks PHP se sont gentiments démocratisés, il en va de même pour les frameworks CSS qui se font petit à petit une place au soleil.

Qu’est ce qu’un Framework CSS ?

Les frameworks CSS sont des environnements de développement composés généralement de plusieurs fichiers CSS gérant chacun une partie spécifique du design web (typographie, grille de mise en en page, formulaires, etc…). Ces frameworks sont souvent accompagnés d’un Reset CSS, pour s’affranchir des différences de rendu entre les navigateurs.

L’avantage de ces frameworks ?

L’avantage principal est que vous gagnez en productivité, bien qu’il fasse un temps d’adaptation au framework. Le gros avantage est d’avoir une base facilement réutilisable sur tous vos projets et cela permet de gagner un temps fou, du moins pour les grosses tâches gérées par le framework.

Autre point positif, lorsque vous travailler à plusieurs sur un projet, que le framework est suffisament bien documenté, vous pouvez sans problème optimiser les flux de productions.

Ces frameworks ont été étudiés et re-étudiés, et par conséquent ils sont, dans la plupart des cas, stables et fonctionnels sur chaque navigateur web. Que l’on soit sur Chrome, Opera, Safari, Firefox ou même Internet Explorer, le rendu ne devrait pas différer.

Dernier point et non des moindres pour tous ceux faisant attention aux normes, grâce à l’utilisation d’un framework vous aurez dorénavant un code propre, lisible et très bien structuré.

Le désavantage de ces frameworks ?

Comme tout framework, que ce soit en langage serveur ou client, vous aurez besoin de temps pour assimiler les spécificités de ce nouvel outil de travail.

Lorsque une erreur intervient, je ne parle pas de bug, ce serait déplacé pour du simple CSS, il va falloir aller trifouiller dans un code qui ne vous est pas connu et par conséquent le temps de trouver ces erreurs vous paraîtra bien long.

Eh oui, comme partout, vous aurez toujours un surplus de class et id non utilisés qui viendront considérablement alourdir votre application.

Quelques frameworks CSS reconnus

  • YAML - Yet Another Multicolumn Layout
  • Blueprint
  • Yahoo! UI Library CSS Foundation
Chacun de ces frameworks vous apportera certaines spécificités qui lui sont propres, à vrai dire n’en utilisant pas régulièrement, je serais totalement incapable de vous en préconiser un au profit d’un autre.

Conclusion

N’étant pas un féru de ces frameworks CSS, ni PHP d’ailleurs, aimant toujours avoir le contrôle de ce qui compose mes applications, j’aime bien ré-inventer la roue, je ne saurais que trop vous conseiller d’en utiliser un.
J’ai fait le choix d’utiliser la version intermédiaire, en effet, je suis un utilisateur plus que convaincu des Reset CSS, il en existe pléthore sur le net, et c’est celui d’Eric Meyer, qui accompagne chacun de mes projets. Son Reset se veut simple et efficace, son but est simplement de supprimer les défauts des navigateurs à problème, pas de nom ici :-), en y effectuant une remise à zéro.
Je serais très intéressé de connaître l’avis de chacun et notamment si ces frameworks sont utilisés par des agences web ou simplement des professionels de la branche.
Remerciements : Je tiens à remercier le site Developpez.com ainsi que l’excellent Smashing Magazine.

Leave a Reply