1 day 3:54 Chrome 95 - What’s New in DevTools
New to DevTools in Chrome 95: What’s new in DevTools (Chrome 95) → goo.gle/3p2IO07 Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to
New to DevTools in Chrome 95: What’s new in DevTools (Chrome 95) → goo.gle/3p2IO07 Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to6 598
3.3
2 days 17:09 Thinking on ways to solve MULTI-SELECTIn today's GUI challenge I share my thinking on a way to enable users to multi-select.
In today's GUI challenge I share my thinking on a way to enable users to multi-select.7 270
2.8
17 days 16:53 Avoiding layout shift by putting the CSS in charge - HTTP 203Jake and Surma chat about layouts that put the content in charge, vs layouts that put the CSS in charge, and why that difference matters.
Jake and Surma chat about layouts that put the content in charge, vs layouts that put the CSS in charge, and why that difference matters.21 761
1.1
24 days 4:26 New in Chrome 94: Color management for canvas, WebCodecs, WebGPU, and more!Chrome 94 is rolling out now! The default color space for canvas elements is now formally defined as sRBG, and you can change it to Display P3.
Chrome 94 is rolling out now! The default color space for canvas elements is now formally defined as sRBG, and you can change it to Display P3.25 785
2
29 days 3:41 Chrome 94 - What’s New in DevToolsNew to DevTools in Chrome 94: What’s new in DevTools (Chrome 94) → goo.gle/3CeVeVP 00:00 - Opening 00:13 - Use DevTools in your preferred language 00:31 - Report a translation bug via
New to DevTools in Chrome 94: What’s new in DevTools (Chrome 94) → goo.gle/3CeVeVP 00:00 - Opening 00:13 - Use DevTools in your preferred language 00:31 - Report a translation bug via26 676
7.1
31 day 25:17 Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203In this episode, Surma explains a bit of the history of color spaces (sRGB, CIE XYZ, p3, rec2020, CIE LAB...) and why they are important. Jake asks questions.
In this episode, Surma explains a bit of the history of color spaces (sRGB, CIE XYZ, p3, rec2020, CIE LAB...) and why they are important. Jake asks questions.12 362
1.3
36 days 21:55 Thinking on ways to solve SPLIT BUTTONSIn today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions.
In today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions.16 919
1.1
37 days 5:59 FLEDGE — What is the Privacy Sandbox?Find out more → goo.gle/2XRRwm9 FLEDGE provides a solution for remarketing use cases, designed so it cannot be used by third parties to track user browsing behaviour across sites.
Find out more → goo.gle/2XRRwm9 FLEDGE provides a solution for remarketing use cases, designed so it cannot be used by third parties to track user browsing behaviour across sites.3 591
16.1
44 days 4:52 New in Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more!Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules.
Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules.31 084
1.2
45 days 22:02 Random paint effects - HTTP 203In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random.
In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random.13 441
0.9
50 days 5:01 Chrome 93 - What’s New in DevToolsNew to DevTools in Chrome 93: What’s new in DevTools (Chrome 93) → goo.gle/3Dl005K Attribution reporting → goo.gle/2XRRwm9 Lighthouse release notes → goo.gle/3jfTncO CSS
New to DevTools in Chrome 93: What’s new in DevTools (Chrome 93) → goo.gle/3Dl005K Attribution reporting → goo.gle/2XRRwm9 Lighthouse release notes → goo.gle/3jfTncO CSS29 051
11.5
50 days 6:16 Attribution reporting - What is the Privacy Sandbox?Find out more → goo.gle/2XRRwm9 The Attribution Reporting API makes it possible to measure when user action (such as an ad click or view) leads to a conversion, without using cross-site
Find out more → goo.gle/2XRRwm9 The Attribution Reporting API makes it possible to measure when user action (such as an ad click or view) leads to a conversion, without using cross-site3 923
10.7
59 days 23:58 Deno - HTTP 203In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node.
In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node.32 128
1.6
64 days 5:48 First-Party Sets - What is the Privacy Sandbox?Find out more → goo.gle/3CEBewZ First-Party Sets is a proposal to allow related domain names owned and operated by the same entity to declare themselves as belonging to the same first party.
Find out more → goo.gle/3CEBewZ First-Party Sets is a proposal to allow related domain names owned and operated by the same entity to declare themselves as belonging to the same first party.4 176
5.3
65 days 18:43 Thinking on ways to solve SWITCHESIn today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of the most involved challenges so far.
In today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of the most involved challenges so far.14 313
1.8
71 day 9:23 Core Web Vitals best practices (Italian with English subtitles)Switch on/off English subtitles by clicking on the CC icon. This video introduces Core Web Vitals, which are essential metrics to measure the health of a site.
Switch on/off English subtitles by clicking on the CC icon. This video introduces Core Web Vitals, which are essential metrics to measure the health of a site.4 363
18.1
72 days 8:21 web.dev Internationalization (Polish with English subtitles)Switch on/off English subtitles by clicking on the CC icon.
Switch on/off English subtitles by clicking on the CC icon.4 471
12.2
73 days 22:04 Debugging memory leaks - HTTP 203Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks.
Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks.17 271
0.4
79 days 6:20 Trust Tokens - What is the Privacy Sandbox?Get started with Trust Tokens → web.dev/trust-tokens Trust Tokens is a new API to help combat fraud and distinguish bots from real humans, without passive tracking.
Get started with Trust Tokens → web.dev/trust-tokens Trust Tokens is a new API to help combat fraud and distinguish bots from real humans, without passive tracking.6 423
8.5
80 days 1:07 HTTP 203: Season 8 trailerJake and Surma are going back to the studio for this brand new season of HTTP 203. New season starting next Tuesday, 8/3!
Jake and Surma are going back to the studio for this brand new season of HTTP 203. New season starting next Tuesday, 8/3!7 923
2
84 days 16:33 5 tips for your Progressive Web App (Chinese with English subtitles)Switch on/off English subtitles by clicking on the CC icon.
Switch on/off English subtitles by clicking on the CC icon.4 418
27.1
91 day 3:36 Chrome 92 - What’s New in DevToolsNew to DevTools in Chrome 92: What’s new in DevTools (Chrome 92) → goo.gle/2TeLSJ1 Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to
New to DevTools in Chrome 92: What’s new in DevTools (Chrome 92) → goo.gle/2TeLSJ1 Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to27 323
4.6
92 days 8:42 Improving CLS by optimizing ad delivery (French with English subtitles)Switch on/off English subtitles by clicking on the CC icon. Cumulative Layout Shift (CLS) is a user-center metric that quantifies the degree of visual stability in a web page.
Switch on/off English subtitles by clicking on the CC icon. Cumulative Layout Shift (CLS) is a user-center metric that quantifies the degree of visual stability in a web page.3 075
14.7
93 days 11:28 Thinking on ways to solve BREADCRUMBSIn today's GUI challenge, we're building a breadcrumbs component.. with a twist!
In today's GUI challenge, we're building a breadcrumbs component.. with a twist!10 617
1.9
99 days 6:27 Introduction to Web Stories (Swiss German with English subtitles)Switch on/off English subtitles by clicking on the CC icon.
Switch on/off English subtitles by clicking on the CC icon.4 669
13.2
106 days 8:18 A good cookie recipe (French with English subtitles)Switch on/off English subtitles by clicking on the CC icon. Cookies are everywhere.
Switch on/off English subtitles by clicking on the CC icon. Cookies are everywhere.4 385
12.6
113 days 5:29 Core Web Vitals: An everyday explanation (Taiwanese with English subtitles)Switch on/off English subtitles by clicking on the CC icon. Core Web Vitals are meant to measure user experience of actual real-world users during page load.
Switch on/off English subtitles by clicking on the CC icon. Core Web Vitals are meant to measure user experience of actual real-world users during page load.30 616
1.7
115 days 36:31 Top 10 performance pitfalls - HTTP 203Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. Who has the fastest F1 website?
Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. Who has the fastest F1 website?24 683
0.9
120 days 12:26 What is the state of web frameworks in India (Hindi with English subtitles)Switch on/off English subtitles by clicking on the CC icon.
Switch on/off English subtitles by clicking on the CC icon.5 649
13.6
127 days 8:49 Advanced patterns for Progressive Web Apps (Spanish with English subtitles)Switch on/off English subtitles by clicking on the CC icon.
Switch on/off English subtitles by clicking on the CC icon.4 660
9.3