CSS Masonry Layouts - Techniques and Applications

Explore the intricacies of CSS Masonry Layouts in this 42-minute conference talk by Nicole Sullivan at CSS Day 2024. Delve into the definition of Masonry, distinguishing it from other layout techniques, and understand its vertical and horizontal applications. Learn about the ease of implementation, column spanning, and various use cases through practical demonstrations. Examine feature requests, including bidirectional collapse, and weigh the pros and cons of Masonry layouts. Gain insights into performance considerations and when to choose between Grid and Masonry. Enhance your web design skills with this comprehensive overview of a powerful CSS layout technique.

Introduction
Welcome
What is Masonry
What is Masonry Not
Vertical vs Horizontal
Easy to Learn
Spanning columns
What do you want
Use case
More demos
Feature requests
Collapse in both directions
Pros and cons
Slowness
Grid or Masonry
Conclusion