The Browser is a Marvelous Thing
summary
Live demos show about 50 concepts in 45 minutes including CSS anchoring that positions tooltips with zero JavaScript, scroll‑driven animations replacing dozens of libraries, container queries after ~20 years of requests, and the Transitions API that morphs elements between pages. File system access lets the page open and save real files and background download into persistent storage that survives cache clearing. Dialog, select, details and subgrid remove hundreds of lines of custom code, though CSS nesting can break on pinned older Chrome versions.
AI-written summary · about
chapters (17)
- 0:00Welcome to the browser
- 3:31CSS advancements
- 7:05CSS anchoring & scroll animations
- 10:18Container queries & parent selector
- 13:11Cascade layers & nesting
- 17:32CSS Grid & sub-grid
- 20:04Conditional logic & stylable elements
- 24:21Native HTML & accessibility
- 27:11File system access
- 30:05File system & background sync
- 33:20View Transitions & Intersection Observer
- 35:32Color picker & Eyedropper API
- 37:20Background & utility APIs
- 40:15Clipboard API & Web USB
- 41:19Developer tools
- 43:29AI for CSS
- 48:12Summary
related talks
26mLess Cruft, More Power: Leverage the Power of the Web Platform
41m10 things you didn't know a browser could do
22mThe (Abundant) State of the Web
50mRocking Out with Browser-Based Developer tools
41mBack to the future: of web development
20mGoing steady with the Chrome Dev Tools
26mThe Browser is not a document reader!
51mCSS in 2023 and beyond