JavaScript Is Dead: 7 Examples Where Modern CSS Is Enough
summary
Practical examples showing how modern CSS features can replace common JavaScript patterns in production sites. Covers specific technologies: scroll-snap, the :has() selector, text-wrap, and color-mix(), and demonstrates real-world usage of these features to remove JS hacks.
AI-written summary · about
chapters (10)
- 0:00Modern CSS benefits
- 2:04Lazy rendering with Content Visibility
- 4:30Scroll Snap for carousels
- 5:53Text Wrap Balance for headings
- 7:17Color Mix in CSS
- 9:48Form validation with :user-invalid
- 11:57Scrollbar Gutter for jumps
- 14:07Vertical centering in CSS
- 15:55Summary
- 17:40Testing new CSS features
related talks
29mThe Best JavaScript is No JavaScript
40mJavaScript in the age of HTML 5 and CSS 3
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
30mStop using JS for that: Moving features to CSS and HTML
38mI Can’t Believe It’s Not JavaScript
34mDon't Use JS for That: Moving Features to CSS and HTML
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
11mTen Places Where You Can Ditch JS