Chrome 57 sait bien ranger dans une grille

Mickaël Bazoge |

La version finale de Chrome 57 est disponible pour macOS, Windows et Linux. Les version mobiles ne devraient pas tarder (la mouture pour Android est en cours de déploiement, sur iOS la mise à jour n’est pas encore apparue sur l’App Store). Pour ce qui concerne macOS, les nouveautés — en dehors des améliorations de performance et des correctifs — sont peu nombreuses, mais il y en a au moins une de significative : le support du module CSS Grid Layout.

Avant le support de CSS Grid Layout… et après — Cliquer pour agrandir

Le principe est simple, il s’agit d’organiser les différents éléments d’une page web dans une grille. Ce système est particulièrement optimisé pour les sites aux interfaces réactives.

Ce module commence tout doucement à se déployer dans les navigateurs web. Firefox 52 a ouvert la voie ; avec le renfort de Chrome, le CSS Grid Layout va prendre beaucoup plus de poids.

avatar Woaha | 

Ah donc plus besoin de bootstrap ?

avatar Hertzfield (non vérifié) | 

@Woaha

Si quand même ?‍♂️?‍♂️

avatar C1rc3@0rc | 

Parce que meme si c'est integré dans les 3 navigateurs majeurs (Chrome 57, Firefox 52, Safari - le prochain qui sort avec MasOS 10.12.4 ) reste que la majorité des utilisateurs seront sur les versions precedentes qui sont infoutues de gerer les grilles et cela pendant un bon moment .
Donc oui les librairies JS sont nécessaires.

Ceci dit, je suis toujours stupefait que la gestion des grilles dans HTML 5 ait attendu 2017 pour arriver. Quand meme la fonction est incontournable en publication, tous les softs de mise en page la gere depuis des lustres (meme LaTeX, c'est dire) et en creation WEB on parle de grille depuis... un sacré moment en fait.

avatar Derw | 

Heuuu non ! On n’en a jamais eu besoin en fait !
Ce n’est qu’un outil, rien de plus… Contrairement à ce que laisse supposer votre commentaire, on peut heureusement faire un site web sans bootstrap !

avatar pocketalex | 

@Woaha : je me posais la même question ;)

avatar minipapy | 

@Woaha

Sinon, il y a des micro-frameworks CSS qui ne proposent qu'une simple grille.
Ça évite de charger tout bootstrap pour ne pas en utiliser les composants. :)

avatar LeGrosJeanLou | 

Curieux que vous parliez de Chrome et de Firefox alors que cette technologie a été implémentée dans la dernière release de Safari Preview, celle là même dont vous aviez jugé qu'elle ne comportait aucune nouveauté majeure...

https://webkit.org/blog/7434/css-grid-layout-a-new-layout-module-for-the-web/

avatar C1rc3@0rc | 

C'etait pas deja dans la precedente?

avatar Nicolas Furno | 

@LeGrosJeanLou

Non, c'est intégré à la Technology Preview depuis plus longtemps. Et on en parlera quand ce sera finalisé, comme pour les autres.

avatar tech-devil | 

Oui, bon, déjà que Flexbox commence seulement à pouvoir être utiliser en prod… on a le temps encore 5-7 ans avant de pouvoir utiliser ce module. Et par pitié, arrêter de parler de Bootstrap, un pro ne peut pas vendre un site de qualité avec un outil pareille. C'est bon pour les interfaces d'admin, ou les exemples, mais c'est tout. Ce n'est pas performant, pas semantique, ça ne fonctionne pas sans JS, bref, niveau qualité c'est à des années lumières de ce qu'est un bon site web.

avatar fte | 

@tech-devil

Celui-là il pourrait s'imposer bien plus rapidement à mon avis.

Déjà, il est en dev depuis pas mal d'années au point que j'avais renoncé à espérer. Et il répond à un besoin réel et permet des choses qu'il était impossible à faire en bidouillant comme un malpropre.

Ensuite le déploiement automatique des navigateurs est en place depuis assez de temps pour que la fragmentation des versions ait été fortement réduite. La fonctionnalité va être disponible très rapidement sur une majorité d'ordinateurs. Sauf si la mise à jour automatique est explicitement désactivée, ce qui est moins fréquent aujourd'hui qu'il y a quelques années. Bref.

Je suppose que le soucis viendra plutôt de vieux appareils, Android en particulier, paradoxalement.

avatar Gulivert | 

Ha bon ça, ma dernière création utilise les css grid, pis pour ceux qui demande si bootstrap sera tjs nécessaires, ben non, si tu ne gères que des grilles avec, et oui si tu aimes tout le reste. Bootstrap c'est plus qu'un placement par grilles!

CONNEXION UTILISATEUR