What's new for the web platform
Channel: Chrome for Developers
Date: 11/05/2022

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