Braces to Pixels - From CSS to Layout

Explore the inner workings of CSS engines in this 42-minute conference talk from CSS Day 2016. Delve into the process of converting CSS code into website layouts, covering topics such as parsing, style computation, cascading, box generation, content measurement, fragmentation, painting, and optimization. Learn about crucial concepts like containing blocks, anonymous boxes, and stacking contexts. Gain insights from speaker Greg Whitworth's expertise and access accompanying slides for a comprehensive understanding of the CSS pipeline from braces to pixels.

Intro
Overview
Pipeline
Parsing
Style
Style Computation
Style Computation Examples
Cascade
Containing Blocks
Flow
Box Generation
Anonymous Boxes
Hello World
Content Measure
Fragmentation
Painting
Stacking Context
Box Shadow
Compositing
Validation
Optimization