Erster Draft für CSS Grid Level 3 / Masonry-Layout veröffentlicht

• Die CSS Working Group hat den ersten öffentlichen Arbeitsentwurf des CSS Grid Layout Module Level 3, auch bekannt als CSS-Masonry-Layout, veröffentlicht
• Dieser Entwurf behandelt Masonry-Layouts als integrierte Funktion von CSS und stellt dafür zwei mögliche Syntaxformen vor: eine in Grid integrierte Syntax und eine von Grid unabhängige Syntax
• Mit der Veröffentlichung dieses Entwurfs hofft man, die Diskussion über die jeweiligen Vorzüge der beiden Syntaxformen zu fördern

Entscheidungen der CSS Working Group

• Die CSS Working Group hat beschlossen, für dieses Layoutmodell vollständig gemischte Track-Größenanpassung zu übernehmen
• Dadurch werden im Masonry-Layout alle möglichen Track-Listen erlaubt, die sich auch im CSS Grid Layout ausdrücken lassen
• Damit wird das grundlegende Layoutmodell beider Vorschläge vereinheitlicht, sodass beide Syntaxformen für Masonry-Layouts im Wesentlichen gleichwertige Funktionalität bieten (bei den Unterschieden der Initialwerte gibt es noch einige ungelöste Fragen)
• Um Leistungsprobleme im Zusammenhang mit gemischter Track-Größenanpassung anzugehen, skizziert dieser Entwurf bestimmte Performance-Optimierungen im Layoutmodell und übernimmt einige vereinfachende Heuristiken für Subgrid und Ähnliches

[xguru]

Masonry Layout wird auf MDN gut erklärt.
https://developer.mozilla.org/en-US/docs/…

Auch das WebKit-Team hatte im April einen Hilferuf dazu veröffentlicht.
CSS Grid Level 3, auch bekannt als "Masonry"-Layout: Bitte um Unterstützung
Dieser Beitrag enthält bildgestützte Erklärungen mit Beispielen zum Masonry-Layout, also schaut ihn euch gern als Referenz an.