How to Be #Extra with CSS Houdini
summary
CSS Houdini gives developers a way to tell the browser how to parse and interpolate CSS so things that were strings become typed values, e g registerProperty lets colors animate smoothly; the Typed OM exposes unit objects, registerable custom properties with syntax, and worklets run off the main thread. The paint worklet example rewrites a canvas sparkle demo into a background-image paint module, layout worklets implement masonry/random layouts, and animation worklets enable scroll‑linked high‑perf animations but only for composited properties; it’s experimental and needs HTTP/localhost and flags.
AI-written summary · about
chapters (8)
- 0:00Start
- 4:12set the property of background from javascript into our css
- 8:29mix borders
- 9:16create a javascript polyfill
- 10:11write a little polyfill
- 14:33interact with underlying values by representing them with specialized javascript objects
- 20:04use existing polyfills
- 38:44set the number of underlines
