Le concept de "disposition de grille" existant depuis la période de révolution industrielle, nous pouvons donc en déduire que les grilles sont un outil travaillées depuis des siècles déjà.
Maintenant que vous avez pris conscience que le sytème de grille existe depuis tant d'années déjà, alors pourquoi ne nous l'avons pas eu dès les débuts du CSS, ce qui n'aurait pas été choquant, me direz vous !
Et bien au tout début
CSS a commencé comme quelque chose de très simple, c'était juste un moyen de créer une vue d'un document sur un très petit écran.
Nous raconte le Docteur Bert Bos, le co-créateur du CSS.
Dans son esprit, il se demandait déjà que faire de plus, et c'est à force de regarder des livres, des magazines, que la mise en page en grille lui venue :
Les numéros de page sont à certains endroits. Et les images sont toujours alignées sur certains côtés, à gauche, à droite ou au centre. Nous voulions capturer cela.
Cependant et malgré l'enthousiame sucité par le concept, les fabricants de navigateurs ont jugé l'idée comme étant trop complexe à appliquer et ce malgré les efforts de Bos , Lie et Dave Raggett qui ont proposé en 1996 un modèle de mise en page basé sur des cadres et plus tard en 2005 un module de disposition avancé.
C'est 7 années plus tard que le projet de l'équipe de Phil Cupp (Microsoft), ayant pour nom Grid Layout est enfin présenté au W3C !
Pourtant vous allez me dire :
Mais le Docteur Bos avait déjà présenter pas mal de projet qui ont tous finient contre le mur, alors qu'est ce qui à changé cette fois ?
Et bien cette fois çi c'était différent, on avait enfin quelque chose de réel à juger puisque que les travaux de Phil Cup avait été développer ! Et nous autres développeurs, nous pouvions le tester. La mise en page par système de grille n'était plus une possibilté théorique mais réelle !
Il est :
- Puissant : Il permet aux concepteurs d'exprimer leurs désirs !
"En rendant les choses simples faciles et les choses complexes possibles" comme le disait Etemad
Il travaille sur deux dimensions au contraire de Flexbox
-
Robuste : Il evité de détériorer la mise en page, ou de faire dsiparaître le contenu accidentellement !
-
Performant : Un algorithme rapide pour gérer des situations réelles comme le redimensionnelebt du navigatuer et le chargement dynamique du contenu, afin d'éviter toute frustation pour l'utilisateur final !
Intégrer quelque chose d'aussi ambitieux est toujours très compliquer, car le coût de mise en oeuvre peut dissuader les navigateurs de prendre un engagement aussi important.
Mais fort heureusement, Google à mis en oeuvre son implémentation dans Chromium 56 pour Android en Janvier 2017 ainsi que son implémentation Chrome au mois de Mars et de cette initative tout les autres navigateurs ont suivis le mouvement : Mozilla l'a implémenté deux jours avant celle de Chrome et avant la fin du mois de mars Opera et Safari avaient également intégré le support pour CSS Grid.
Et alors, Microsoft ?
Et bien Microsoft sont ironiquement les derniers à avoir intégré CSS GRid à Edge.