Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout (webkit.org)

Article summary

The article discusses the proposal for CSS Grid Level 3, also known as 'Masonry' layout, which aims to provide a mechanism for creating layouts with columns but no rows. This would allow for more flexible and dynamic layouts, similar to those seen in graphic design. The proposal is currently being implemented in Safari Technology Preview and has been experimented with in Firefox Nightly. The article invites web designers and developers to provide input on the proposal and share their thoughts on its potential uses and limitations.

Main themes

• CSS Grid Level 3
• Masonry layout
• Flexible layouts
• Graphic design
• Web development
• Browser implementation

What commenters say

• Implementing Masonry layout in CSS would be more efficient and reliable than using JavaScript libraries, as it would eliminate the need for re-rendering the DOM and make websites more resilient to script crashes.
• Using JavaScript to achieve Masonry layout is a viable alternative to implementing it in CSS, as it allows for more control and flexibility, but may have performance drawbacks.
• The proposal for CSS Grid Level 3 is too complex and may not be necessary, as existing layout options such as flexbox and grid can already achieve similar results with some creativity.
• A constraint-based system that covers all layout cases could be a better solution than adding more layout options to CSS, as it would provide a more comprehensive and flexible framework for web development.
• The lack of support for Masonry layout in current CSS is a significant limitation, and its implementation would open up new possibilities for web design and development.
• The use of JavaScript libraries for Masonry layout can provide a reasonable fallback when CSS is not supported, but may not be ideal for content experiences that require a seamless and responsive layout.