Tackling third-party web performance at The Telegraph
Third party dependencies are often the biggest blockers of achieving Core Web Vitals.
865
18.9
Back/forward cache (Indonesian with English subtitles)
Switch on/off English subtitles by clicking on the CC icon. Back/forward cache (or BFcache) is a browser optimization that enables instant back and forward navigation.
6 134
10.9
Thinking on ways to solve SPLIT TEXT
In today’s GUI challenge, @AdamArgyleInk will be responding to your comments for the first 30 minutes after the episode releases. Connect with us here, ask questions, or submit your own code!
15 681
8.8
Conducting tech interviews - HTTP 203
In this episode Jake and Surma chat about interviewing for web dev roles, drawing on their good and bad experiences as candidates, and mistakes they've made as interviewers.
31 990
8.3
Building for modern browsers: Progressively enhancing like it’s 2003 (German with English subtitles)
Switch on/off English subtitles by clicking on the CC icon.
17 275
57.7
New in Chrome 90: Overflow Clip, Permissions Policy, the Declarative Shadow DOM, and more!
Chrome 90 is rolling out now! There’s a new value for the CSS overflow property. The Feature Policy API has been renamed to Permission Policy.
42 909
10.9
[华语] Chrome 90 - DevTools 的最新功能
To watch this episode in English visit → goo.gle/3uy9Wn2 New to DevTools in Chrome 90: What’s new in DevTools (Chrome 90) → goo.gle/39OKDVP Web Vitals → goo.gle/webvitals
21 631
62.9
Chrome 90 - What’s New in DevTools
New to DevTools in Chrome 90: What’s new in DevTools (Chrome 90) → goo.gle/39OKDVP Web Vitals → goo.gle/webvitals Add a web app manifest → goo.gle/3sXQfot Largest
36 689
15.1
Build your first WebAuthn app (Japanese with English subtitles)
Switch on/off English subtitles by clicking on the CC icon. Have you ever wondered how to enable biometric authentication on the web?
7 079
17.8
AssemblyScript - HTTP 203
Surma gives Jakes a quick-start to AssemblyScript, a TypeScript-like language that compiles to WebAssembly. Is it faster? Smaller? Better? Will it kill JavaScript? All that and more in this video.
24 318
8.7
Core Web Vitals: Essential metrics for a healthy site (Tamil with English subtitles)
Switch on/off English subtitles by clicking on the CC icon. This video introduces Core Web Vitals (CWV), which are essential metrics to measure the health of a site.
6 368
12.3
Web in Play with Bubblewrap (Brazilian (Port) with English subtitles)
Switch on/off English subtitles by clicking on the CC icon. Learn how to transform your Progressive Web App into an Android package with Trusted Web Activity and Bubblewrap.
6 804
9.3
The big back button quiz - HTTP 203
How well do you know how the back button works (and other session history related things)? Jake has written an impossible quiz based on some of the weirdest browser behavior he's seen recently.
17 197
7.8
Core Web Vitals - Measure what matters (Serbian with English subtitles)
Switch on/off English subtitles by clicking on the CC icon.
5 977
12.4
Thinking on ways to solve SETTINGS
In today’s GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers.
18 043
8
Simulating color vision deficiencies in the Blink Renderer (available in Flemish and English)
Switch audio to English or Flemish by clicking on the settings wheel and selecting your preferred audio track. Switch on/off English or Flemish subtitles by clicking on the CC icon.
5 492
13.2
Supercharged Microtip: Workers (German with English subtitles)
Switch on/off English subtitles by clicking on the CC icon. Surma revives Supercharged for a special episode on Web Workers, the web’s version of threads. Why would you use workers?
11 367
7.2
New in Chrome 89: Web Serial, HID, NFC, PWA installability changes, and more!
Chrome 89 is rolling out now! Web HID, Web NFC, and Web Serial have graduated from their origin trials and are now available in stable.
32 888
12
Writing Good Alt Text - HTTP 203
Jake and Surma tackle the age-old problem: what should you include in an image's alt text?
20 994
8.8
[粤语] Chrome 89 - DevTools 的最新功能
To watch this episode in English visit → goo.gle/3dIhJcX New to DevTools in Chrome 89: What’s new in DevTools (Chrome 89) → goo.gle/3qvGNrc Getting started with Trust Tokens →
27 254
76.6
Chrome 89 - What’s New in DevTools
New to DevTools in Chrome 89: What’s new in DevTools (Chrome 89) → goo.gle/3qvGNrc Getting started with Trust Tokens → goo.gle/3s63pyV Debugging support for Trusted Types →
35 053
16.9
Scheduling Tasks - HTTP 203
Tasks, microtasks, nanotasks... JavaScript has it all. Or maybe not. What are they? How do you use them? What do they even mean?
23 563
7.9
Celebrating International Mother Language Day
February 21st is International Mother Language Day! To celebrate, each week we’ll be releasing a new video hosted by one of our team members in their mother language.
9 554
10
Thinking on ways to solve TABS
In today’s GUI challenge, we’re building a tabs component with some really cool features that you may not have thought about.
28 350
9.7
JavaScript counters the hard way - HTTP 203
You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are.
44 834
6.1
Submission shoutouts for SIDENAV
We asked the community to build a sidenav component your way and you all delivered!
9 151
12.6
Dithering - HTTP 203
How do you take an image with 256 shades of grey and map it to an image with just two colors?
16 824
8.2
Thinking on ways to solve a SIDENAV
In today’s GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS. The sidenav works on multiple browsers, screen sizes and input devices.
27 396
9.3
New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!
Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element.
48 373
17.2
Chrome 88 - What’s New in DevTools
New to DevTools in Chrome 88: What’s new in DevTools (Chrome 88) → goo.gle/3owkBMr CSS Angle documentation → goo.gle/3oth41w Web Vitals → goo.gle/2LvYzL9 Tweet us →
89 114
34.6