La folie des frameworks CSS

Les frameworks CSS fleurissent sur le Web
Les frameworks CSS fleurissent sur le Web

Après la folie des Frameworks Ajax et Javascript (jQuery, Mootools, Dojo, Ext JS etc…), j’ai découvert il y a quelques mois un nouveau type d’outils de design Web en vogue : les frameworks CSS !

Un rappel pour les newbies: les feuilles de style CSS (Cascading Style Sheets) permettent de séparer la présentation d’un document de la structure même du document. En clair c’est dans un fichier externe d’extension .css que l’on va définir la mise en page de notre document, le type de police, la taille des blocs, des titres etc.. C’est une courte explication, pour en savoir plus, voici la page de Wikipédia sur le sujet.

Or donc, qu’entend-on par framework CSS?

Et bien ce sont des outils qui nous permettent de concevoir rapidement une mise en page aussi bien pour un template simple (header, 2 colonnes, footer) que pour des layouts complexes (header, multi-colonnes, multi-bloc, elastique, footer).

Ces frameworks CSS sont très souvent basés sur un système de Grilles (Grid System) qui présentent de nombreux avantages :

  • Les grilles fournissent une uniformité dans le placement des éléments HTML
  • Elles permettent plus ou moins d’éliminer l’utilisation de tables HTML
  • Elles permettent de créer une cohésion entre les différents éléments de la page
  • Elles réduisent les futurs efforts à déployer dans le cas de la redéfinition de certains styles visuels ou de repositionnement d’éléments
  • Elles sont Cross-browser, c’est à dire qu’elles implémentent les différents Hacks nécessaires à IE pour interpréter correctement votre design et vous éviteront de vous arracher les cheveux pour un padding, margin ou float mal interprétés 🙂
  • etc…

Quelques frameworks qui sortent du lot :

Et pour les non réfractaires à la langues de Shakespeare, un article très complet sur le sujet :

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s