Stop Using JavaScript for That: Moving Features from CSS to HTML

Overview

Discover how to shift features from JavaScript to CSS and HTML in this conference talk from Conf42 JS 2023. Explore the "rule of least power" and learn about browser makers' responsiveness to developer needs. Dive into practical examples of custom toggles, datalists, in-page transitions, carousels, accordions, modals, and dialog elements. Gain insights on improving accessibility and performance through CSS and HTML implementations. Examine emerging features like container queries, masonry layouts, parent selection with :has(), and scroll-driven animations. Understand how these advancements can reduce reliance on JavaScript, potentially eliminating the need for it in certain scenarios. Leave with a newfound appreciation for the power and capabilities of CSS and HTML in modern web development.

Syllabus

intro
preamble
do i hate js?
i love...
the rule of least power
browser makers are listening
once you learn something
lets get started
custom toggles
datalist
in-page transitions
jquery. awesome.
in javascript
accessibility
smooth
carousels
video by adam argyle: https://youtu.be/34zcWFLCDIc?si=t3F4DV2res2ji6wx
accordions and modals
dialog
container queries
stop using js... in the future
masonry layout
the parent selection :has
scroll driven animations
no more js needed!
i hope you love css and html now, too!