I Can't Believe It's Not JavaScript!
summary
Claim: reduce JavaScript dependency by replacing common widgets with native HTML/CSS and still get focus management, keyboard behavior and faster rendering. Demos show a theme switcher using :has pseudo-selector, accordions using details element (including grouped toggles via name), modals using the popover attribute, and scroll-driven effects with CSS animation timeline and calc size auto / starting style; most demos work now, a few features have limited support.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 1:25Origins and purpose
- 3:51JavaScript’s dominance risks
- 6:20Reducing JS dependency
- 7:23Demo: Dark mode switcher
- 9:49When to use JavaScript
- 10:53Demo: CSS accordion
- 13:20Why native HTML features
- 15:29Demo: Auto-toggle accordion
- 16:53Demo: CSS height transitions
- 18:15Demo: Modal implementation without JavaScript
- 21:25Demo: CSS modal with backdrop
- 22:51Demo: Modal with target selector
- 24:40Demo: CSS scroll animations
- 26:09CSS scroll animation benefits
- 28:38Future CSS features
- 29:42Feedback and closing remarks
related talks
24mI Can't Believe It's Not JS
38mI Can’t Believe It’s Not JavaScript
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"
30mStop using JS for that: Moving features to CSS and HTML
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
28mJavaScript + Web Standards II: The Quickening
39mYou Don’t Need JavaScript for That