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 A
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Chrome for Developers · Chrome for Developers · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Polymer Performance Patterns (The Polymer Summit 2015)
Chrome for Developers
Polymer Power Tools (The Polymer Summit 2015)
Chrome for Developers
Chrome Dev Summit 2014 – Chrome Case Studies
Chrome for Developers
Web Directions Code 2015 round up
Chrome for Developers
Maintainable Code - HTTP203
Chrome for Developers
iron-ajax… wat?! -- Polycasts #26
Chrome for Developers
The Guardian - Supercharged
Chrome for Developers
ES2015 (next version of JavaScript), Totally Tooling Tips (S2 Ep1)
Chrome for Developers
#AskPolymer: Rob answers all the questions ever -- Polycasts #27
Chrome for Developers
The Future of JavaScript - HTTP203
Chrome for Developers
Data Binding 101 -- Polycasts #28
Chrome for Developers
The Guardian part 2 - Supercharged
Chrome for Developers
The Future of Web Audio: with Chris Wilson and Chris Lowis
Chrome for Developers
Chrome 46: New motion-path animations, client hints and service worker improvements
Chrome for Developers
Sublime Snippets, Totally Tooling Tips (S2 Ep2)
Chrome for Developers
#AskPolymer: How do you make the show? -- Polycasts #29
Chrome for Developers
Critical Path CSS, Totally Tooling Tips (S2 Mini Tip #1)
Chrome for Developers
Binding to Objects -- Polycasts #30
Chrome for Developers
Player FM - Supercharged
Chrome for Developers
Where’s the Designer? #AskPolymer -- Polycasts #31
Chrome for Developers
Jake Beats Wikipedia - HTTP203
Chrome for Developers
Supercharged Observers! -- Polycasts #32
Chrome for Developers
Jai's Web blog - Supercharged
Chrome for Developers
Windows Command-line Tooling, Totally Tooling Tips (S2, Ep4)
Chrome for Developers
What about internationalization? #AskPolymer -- Polycasts #33
Chrome for Developers
Developing for Billions (Chrome Dev Summit 2015)
Chrome for Developers
Google+ Performance Improvement Comparison
Chrome for Developers
Deploying HTTPS: The Green Lock and Beyond (Chrome Dev Summit 2015)
Chrome for Developers
Progressive Web Apps (Chrome Dev Summit 2015)
Chrome for Developers
Instant Loading with Service Workers (Chrome Dev Summit 2015)
Chrome for Developers
Increase Engagement with Web Push Notifications (Chrome Dev Summit 2015)
Chrome for Developers
Engaging with the Real World: Web Bluetooth and Physical Web (Chrome Dev Summit 2015)
Chrome for Developers
Asking for Permission: respectful, opinionated UI (Chrome Dev Summit 2015)
Chrome for Developers
Polymer - State of the Union (Chrome Dev Summit 2015)
Chrome for Developers
Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)
Chrome for Developers
Introduction to RAIL (Chrome Dev Summit 2015)
Chrome for Developers
DevTools in 2015: Authoring to the max (Chrome Dev Summit 2015)
Chrome for Developers
RAIL in the real world (Chrome Dev Summit 2015)
Chrome for Developers
#ChromeDevSummit talks are up - W00T! -- Polycast #34
Chrome for Developers
V8 Performance from the Driver's Seat (Chrome Dev Summit 2015)
Chrome for Developers
Quantify and improve real-world RAIL (Chrome Dev Summit 2015)
Chrome for Developers
Owning your performance: RAIL (Chrome Dev Summit 2015)
Chrome for Developers
HTTP/2 101 (Chrome Dev Summit 2015)
Chrome for Developers
Leadership Panel (Chrome Dev Summit 2015)
Chrome for Developers
Build Processes, Totally Tooling Tips (S2, Ep 5)
Chrome for Developers
Accessibility (Chrome Dev Summit 2015)
Chrome for Developers
Binding to Arrays -- Polycasts #35
Chrome for Developers
HTTP2 - HTTP203
Chrome for Developers
Chrome 47: Splash Screens, requestIdleCallback and better desktop notifications (New in Chrome)
Chrome for Developers
Call For Submissions - Supercharged
Chrome for Developers
Cross Device Testing, Totally Tooling Tips (S2 Ep6)
Chrome for Developers
Testing AJAX with Web Component Tester -- Polycasts #37
Chrome for Developers
Slack: Extended Xmas Special - Supercharged
Chrome for Developers
Browser testing with Travis & Sauce Labs -- Polycasts #38
Chrome for Developers
Optimize for production with Vulcanize -- Polycasts #39
Chrome for Developers
Highlights from Chrome Dev Summit 2015
Chrome for Developers
Chrome 48: Custom buttons in notifications, DevTools Security panel, and Presentation mode
Chrome for Developers
Crisper: Protecting your Polymer app with CSP -- Polycasts #40
Chrome for Developers
How do I use Sass with Polymer? #AskPolymer -- Polycasts #41
Chrome for Developers
Colors – DevTools Tonight #0 (Pilot)
Chrome for Developers
More on: Agent Foundations
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
AI Basics You MUST Understand Before Building AI Agent
Dev.to · Yisak Bule
AiFinPay: Autonomous Payments for ruvnet/ruflo
Dev.to AI
AiFinPay: Autonomous Payments for cirosantilli/china-dictatorship
Dev.to AI
Shopify Just Gave AI Agents an Operating Manual. We Built One for WooCommerce.
Dev.to AI
Chapters (34)
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
🎓
Tutor Explanation
DeepCamp AI