Let’s Do Magic with Houdini CSS
summary
Introduces the CSS Houdini APIs, explaining how they let developers access the browser’s CSS engine so new layout and styling features can be implemented without heavy JavaScript polyfills. Describes the layout spec just released, the problem of supporting browsers that lack native support, and how Houdini provides a way to create performant, CSS-level polyfills and extend browser styling capabilities.
AI-written summary · about
chapters (12)
- 0:00Houdini CSS introduction
- 2:28Why Houdini was created
- 3:34Houdini’s main APIs
- 4:39Typed OM direct CSS access
- 8:31Custom Properties limitations
- 10:58Properties and Values API
- 13:28Worklets key concept
- 15:57Paint Worklet dynamic drawing
- 19:28Animation Worklet performant animations
- 25:36Layout Worklet custom layout
- 29:48Box Tree and Font Metrics API
- 31:36Houdini compatibility and future
