Your website does not need JavaScript
summary
Builds a completely static site from plain HTML and CSS with no npm, no build step and no JavaScript, demonstrating concrete patterns that work: :target pseudo-class for single‑page navigation, native accordion with details/summary, browser form validation using required, pattern, input type=tel/date, CSS nesting, a labeled input type=range + datalist using :has to count options, and component controls—testimonial slider, theme toggle and image carousel—implemented with radio inputs as state and CSS grid. Live demo works but notes practical limits: :has lacks Firefox support, accessibility and persistence need extra care, and JS can still improve UX.
AI-written summary · about
chapters (8)
- 0:00Introduction and philosophy
- 2:40HTML-based site components
- 7:57Native form validation
- 11:51CSS-powered range sliders
- 22:26Building interactive carousels
- 32:46Toggles and theme switching
- 40:12Image carousels and summary
- 45:57Closing thoughts and Q&A
related talks
44mYour website does not need JavaScript
01h 00mYour website does not need JavaScript
39mYou Don’t Need JavaScript for That
24mI Can't Believe It's Not JS
36mStop using JS for that: moving features from JS to CSS & HTML
31mI Can't Believe It's Not JavaScript!
38mI Can’t Believe It’s Not JavaScript
30mStop using JS for that: Moving features to CSS and HTML