Your website does not need JavaScript
summary
Demonstrates building a fully static site using only HTML and CSS: a hash-driven single-page navigation with HTML-only SPA via :target, accessible accordions using details/summary, native form validation (required, date inputs, pattern) and styled range inputs with datalist labels. Implements carousels, testimonial sliders and theme toggles by leveraging radio inputs and CSS (grid, nesting, transitions) — everything works live but with caveats: some features are production-ready (details, form types), while the powerful *:has() selector is unsupported in Firefox and many patterns need ARIA and accessibility care.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 2:10JavaScript overuse
- 3:17HTML/CSS content targeting
- 8:18Accordions without JS
- 10:25Form validation with HTML
- 17:08CSS nesting features
- 19:15Range sliders with HTML/CSS
- 31:57Testimonial sliders without JS
- 43:06Toggle switches with radio
- 50:07Dark/light mode toggles
- 52:56Image carousels with HTML/CSS
- 56:33Live demo proof
- 57:17When to use JavaScript and when not to
- 59:49Q&A
related talks
48mYour website does not need JavaScript
44mYour website does not need JavaScript
39mYou Don’t Need JavaScript for That
36mStop using JS for that: moving features from JS to CSS & HTML
30mStop using JS for that: Moving features to CSS and HTML
38mI Can’t Believe It’s Not JavaScript
24mI Can't Believe It's Not JS
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"