Les avantages et les désavantages des grilles CSS

Les grilles, dans la conception de pages web, permettent d'organiser les composants de la pages et de les aligner. A l'origine utilisées dans la conception papier, elles se répandent de plus en plus dans la conception web.

exemple de grille

Les avantages

  • Meilleur alignement, équilibre et dans les espacements des blocs.
  • La zone d'affichage est directement définie dès la conception
  • Les grilles confèrent l'avantage de la structure en tableaux qui était préférée pour sa fiabilité à la déclinaison en division
  • Les grilles proposent une meilleure organisation du code contenu dans les feuilles de style
  • Les grilles permettent une moduralité grâce à des largeurs de blocs prédéfinies
  • La déclinaison graphique est accélérée
  • L'intégration de grilles dans une grille (pour plus de détail) est facilitée

Les désavantages

  • Les grilles sont un frein aux mises en page particulières et ambitieuses.
  • Les grilles proposent de gérer de multiples blocs de contenus. Dans le cas de pages simples, pourquoi utiliser une grille ?
  • Les grilles ne permettent pas nécessairement d'accélérer l'intégration graphique. Elles peuvent justement, dans cetains cas, la ralentir.

La conclusion

Pas besoin de grilles pour un site avec quelques pages et peu de contenu. En revanche dès que cela se complique légérement et que le site est améné à évoluer, pensez à élaborer votre propre grille, où en tous cas celle du site. Si vous êtes dans la déclinaison de gabarits sensés contenir divers types de contenus, alors passez par une grille.

Lire To Grid or Not to Grid: Advantages and Disadvantages