Creating magic with houdini
summary
Houdini exposes concrete APIs: CSS paint API that draws a QR code via a paint worklet and registerPaint, a layout worklet demonstrating a masonry layout polyfill, and the typed CSSOM like getComputedStyleMap plus registerProperty to give custom properties real types. Demos show Chrome reworking its layout engine, generator functions removed from the spec, minimum two worklets for safety, and measurable wins toward 60fps where every millisecond shaved from the pipeline matters.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:47Background
- 4:12Layout Pipeline
- 5:36Style Steps
- 6:05Layout Steps
- 6:58Paint Steps
- 9:04Pipeline
- 10:04CSS Grid
- 11:23Houdini APIs
- 13:16Property Values API
- 15:05CSS Object Model
- 21:08Worklets
- 24:24Layout Worker
- 27:18Paint API
