Explore the evolution of CSS layout techniques and dive deep into CSS Grid and Subgrid in this insightful conference talk from the Mozilla Developer Roadshow in Seoul. Learn about the progression from traditional layout modes to Flexbox and Grid, understanding their capabilities and use cases. Discover the power of two-dimensional layouts, grid terminology, and practical examples of Grid implementation. Gain insights into Grid animation techniques and the significance of Subgrid. Examine Subgrid syntax, real-world examples, and current browser support. Enhance your CSS skills and create more sophisticated, responsive layouts with this comprehensive overview of modern CSS layout technologies.
Overview
Syllabus
Intro
CSS evolution
Layout modes
Flexbox layout
Grid layout
Two dimensions
Grid
How Great Works
Terminology
Grid in 2017
Browser support
Dev tools
Grid examples
Grid animation
Why Subgrid
Subgrid syntax
Subgrid examples
Browser support for Subway
Taught by
Mozilla Hacks
