It's Not Dark Magic, Pulling Back the Curtains From Your Stylesheets
summary
Argument: CSS is debuggable like code because the browser builds a DOM → CSSOM → render tree, and the talk walks parsing, layout/paint/composite, and practical debugging. Demonstrations use the Performance tab and the layers/paint inspectors, show a quiz whose anchor resolves to pink, compare floated vs flexbox performance, and explain that opacity/transform trigger compositing (fast) while layout/paint are expensive. Surprising detail: z-index ceiling 2,147,483,647 and many stacking contexts, not just z-index, break expected stacking.
AI-written summary · about
chapters (9)
- 0:00Why CSS matters
- 3:24Browser parsing
- 5:58CSS object model
- 8:06The render tree
- 9:55Layout, paint, and composite
- 12:52Performance optimization
- 14:03Specificity and debugging
- 15:41Z-index and stacking
- 19:30Closing thoughts
