I Can't Believe It's Not JS
summary
Demos replace common JS widgets with pure HTML/CSS: a theme switcher uses the :has selector plus a checkbox to toggle dark mode with no JS; accordions use the details element (built‑in ARIA, auto‑open on find, and grouped auto‑close via name attributes); modals use the popover attribute (popover open/backdrop controls; available in production since 2025) or CSS :target as an alternative; scroll animations attach to an animation‑timeline (view/scroll timelines) for smoother, more performant reveals; calc‑sizing for height auto is shown as experimental. Each demo runs without extra npm packages, demonstrating smaller failure surface and accessibility benefits.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:03History of JavaScript
- 2:31The dependency problem
- 5:14CSS theme switcher
- 8:17Accordion components
- 13:56Auto-height animations
- 15:47Modal components
- 19:41Scroll animations and conclusion
related talks
31mI Can't Believe It's Not JavaScript!
38mI Can’t Believe It’s Not JavaScript
36mStop using JS for that: moving features from JS to CSS & HTML
30mStop using JS for that: Moving features to CSS and HTML
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
41mBack to the future: of web development
39mYou Don’t Need JavaScript for That