The Best JavaScript is No JavaScript
summary
Modern CSS replaces a lot of glue JavaScript currently handles: container queries are stable across modern browsers so components respond to their parent size, the relational :has selector (behind flags) enables parent-aware styling and quantity queries, trig functions and clamp let layouts and a five‑item radial menu compute positions purely in CSS, and experimental popover + anchor positioning and scroll‑driven animations appear in Canary — popovers light‑dismiss and trap focus but are still flaky.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:27CSS grid for responsive layouts
- 3:34CSS math functions min/max/clamp
- 4:59Trigonometric CSS functions
- 7:06Popover for accessible dialogs
- 9:12Anchor positioning for popups
- 11:41Select menu component
- 13:27Has selector for logical styling
- 17:19Container queries
- 20:27Style queries and @property
- 24:18Scroll-driven animations
- 27:30Mastering CSS and HTML
related talks
18mJavaScript Is Dead: 7 Examples Where Modern CSS Is Enough
38mI Can’t Believe It’s Not JavaScript
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
33mModern CSS does what now?
30mStop using JS for that: Moving features to CSS and HTML
36mStop using JS for that: moving features from JS to CSS & HTML
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
31mI Can't Believe It's Not JavaScript!