Janvier est le moment où la plupart d'entre nous cessent de réfléchir à l'année écoulée et se tournent vers les mois à venir. Il semble que tout le monde ait des idées différentes sur ce à quoi s’attendre en 2017 (vous lirez la nôtre la semaine prochaine) et l’un des changements les plus attendus cette année est l’introduction de la mise en page de grille CSS.

Grid Layout nous permet de définir des zones d'une page et de déterminer comment elles s'étendent, évoluent et répondent à la fenêtre. Développé comme une solution de mise en page mature pour le Web, il offre un niveau de contrôle sans précédent en CSS, mais si vous pensiez que Flexbox était une courbe d’apprentissage raide, vous n’avez encore rien vu.

L'une des raisons pour lesquelles personne n'utilise CSS Grid Layout en ce moment est qu'il offre un support très limité. actuellement, seuls IE10 + et Edge 12+ [doffs cap dans la direction de Microsoft] offrent un support quelconque. Cependant, tout est sur le point de changer avec la prise en charge complète de tous les principaux navigateurs attendus vers mars.

la mise en page n'est pas vraiment une amélioration progressive

Malheureusement, la mise en page n'est pas vraiment une amélioration progressive. La mise en page détermine de nombreuses choses, notamment la hiérarchie visuelle, qui peut contribuer à transmettre un sens. Et donc, aussi passionnant que Grid Layout soit, les nouvelles libertés de design qu’il délivre semblent pour l’instant anéanties. La question est la suivante: quand la disposition de grille CSS sera-t-elle suffisamment fiable pour être votre approche par défaut de la mise en page en ligne?

La réponse la plus pragmatique est probablement la suivante: cela dépend de votre cible démographique. Si vous construisez un site pour une conférence CSS en ligne sponsorisée par un fabricant de navigateurs, vous êtes probablement prêt à partir. Pour tous les autres objectifs, le point auquel CSS Grid Layout est commercialement utile peut être un peu plus risqué.

CSS Grid Layout est sur le point d'arriver, dans un navigateur près de chez vous. Cela ouvre de nouvelles possibilités pour la mise en page. Cependant, le fait qu'il soit utilisable en dehors de CodePen dans un avenir proche est une autre affaire.