Less Cruft, More Power: Leverage the Power of the Web Platform
summary
Demos show concrete features not vague promises: scroll-driven animations land in Chromium and sit behind a Firefox flag and replace JS for scroll effects, a Tokopedia case reports up to 80% fewer lines of code and CPU dropping from 50% to 2% while scrolling; the popover API is now cross‑browser providing light dismiss, focus return and keyboard bindings with a single attribute; anchor positioning in Chrome (with inset‑area, position‑try and flip keywords) replaces popper math; the entire deck is implemented in CSS and HTML with no JavaScript.
AI-written summary · about
chapters (7)
- 0:00Modern web platform power
- 2:17CSS and HTML underrated tools
- 3:39Scroll animations with CSS
- 10:43Popover API for UI
- 17:02Anchor positioning for layouts
- 24:04Full presentation with CSS/HTML
- 25:49Browser simplicity and creativity
related talks
50mThe Browser is a Marvelous Thing
31m"Stop using JavaScript for that: moving features from JS to CSS and HTML"
41mBack to the future: of web development
31mWhat's new for the web platform
12mBeyond fast with new performance features
39mCSS in 2022 (and beyond)
31mI Can't Believe It's Not JavaScript!
30mStop using JS for that: Moving features to CSS and HTML