What's new for the web platform
Tech Talks
What's new for the web platform
Watch this keynote interpreted in American Sign Language (ASL) → https://goo.gle/3wd5MmZ Una and Jake dive into recently-cross-browser features, and some experimental stuff that's on its way to make web development easier and more powerful. Chapters: 0:00 - Intro 0:51 - New UI features 1:10 - Accent color 2:11 - [Dialog] 3:26 - Selectmenu 4:14 - Datetime-local 4:35 - COLRv1 5:44 - Bfcache 7:02 - Image Lazy Loading 7:36 - Aspect-ratio 8:18 - Containment 9:21 - Priority hints 10:13 - Size-adjust 10:56 - SIMD 13:32 - CHIPS 14:43 - Topics 15:39 - User-Agent Client Hints 15:48 - WebAuthn 17:01 - Media Session API 17:22 - Window controls overlay 18:35 - Navigation API 18:54 - Page transition API 19:41 - Web app color scheme 19:51 - Eyedropper API 20:46 - Virtual Keyboard 21:11 - Structured cloning 21:59 - CreateImageBitmap 23:25 - SharedArrayBuffer 23:57 - URLPattern 24:39 - Web Codecs API 24:55 - Cascade layers 27:36 - :has() 29:36 - Container queries 29:54 - Wrap up Resources: CSS accent-color → https://goo.gle/399xjOz CSS color-scheme → https://goo.gle/3N1kpRe dialog → https://goo.gle/3L07LjR selectmenu → https://goo.gle/3M5jVt8 Selectmenu demos → https://goo.gle/3wftMGh Input datetime-local → https://goo.gle/3ysFCzj COLRv1 fonts → https://goo.gle/3L2zeS3 Back/forward cache → https://goo.gle/39SJgbJ loading="lazy" → https://goo.gle/3w3DigU CSS aspect-ratio → https://goo.gle/3M2a6fK CSS containment → https://goo.gle/396F080 Content visibility → https://goo.gle/3yAFcqC Priority hints → https://goo.gle/3M4O388 CSS size-adjust → https://goo.gle/3w3E25G SIMD → https://goo.gle/3Fy57Rj Interaction to next paint → https://goo.gle/3NaAyUF CHIPS → https://goo.gle/3wpBEFk Topics API → https://goo.gle/3ytEsDL UA client hints → https://goo.gle/3L1Pov4 Webauthn → https://goo.gle/3wlrGVc Webauthn passkeys → https://goo.gle/3M6MuGA Media session API → https://goo.gle/3FwwbAC Window controls overlay → https://goo.gle/3L3xbNM Navigation API → https://goo.gle/3KVQGru Page transition API → https://goo.gle/3kVBFLF Themes in manifests → https://goo.gle/3ynnhUu Eyedropper API → https://goo.gle/3w1spfk Virtual keyboard API → https://goo.gle/3yx0CVI structuredClone → https://goo.gle/3M2DQc9 createImageBitmap → https://goo.gle/38jXyBI Top level await → https://goo.gle/39VD8zz Private fields → https://goo.gle/3ytxPBi array.at → https://goo.gle/3yrenoU SharedArrayBuffer → https://goo.gle/3L3J2vb URLPattern → https://goo.gle/3P5e2y2 Web codecs API → https://goo.gle/3Pnl2GS CSS cascade layers → https://goo.gle/3M58Ubc CSS :has() → https://goo.gle/38cggeF CSS container queries → https://goo.gle/3FA9Odx Container query polyfill → https://goo.gle/3ytfjJy Interop 2022 → https://goo.gle/3rjw0Tf Speakers: Una Kravets, Jake Archibald Watch more: All Google I/O 2022 Sessions → https://goo.gle/IO22_AllSessions Web at I/O 2022 playlist → https://goo.gle/IO22_Web All Google I/O 2022 Keynotes → https://goo.gle/IO22_Keynotes Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #GoogleIO
- Category
- Tech Talks
- Release date
- May 11, 2022