Impactful Experimentation
summary
Experiments show concrete techniques: implements space toggles (custom‑property short‑circuiting) and a layer toggle mixin that applies multiple styles with one property, files seven spec issues the day an anchor positioning article lands, and reports Chromium bugs while testing scroll animations. Demos include SVG connectors between anchors and a working fit‑to‑width text demo using view timelines; many experiments run across browsers and generally work, with a few browser fixes required.
AI-written summary · about
chapters (11)
- 0:00CSS experimentation philosophy
- 2:10CSS containers and keyframes
- 5:27Space toggles and custom properties
- 9:44Layer toggles and custom mixins
- 15:44When to experiment with CSS
- 17:11Anchor positioning experiments
- 23:59Scroll animations testing
- 27:36Fit to width text experiments
- 31:52CSS puzzle solutions
- 34:20Turning ideas into contributions
- 37:38Q&A
related talks
34mDon't Use JS for That: Moving Features to CSS and HTML
39mCSS in 2022 (and beyond)
26mLess Cruft, More Power: Leverage the Power of the Web Platform
39mModern CSS for Creative Developers
17mHow I Learn To CSS
39mModern CSS Layout is Awesome!
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
30mCutting-edge CSS features: Gaining control of Web Design