You Don’t Need JavaScript for That
summary
Claims that many interactions can be done without JS, then shows working demos: smooth scrolling with CSS plus scroll-padding to avoid hidden headers; form constraints using input types, minlength, pattern and :valid/:placeholder-shown for live hints; layout tricks with nth-child and the :has selector to adapt grids; empty to hide wrapper lists; native lazy loading and a working popover element that opens/closes w/o JS; notes keyboard-accessible tabs/carousels still need JS and Chrome-only anchoring needs a polyfill.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:10Smooth scrolling with CSS
- 6:43CSS form validation
- 14:48When to avoid CSS-only
- 17:16Accessibility limits of CSS
- 19:21Selecting content ranges
- 22:12Detecting content with CSS
- 25:18CSS layout tricks
- 28:05Handling empty content
- 29:50HTML lazy loading and popovers
- 30:51CSS anchor positioning
- 32:16Q&A
related talks
34mDon't Use JS for That: Moving Features to CSS and 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"
36mStop using JS for that: moving features from JS to CSS & HTML
38mI Can’t Believe It’s Not JavaScript
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
44mYour website does not need JavaScript
48mYour website does not need JavaScript