Symphony of the Web
summary
Fast paced live demo set shows 50 demos and dozens of practical snippets that are drop‑in ready: one‑line fixes like crossfade view transitions and accent-color, tiny readable media query syntax, container queries with quantity queries, and cascade layers to contain specificity. Shows paint-order, field-sizing autoshrink, color-scheme + light-dark tokens, app‑property typed custom properties, scroll‑driven and view‑linked animations off the main thread, text-wrap balance, textbox-trim for pixel‑perfect alignment, anchor positioning, popover/dialog behaviors, and upcoming line-clamp.
AI-written summary · about
chapters (17)
- 0:00Introduction to the web
- 1:30View transitions
- 2:25Container queries
- 3:31Layout and cascade layers
- 4:42Paint and field sizing
- 6:41Color schemes and light-dark
- 8:38Accent and system colors
- 10:52Custom properties and app-property
- 13:54Scroll-driven animations
- 19:08Easing functions and springs
- 20:56UI elements and accessibility
- 22:22Form validation and accordions
- 24:44CSS math functions
- 27:47Advanced text and composition
- 30:03Color mixing and spaces
- 33:43Entry effects and anchoring
- 35:29Text-box trim and conclusions
related talks
41mBack to the future: of web development
50mThe Browser is a Marvelous Thing
58mSupercharge your skills with creative coding Vol IX: You :has the power
38mReturn to Web Animation Wonderland
28mJavaScript + Web Standards II: The Quickening
17mHow I Learn To CSS
39mModern CSS for Creative Developers
24mI Can't Believe It's Not JS