- Le groupe de travail CSS a annoncé le premier brouillon de travail public de CSS Grid Layout Module Level 3, autrement dit la disposition CSS de type masonry
- Ce brouillon traite la disposition masonry comme une fonctionnalité intégrée à CSS, avec deux formes de syntaxe possibles : une syntaxe intégrée à grid et une syntaxe indépendante de grid
- La publication de ce brouillon vise à encourager la discussion sur les avantages relatifs de ces deux formes de syntaxe
Décisions du groupe de travail CSS
- Le groupe de travail CSS a décidé d’adopter un dimensionnement de pistes entièrement mixte pour ce modèle de disposition
- Cela permet dans la disposition masonry toutes les listes de pistes possibles qui peuvent être exprimées dans CSS Grid Layout
- Cela unifie le modèle de disposition de base des deux propositions et, par conséquent, les deux formes de syntaxe représentent des capacités essentiellement équivalentes pour la disposition masonry (avec quelques questions encore non résolues concernant les différences de valeurs initiales)
- Afin de répondre aux problèmes de performance liés au dimensionnement de pistes mixte, ce brouillon décrit dans les grandes lignes certaines optimisations de performance dans le modèle de disposition et adopte quelques règles empiriques de simplification pour les sous-grilles, entre autres
2 commentaires
Le Masonry Layout est bien expliqué sur MDN.
https://developer.mozilla.org/en-US/docs/…
L’équipe WebKit avait également publié en avril un appel à contribution à ce sujet.
CSS Grid Level 3, autrement dit la mise en page "Masonry", appel à contribution pour la créer
Cet article contient des images explicatives basées sur des exemples du layout Masonry, n’hésitez pas à vous y référer.