Houdini: The magic of CSS and JavaScript
summary
Overview of concrete APIs and demos: Typed OM returns real typed values via computedStyleMap so JavaScript gets number+unit objects (CSSUnitValue, CSSMathValue, CSSRotateValue) instead of strings; you can create values with CSS.px(10) and update elements with styleMap.set. Properties and Values lets you declare types and validation with CSS.registerProperty and use them in animations. CSS Paint shows a paint worklet using canvas to draw moving dots driven by custom properties. Layout and Animation worklets run off the main thread for custom layouts and scroll-tied animations.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:44What is Houdini
- 4:58Houdini API
- 7:04CSS
- 14:25Numeric Values
- 16:49Custom Properties
- 23:58Other APIs
