Supercharge your skills with creative coding Vol IX: You :has the power
summary
Promise: lots of concrete demos and which ones actually work live — many are implemented in pure CSS with just tiny bits of JS for setup. Tools and APIs shown: view‑transitions, :has selector, anchor positioning, popover/select menu primitives, scroll‑driven animations, app‑property counters and trig functions. Built projects include CSS games (Minesweeper, Connect Four, Wheel), a draggable node graph, a div Optimus Prime transformer and a balloon popper; some demos glitched onstage (remote, Wi‑Fi), most run as claimed.
AI-written summary · about
chapters (18)
- 0:00Intro
- 5:10Inputs
- 10:43View Transitions
- 12:29Moving Between Slides
- 13:56Dynamic State
- 18:00OSDock
- 20:56Sweeper
- 22:16Hover
- 23:15Truck
- 25:46Anchoring
- 31:41Popover
- 33:09Menu
- 37:31Popovers
- 39:33Select Menu
- 42:24Wheel of Fortune
- 46:35Tokyo Scroll
- 51:04Popover Island
- 55:30Outro
related talks
42mSupercharge Your Skills with Creative Coding
31mThe Power of CSS
30mSupercharge your skills with creative coding vol. VIII
17mHow I Learn To CSS
51mSymphony of the Web
41mBack to the future: of web development
27mCSS as a Game Engine: Building Playful, Stateful Web Experiences Without JS
01h 00mThe CSS You Don’t Know About