Back to the future: of web development
summary
Demos show concrete browser features and code: build dropdowns and radial selects using the customizable select element and picker pseudo elements, animate with scroll driven animations and CSS trig functions, stagger with sibling-index and sibling-count, and make carousels with scroll markers and scroll buttons. Layered UI uses popovers, anchor positioning and container-anchored queries, plus interest invokers (polyfill noted and Apple objection) and view transitions so rich interactions run with zero JavaScript.
AI-written summary · about
chapters (8)
- 0:00Modern CSS and HTML
- 1:48Native browser UI revolution
- 7:04Customizable select with CSS
- 13:48Scroll animations in CSS
- 16:15Layered UI with popovers
- 27:32Modern carousels with scroll
- 37:23Future of CSS and browsers
- 40:10Conclusion
related talks
44mModern UI Patterns
34mDon't Use JS for That: Moving Features to CSS and HTML
36mStop using JS for that: moving features from JS to CSS & HTML
28mJavaScript + Web Standards II: The Quickening
51mSymphony of the Web
23mA Look Ahead at Web Development in 2025
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
31mI Can't Believe It's Not JavaScript!