Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Masonry Layouts - Techniques and Applications

Web Conferences Amsterdam via YouTube

Overview

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.

Syllabus

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

Taught by

Web Conferences Amsterdam

Reviews

Start your review of CSS Masonry Layouts - Techniques and Applications

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.