Tinkerer by Night
summary
Forty-five minutes of live coding yields concrete results: a Newton’s-cradle built with CSS using sinus waves and angles that animates but reveals that animating custom properties invalidates style and kills performance; the fix is to compose animations and animate transforms instead. There’s an Apple‑style magnifier rebuilt with cursor-driven CSS variables plus clamp to avoid jumps and keyboard support, and a grid that computes columns via sqrt and modulo to place 35 items and morph into a sphere. Some demos run smoothly, some overload the CPU, slides and demos at sinds1971.nl/cssday.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:07Designer to CSS experimenter
- 4:27Newton’s Cradle CSS
- 11:18Animating waves and motion
- 17:33Breaking CSS beliefs
- 29:18Apple-style magnification
- 41:29CSS for designers
- 44:56Discussion on design curriculum
- 46:23Q&A
