Magic Tricks with CSS Houdini
summary
Claim: JavaScript can extend the browser render engine, not just run in the main thread. Demos show worklets that load into separate threads, a typed OM exposing CSSStyleValue objects (percentages, CSSMathValue), and a CSS Paint worklet drawing canvas-backed backgrounds from CSS properties. There’s also a scroll timeline–driven animation API and a layout API to define new display algorithms. Nothing is shipping broadly yet; Canary has early flags and APIs change often.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:27What is CSS Houdini
- 4:55Worklet lifecycle
- 7:25Typed om
- 10:49Custom properties
- 14:55Paint
- 19:07Animation API
- 25:40Layout API
- 33:42Questions
