HTTP 203 | web.dev

<!doctype html> <html lang="en" dir="ltr"> <head> <meta name="google-signin-client-id" content="157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="web.dev"> <meta property="og:type" content="website"><meta name="theme-color" content="#3740ff"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/_pwa/web/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//www.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.gstatic.com" crossorigin> <link rel="preconnect" href="//fonts.googleapis.com" crossorigin> <link rel="preconnect" href="//apis.google.com" crossorigin> <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/css/app.css"> <link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/css/dark-theme.css" disabled> <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/favicon.png"> <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/touchicon-180.png"><link rel="canonical" href="https://web.dev/shows/http-203"><link rel="search" type="application/opensearchdescription+xml" title="web.dev" href="https://web.dev/s/opensearch.xml"> <link rel="alternate" hreflang="en" href="https://web.dev/shows/http-203" /><link rel="alternate" hreflang="x-default" href="https://web.dev/shows/http-203" /><link rel="alternate" hreflang="ar" href="https://web.dev/shows/http-203?hl=ar" /><link rel="alternate" hreflang="bn" href="https://web.dev/shows/http-203?hl=bn" /><link rel="alternate" hreflang="zh-Hans" href="https://web.dev/shows/http-203?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant" href="https://web.dev/shows/http-203?hl=zh-tw" /><link rel="alternate" hreflang="fa" href="https://web.dev/shows/http-203?hl=fa" /><link rel="alternate" hreflang="fr" href="https://web.dev/shows/http-203?hl=fr" /><link rel="alternate" hreflang="de" href="https://web.dev/shows/http-203?hl=de" /><link rel="alternate" hreflang="he" href="https://web.dev/shows/http-203?hl=he" /><link rel="alternate" hreflang="hi" href="https://web.dev/shows/http-203?hl=hi" /><link rel="alternate" hreflang="id" href="https://web.dev/shows/http-203?hl=id" /><link rel="alternate" hreflang="it" href="https://web.dev/shows/http-203?hl=it" /><link rel="alternate" hreflang="ja" href="https://web.dev/shows/http-203?hl=ja" /><link rel="alternate" hreflang="ko" href="https://web.dev/shows/http-203?hl=ko" /><link rel="alternate" hreflang="pl" href="https://web.dev/shows/http-203?hl=pl" /><link rel="alternate" hreflang="pt-BR" href="https://web.dev/shows/http-203?hl=pt-br" /><link rel="alternate" hreflang="ru" href="https://web.dev/shows/http-203?hl=ru" /><link rel="alternate" hreflang="es-419" href="https://web.dev/shows/http-203?hl=es-419" /><link rel="alternate" hreflang="th" href="https://web.dev/shows/http-203?hl=th" /><link rel="alternate" hreflang="tr" href="https://web.dev/shows/http-203?hl=tr" /><link rel="alternate" hreflang="vi" href="https://web.dev/shows/http-203?hl=vi" /><link rel="alternate" hreflang="en-cn" href="https://web.developers.google.cn/shows/http-203" /><link rel="alternate" hreflang="x-default" href="https://web.developers.google.cn/shows/http-203" /><link rel="alternate" hreflang="ar-cn" href="https://web.developers.google.cn/shows/http-203?hl=ar" /><link rel="alternate" hreflang="bn-cn" href="https://web.developers.google.cn/shows/http-203?hl=bn" /><link rel="alternate" hreflang="zh-Hans-cn" href="https://web.developers.google.cn/shows/http-203?hl=zh-cn" /><link rel="alternate" hreflang="zh-Hant-cn" href="https://web.developers.google.cn/shows/http-203?hl=zh-tw" /><link rel="alternate" hreflang="fa-cn" href="https://web.developers.google.cn/shows/http-203?hl=fa" /><link rel="alternate" hreflang="fr-cn" href="https://web.developers.google.cn/shows/http-203?hl=fr" /><link rel="alternate" hreflang="de-cn" href="https://web.developers.google.cn/shows/http-203?hl=de" /><link rel="alternate" hreflang="he-cn" href="https://web.developers.google.cn/shows/http-203?hl=he" /><link rel="alternate" hreflang="hi-cn" href="https://web.developers.google.cn/shows/http-203?hl=hi" /><link rel="alternate" hreflang="id-cn" href="https://web.developers.google.cn/shows/http-203?hl=id" /><link rel="alternate" hreflang="it-cn" href="https://web.developers.google.cn/shows/http-203?hl=it" /><link rel="alternate" hreflang="ja-cn" href="https://web.developers.google.cn/shows/http-203?hl=ja" /><link rel="alternate" hreflang="ko-cn" href="https://web.developers.google.cn/shows/http-203?hl=ko" /><link rel="alternate" hreflang="pl-cn" href="https://web.developers.google.cn/shows/http-203?hl=pl" /><link rel="alternate" hreflang="pt-BR-cn" href="https://web.developers.google.cn/shows/http-203?hl=pt-br" /><link rel="alternate" hreflang="ru-cn" href="https://web.developers.google.cn/shows/http-203?hl=ru" /><link rel="alternate" hreflang="es-419-cn" href="https://web.developers.google.cn/shows/http-203?hl=es-419" /><link rel="alternate" hreflang="th-cn" href="https://web.developers.google.cn/shows/http-203?hl=th" /><link rel="alternate" hreflang="tr-cn" href="https://web.developers.google.cn/shows/http-203?hl=tr" /><link rel="alternate" hreflang="vi-cn" href="https://web.developers.google.cn/shows/http-203?hl=vi" /><title>HTTP 203  |  web.dev</title> <meta property="og:title" content="HTTP 203  |  web.dev"><meta name="description" content="Jake Archibald and guests discuss their philosophies about web development and the various aspects of it, meanwhile dropping in lifehacks, lessons and some honest truths."> <meta property="og:description" content="Jake Archibald and guests discuss their philosophies about web development and the various aspects of it, meanwhile dropping in lifehacks, lessons and some honest truths."><meta property="og:url" content="https://web.dev/shows/http-203"><meta property="og:locale" content="en"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "HTTP 203" } </script> <link rel="stylesheet" href="/extras.css"></head> <body class="" template="landing" theme="web-theme" type="article" appearance layout="full" pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <a href="#main-content" class="skip-link button"> Skip to main content </a> <section class="devsite-wrapper"> <devsite-cookie-notification-bar></devsite-cookie-notification-bar><devsite-header role="banner"> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="webDev" track-metadata-position="nav" track-metadata-eventDetail="nav"> <picture> <source srcset="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/lockup-dark-theme.svg" media="(prefers-color-scheme: dark)" class="devsite-dark-theme" alt="web.dev"> <img src="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/lockup.svg" class="devsite-site-logo" alt="web.dev"> </picture> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab > <a href="https://web.dev/about" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/about" track-type="nav" track-metadata-position="nav - about" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: About" track-name="about" > About </a> </tab> <tab > <a href="https://web.dev/blog" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/blog" track-type="nav" track-metadata-position="nav - blog" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" > Blog </a> </tab> <tab > <a href="https://web.dev/articles" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/articles" track-type="nav" track-metadata-position="nav - articles" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Articles" track-name="articles" > Articles </a> </tab> <tab > <a href="https://web.dev/learn" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/learn" track-type="nav" track-metadata-position="nav - learn" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn" > Learn </a> </tab> <tab > <a href="https://web.dev/explore" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/explore" track-type="nav" track-metadata-position="nav - explore" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Explore" track-name="explore" > Explore </a> </tab> <tab > <a href="https://web.dev/patterns" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/patterns" track-type="nav" track-metadata-position="nav - patterns" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Patterns" track-name="patterns" > Patterns </a> </tab> <tab > <a href="https://web.dev/case-studies" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/case-studies" track-type="nav" track-metadata-position="nav - case studies" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Case studies" track-name="case studies" > Case studies </a> </tab> <tab class="devsite-active"> <a href="https://web.dev/shows" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows" track-type="nav" track-metadata-position="nav - shows" track-metadata-module="primary nav" aria-label="Shows, selected" data-category="Site-Wide Custom Events" data-label="Tab: Shows" track-name="shows" > Shows </a> </tab> </nav> </devsite-tabs> </div> <devsite-search enable-signin enable-search enable-suggestions enable-query-completion project-name="HTTP 203" tenant-name="web.dev" > <form class="devsite-search-form" action="https://web.dev/s/results" method="GET"> <div class="devsite-search-container"> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" > <div class="devsite-search-image material-icons" aria-hidden="true"> </div> <div class="devsite-search-shortcut-icon-container" aria-hidden="true"> <kbd class="devsite-search-shortcut-icon">/</kbd> </div> </div> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-appearance-selector></devsite-appearance-selector> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> <devsite-user enable-profiles id="devsite-user"> <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span> </devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <div class="devsite-header-background"> <div class="devsite-product-id-row" > <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> <a href="https://web.dev/shows" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Shows </a> </li> </ul> </div> </div> <div class="devsite-doc-set-nav-row"> <devsite-tabs class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab > <a href="https://web.dev/shows/this-is-baseline" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/this-is-baseline" track-type="nav" track-metadata-position="nav - this is baseline" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: This is Baseline" track-name="this is baseline" > This is Baseline </a> </tab> <tab > <a href="https://web.dev/shows/designing-in-the-browser" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/designing-in-the-browser" track-type="nav" track-metadata-position="nav - designing in the browser" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Designing in the Browser" track-name="designing in the browser" > Designing in the Browser </a> </tab> <tab > <a href="https://web.dev/shows/gui-challenges" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/gui-challenges" track-type="nav" track-metadata-position="nav - gui challenges" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: GUI Challenges" track-name="gui challenges" > GUI Challenges </a> </tab> <tab class="devsite-active"> <a href="https://web.dev/shows/http-203" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/http-203" track-type="nav" track-metadata-position="nav - http 203" track-metadata-module="primary nav" aria-label="HTTP 203, selected" data-category="Site-Wide Custom Events" data-label="Tab: HTTP 203" track-name="http 203" > HTTP 203 </a> </tab> <tab > <a href="https://web.dev/shows/mother-language-day" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/mother-language-day" track-type="nav" track-metadata-position="nav - mother language day" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Mother Language Day" track-name="mother language day" > Mother Language Day </a> </tab> <tab > <a href="https://web.dev/shows/web-dev-live-day-1" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/web-dev-live-day-1" track-type="nav" track-metadata-position="nav - web.dev live day 1" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 1" track-name="web.dev live day 1" > web.dev LIVE Day 1 </a> </tab> <tab > <a href="https://web.dev/shows/web-dev-live-day-2" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/web-dev-live-day-2" track-type="nav" track-metadata-position="nav - web.dev live day 2" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 2" track-name="web.dev live day 2" > web.dev LIVE Day 2 </a> </tab> <tab > <a href="https://web.dev/shows/web-dev-live-day-3" class="devsite-tabs-content gc-analytics-event " track-metadata-eventdetail="https://web.dev/shows/web-dev-live-day-3" track-type="nav" track-metadata-position="nav - web.dev live day 3" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 3" track-name="web.dev live day 3" > web.dev LIVE Day 3 </a> </tab> </nav> </devsite-tabs> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars hidden> <div class="devsite-book-nav-filter" hidden> <span class="filter-list-icon material-icons" aria-hidden="true"></span> <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox"> <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span> </div> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="webDev" track-metadata-position="nav" track-metadata-eventDetail="nav"> <picture> <source srcset="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/lockup-dark-theme.svg" media="(prefers-color-scheme: dark)" class="devsite-dark-theme" alt="web.dev"> <img src="https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/lockup.svg" class="devsite-site-logo" alt="web.dev"> </picture> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list" > <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/about" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: About" track-name="about" data-category="Site-Wide Custom Events" data-label="Responsive Tab: About" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > About </span> </a> </li> <li class="devsite-nav-item"> <a href="/blog" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Blog" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Blog </span> </a> </li> <li class="devsite-nav-item"> <a href="/articles" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Articles" track-name="articles" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Articles" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Articles </span> </a> </li> <li class="devsite-nav-item"> <a href="/learn" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Learn" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Learn </span> </a> </li> <li class="devsite-nav-item"> <a href="/explore" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Explore" track-name="explore" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Explore" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Explore </span> </a> </li> <li class="devsite-nav-item"> <a href="/patterns" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Patterns" track-name="patterns" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Patterns" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Patterns </span> </a> </li> <li class="devsite-nav-item"> <a href="/case-studies" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Case studies" track-name="case studies" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Case studies" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Case studies </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: Shows" track-name="shows" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Shows" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Shows </span> </a> <ul class="devsite-nav-responsive-tabs"> <li class="devsite-nav-item"> <a href="/shows/this-is-baseline" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: This is Baseline" track-name="this is baseline" data-category="Site-Wide Custom Events" data-label="Responsive Tab: This is Baseline" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > This is Baseline </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/designing-in-the-browser" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Designing in the Browser" track-name="designing in the browser" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Designing in the Browser" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Designing in the Browser </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/gui-challenges" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: GUI Challenges" track-name="gui challenges" data-category="Site-Wide Custom Events" data-label="Responsive Tab: GUI Challenges" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > GUI Challenges </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/http-203" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Tab: HTTP 203" track-name="http 203" data-category="Site-Wide Custom Events" data-label="Responsive Tab: HTTP 203" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > HTTP 203 </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/mother-language-day" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: Mother Language Day" track-name="mother language day" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Mother Language Day" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > Mother Language Day </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/web-dev-live-day-1" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 1" track-name="web.dev live day 1" data-category="Site-Wide Custom Events" data-label="Responsive Tab: web.dev LIVE Day 1" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > web.dev LIVE Day 1 </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/web-dev-live-day-2" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 2" track-name="web.dev live day 2" data-category="Site-Wide Custom Events" data-label="Responsive Tab: web.dev LIVE Day 2" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > web.dev LIVE Day 2 </span> </a> </li> <li class="devsite-nav-item"> <a href="/shows/web-dev-live-day-3" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Tab: web.dev LIVE Day 3" track-name="web.dev live day 3" data-category="Site-Wide Custom Events" data-label="Responsive Tab: web.dev LIVE Day 3" track-type="globalNav" track-metadata-eventDetail="globalMenu" track-metadata-position="nav"> <span class="devsite-nav-text" tooltip > web.dev LIVE Day 3 </span> </a> </li> </ul> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" id="main-content" class="devsite-main-content" > <div class="devsite-sidebar"> <div class="devsite-sidebar-content"> <devsite-toc class="devsite-nav" role="navigation" aria-label="On this page" depth="2" scrollbars disabled></devsite-toc> <devsite-recommendations-sidebar class="nocontent devsite-nav"> </devsite-recommendations-sidebar> </div> </div> <devsite-content> <article class="devsite-article"> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://web.dev/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="" > Home </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.dev/shows" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail="Shows" > Shows </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.dev/shows/http-203" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail="HTTP 203" > HTTP 203 </a> </li> </ul> </div> <devsite-feature-tooltip ack-key="AckCollectionsBookmarkTooltipDismiss" analytics-category="Site-Wide Custom Events" analytics-action-show="Callout Profile displayed" analytics-action-close="Callout Profile dismissed" analytics-label="Create Collection Callout" class="devsite-page-bookmark-tooltip nocontent" dismiss-button="true" id="devsite-collections-dropdown" dismiss-button-text="Dismiss" close-button-text="Got it"> <devsite-bookmark></devsite-bookmark> <span slot="popout-heading"> Stay organized with collections </span> <span slot="popout-contents"> Save and categorize content based on your preferences. </span> </devsite-feature-tooltip> <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix "> <section class="devsite-landing-row devsite-landing-row-1-up" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom" > <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-203" data-text="HTTP 203" class="hide-from-toc no-link" tabindex="0"> HTTP 203 </h3> <div class="devsite-landing-row-item-description-content"> Jake Archibald and guests discuss their philosophies about web development and the various aspects of it, meanwhile dropping in lifehacks, lessons and some honest truths. </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards" header-position="top" > <div class="devsite-landing-row-inner"> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Qf5wdXOxW3E"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Qf5wdXOxW3E.jpg" srcset="https://web.dev/static/image/youtube/Qf5wdXOxW3E_36.jpg 36w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_48.jpg 48w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_72.jpg 72w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_96.jpg 96w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_480.jpg 480w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_720.jpg 720w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_856.jpg 856w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_960.jpg 960w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_1440.jpg 1440w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_1920.jpg 1920w,https://web.dev/static/image/youtube/Qf5wdXOxW3E_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="scroll-linked-animations-with-scrolltimeline-and-viewtimeline-http-203" data-text="Scroll-Linked Animations with ScrollTimeline and ViewTimeline | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Qf5wdXOxW3E"> Scroll-Linked Animations with ScrollTimeline and ViewTimeline | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Bramus shares his excitement for Scroll-Linked Animations that are powered by nothing but HTML and CSS. JavaScript option that integrates... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/azoIMhKOucQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/azoIMhKOucQ.jpg" srcset="https://web.dev/static/image/youtube/azoIMhKOucQ_36.jpg 36w,https://web.dev/static/image/youtube/azoIMhKOucQ_48.jpg 48w,https://web.dev/static/image/youtube/azoIMhKOucQ_72.jpg 72w,https://web.dev/static/image/youtube/azoIMhKOucQ_96.jpg 96w,https://web.dev/static/image/youtube/azoIMhKOucQ_480.jpg 480w,https://web.dev/static/image/youtube/azoIMhKOucQ_720.jpg 720w,https://web.dev/static/image/youtube/azoIMhKOucQ_856.jpg 856w,https://web.dev/static/image/youtube/azoIMhKOucQ_960.jpg 960w,https://web.dev/static/image/youtube/azoIMhKOucQ_1440.jpg 1440w,https://web.dev/static/image/youtube/azoIMhKOucQ_1920.jpg 1920w,https://web.dev/static/image/youtube/azoIMhKOucQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="how-rotate0-fixed-my-transform-animation-http-203" data-text="How rotate(0) fixed my transform animation | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/azoIMhKOucQ"> How rotate(0) fixed my transform animation | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Bramus chat about transform animations, in particular how `rotate(0)` can behave differently to `none`. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/VdNzD4lhidw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/VdNzD4lhidw.jpg" srcset="https://web.dev/static/image/youtube/VdNzD4lhidw_36.jpg 36w,https://web.dev/static/image/youtube/VdNzD4lhidw_48.jpg 48w,https://web.dev/static/image/youtube/VdNzD4lhidw_72.jpg 72w,https://web.dev/static/image/youtube/VdNzD4lhidw_96.jpg 96w,https://web.dev/static/image/youtube/VdNzD4lhidw_480.jpg 480w,https://web.dev/static/image/youtube/VdNzD4lhidw_720.jpg 720w,https://web.dev/static/image/youtube/VdNzD4lhidw_856.jpg 856w,https://web.dev/static/image/youtube/VdNzD4lhidw_960.jpg 960w,https://web.dev/static/image/youtube/VdNzD4lhidw_1440.jpg 1440w,https://web.dev/static/image/youtube/VdNzD4lhidw_1920.jpg 1920w,https://web.dev/static/image/youtube/VdNzD4lhidw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="a-love-letter-to-dompoint-and-dommatrix-http-203" data-text="A love letter to DOMPoint and DOMMatrix | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/VdNzD4lhidw"> A love letter to DOMPoint and DOMMatrix | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake shares his love for DOMPoint and DOMMatrix, two little-known APIs that are useful for visual effects! </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/xl9R8aTOW_I"> <picture> <img alt="" src="https://web.dev/static/image/youtube/xl9R8aTOW_I.jpg" srcset="https://web.dev/static/image/youtube/xl9R8aTOW_I_36.jpg 36w,https://web.dev/static/image/youtube/xl9R8aTOW_I_48.jpg 48w,https://web.dev/static/image/youtube/xl9R8aTOW_I_72.jpg 72w,https://web.dev/static/image/youtube/xl9R8aTOW_I_96.jpg 96w,https://web.dev/static/image/youtube/xl9R8aTOW_I_480.jpg 480w,https://web.dev/static/image/youtube/xl9R8aTOW_I_720.jpg 720w,https://web.dev/static/image/youtube/xl9R8aTOW_I_856.jpg 856w,https://web.dev/static/image/youtube/xl9R8aTOW_I_960.jpg 960w,https://web.dev/static/image/youtube/xl9R8aTOW_I_1440.jpg 1440w,https://web.dev/static/image/youtube/xl9R8aTOW_I_1920.jpg 1920w,https://web.dev/static/image/youtube/xl9R8aTOW_I_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="it39s-viewports-all-the-way-down-http-203" data-text="It's viewports all the way down | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/xl9R8aTOW_I"> It's viewports all the way down | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Bramus schools Jake about all the viewports that exist in the browser. If you've had layout issues with position fixed, vw units, or heig... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/LLRig4s1_yA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/LLRig4s1_yA.jpg" srcset="https://web.dev/static/image/youtube/LLRig4s1_yA_36.jpg 36w,https://web.dev/static/image/youtube/LLRig4s1_yA_48.jpg 48w,https://web.dev/static/image/youtube/LLRig4s1_yA_72.jpg 72w,https://web.dev/static/image/youtube/LLRig4s1_yA_96.jpg 96w,https://web.dev/static/image/youtube/LLRig4s1_yA_480.jpg 480w,https://web.dev/static/image/youtube/LLRig4s1_yA_720.jpg 720w,https://web.dev/static/image/youtube/LLRig4s1_yA_856.jpg 856w,https://web.dev/static/image/youtube/LLRig4s1_yA_960.jpg 960w,https://web.dev/static/image/youtube/LLRig4s1_yA_1440.jpg 1440w,https://web.dev/static/image/youtube/LLRig4s1_yA_1920.jpg 1920w,https://web.dev/static/image/youtube/LLRig4s1_yA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="magic-tricks-with-the-html-parser-http-203" data-text="Magic tricks with the HTML parser | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/LLRig4s1_yA"> Magic tricks with the HTML parser | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and NEW GUEST (for the next few episodes) Bramus chat about strange behaviors in the HTML parser. Should it be more strict? And, how... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/iq1fPjeqMQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/iq1fPjeqMQ.jpg" srcset="https://web.dev/static/image/youtube/iq1fPjeqMQ_36.jpg 36w,https://web.dev/static/image/youtube/iq1fPjeqMQ_48.jpg 48w,https://web.dev/static/image/youtube/iq1fPjeqMQ_72.jpg 72w,https://web.dev/static/image/youtube/iq1fPjeqMQ_96.jpg 96w,https://web.dev/static/image/youtube/iq1fPjeqMQ_480.jpg 480w,https://web.dev/static/image/youtube/iq1fPjeqMQ_720.jpg 720w,https://web.dev/static/image/youtube/iq1fPjeqMQ_856.jpg 856w,https://web.dev/static/image/youtube/iq1fPjeqMQ_960.jpg 960w,https://web.dev/static/image/youtube/iq1fPjeqMQ_1440.jpg 1440w,https://web.dev/static/image/youtube/iq1fPjeqMQ_1920.jpg 1920w,https://web.dev/static/image/youtube/iq1fPjeqMQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="dom-ready-events-considered-harmful-http-203" data-text="DOM ready events considered harmful | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/iq1fPjeqMQ"> DOM ready events considered harmful | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Cassie (still from off of Greensock) talk about DOM ready events, which can slow down your app in unexpected ways. But what are ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/9qen5CKjUe8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/9qen5CKjUe8.jpg" srcset="https://web.dev/static/image/youtube/9qen5CKjUe8_36.jpg 36w,https://web.dev/static/image/youtube/9qen5CKjUe8_48.jpg 48w,https://web.dev/static/image/youtube/9qen5CKjUe8_72.jpg 72w,https://web.dev/static/image/youtube/9qen5CKjUe8_96.jpg 96w,https://web.dev/static/image/youtube/9qen5CKjUe8_480.jpg 480w,https://web.dev/static/image/youtube/9qen5CKjUe8_720.jpg 720w,https://web.dev/static/image/youtube/9qen5CKjUe8_856.jpg 856w,https://web.dev/static/image/youtube/9qen5CKjUe8_960.jpg 960w,https://web.dev/static/image/youtube/9qen5CKjUe8_1440.jpg 1440w,https://web.dev/static/image/youtube/9qen5CKjUe8_1920.jpg 1920w,https://web.dev/static/image/youtube/9qen5CKjUe8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="demystifyingish-svg-paths-http-203" data-text="Demystifyingish SVG paths | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/9qen5CKjUe8"> Demystifyingish SVG paths | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Cassie Evans (from Greensock) chats to Jake about SVG paths, and what that mess of letters and numbers actually means. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/8q_05PUYv1o"> <picture> <img alt="" src="https://web.dev/static/image/youtube/8q_05PUYv1o.jpg" srcset="https://web.dev/static/image/youtube/8q_05PUYv1o_36.jpg 36w,https://web.dev/static/image/youtube/8q_05PUYv1o_48.jpg 48w,https://web.dev/static/image/youtube/8q_05PUYv1o_72.jpg 72w,https://web.dev/static/image/youtube/8q_05PUYv1o_96.jpg 96w,https://web.dev/static/image/youtube/8q_05PUYv1o_480.jpg 480w,https://web.dev/static/image/youtube/8q_05PUYv1o_720.jpg 720w,https://web.dev/static/image/youtube/8q_05PUYv1o_856.jpg 856w,https://web.dev/static/image/youtube/8q_05PUYv1o_960.jpg 960w,https://web.dev/static/image/youtube/8q_05PUYv1o_1440.jpg 1440w,https://web.dev/static/image/youtube/8q_05PUYv1o_1920.jpg 1920w,https://web.dev/static/image/youtube/8q_05PUYv1o_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="flip-animations-http-203" data-text="FLIP animations | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/8q_05PUYv1o"> FLIP animations | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Cassie Evans from GreenSock walks through FLIP – a great animation technique for transitioning between states. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/cgKUMRPAliw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/cgKUMRPAliw.jpg" srcset="https://web.dev/static/image/youtube/cgKUMRPAliw_36.jpg 36w,https://web.dev/static/image/youtube/cgKUMRPAliw_48.jpg 48w,https://web.dev/static/image/youtube/cgKUMRPAliw_72.jpg 72w,https://web.dev/static/image/youtube/cgKUMRPAliw_96.jpg 96w,https://web.dev/static/image/youtube/cgKUMRPAliw_480.jpg 480w,https://web.dev/static/image/youtube/cgKUMRPAliw_720.jpg 720w,https://web.dev/static/image/youtube/cgKUMRPAliw_856.jpg 856w,https://web.dev/static/image/youtube/cgKUMRPAliw_960.jpg 960w,https://web.dev/static/image/youtube/cgKUMRPAliw_1440.jpg 1440w,https://web.dev/static/image/youtube/cgKUMRPAliw_1920.jpg 1920w,https://web.dev/static/image/youtube/cgKUMRPAliw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-history-api-is-dead-long-live-the-navigation-api-http-203" data-text="The history API is dead. Long live the navigation API | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/cgKUMRPAliw"> The history API is dead. Long live the navigation API | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Cassie (from Greensock) and Jake (not from Greensock) sit down to chat about the new Navigation API, which replaced the ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/F-rZOIBGIaQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/F-rZOIBGIaQ.jpg" srcset="https://web.dev/static/image/youtube/F-rZOIBGIaQ_36.jpg 36w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_48.jpg 48w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_72.jpg 72w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_96.jpg 96w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_480.jpg 480w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_720.jpg 720w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_856.jpg 856w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_960.jpg 960w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_1440.jpg 1440w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_1920.jpg 1920w,https://web.dev/static/image/youtube/F-rZOIBGIaQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="samsung-internet-the-why-amp-how-http-203" data-text="Samsung Internet - the why & how | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/F-rZOIBGIaQ"> Samsung Internet - the why & how | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Ada Rose Canon from Samsung Internet chats to Jake about why Samsung Internet exists, and how it differs from other Chromium browsers. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/3sMflOp5kiQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/3sMflOp5kiQ.jpg" srcset="https://web.dev/static/image/youtube/3sMflOp5kiQ_36.jpg 36w,https://web.dev/static/image/youtube/3sMflOp5kiQ_48.jpg 48w,https://web.dev/static/image/youtube/3sMflOp5kiQ_72.jpg 72w,https://web.dev/static/image/youtube/3sMflOp5kiQ_96.jpg 96w,https://web.dev/static/image/youtube/3sMflOp5kiQ_480.jpg 480w,https://web.dev/static/image/youtube/3sMflOp5kiQ_720.jpg 720w,https://web.dev/static/image/youtube/3sMflOp5kiQ_856.jpg 856w,https://web.dev/static/image/youtube/3sMflOp5kiQ_960.jpg 960w,https://web.dev/static/image/youtube/3sMflOp5kiQ_1440.jpg 1440w,https://web.dev/static/image/youtube/3sMflOp5kiQ_1920.jpg 1920w,https://web.dev/static/image/youtube/3sMflOp5kiQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="is-css-a-bad-idea-is-inlining-the-way-forward-http-203" data-text="Is .css a bad idea? Is inlining the way forward? | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/3sMflOp5kiQ"> Is .css a bad idea? Is inlining the way forward? | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Ada (from Samsung Internet) and Jake (not from Samsung Internet) chat about issues with managing CSS, and whether external resources make... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/jLqTXkFtEH0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/jLqTXkFtEH0.jpg" srcset="https://web.dev/static/image/youtube/jLqTXkFtEH0_36.jpg 36w,https://web.dev/static/image/youtube/jLqTXkFtEH0_48.jpg 48w,https://web.dev/static/image/youtube/jLqTXkFtEH0_72.jpg 72w,https://web.dev/static/image/youtube/jLqTXkFtEH0_96.jpg 96w,https://web.dev/static/image/youtube/jLqTXkFtEH0_480.jpg 480w,https://web.dev/static/image/youtube/jLqTXkFtEH0_720.jpg 720w,https://web.dev/static/image/youtube/jLqTXkFtEH0_856.jpg 856w,https://web.dev/static/image/youtube/jLqTXkFtEH0_960.jpg 960w,https://web.dev/static/image/youtube/jLqTXkFtEH0_1440.jpg 1440w,https://web.dev/static/image/youtube/jLqTXkFtEH0_1920.jpg 1920w,https://web.dev/static/image/youtube/jLqTXkFtEH0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="what-key-was-pressed-you-won39t-believe-how-keyboard-events-work-http-203" data-text="What key was pressed? (You won't believe how keyboard events work) | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/jLqTXkFtEH0"> What key was pressed? (You won't believe how keyboard events work) | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake challenges Ada (from Samsung Internet https://developer.samsung.com/internet) to a game of "what key was pressed" while diving into ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/XF29nLkkeLo"> <picture> <img alt="" src="https://web.dev/static/image/youtube/XF29nLkkeLo.jpg" srcset="https://web.dev/static/image/youtube/XF29nLkkeLo_36.jpg 36w,https://web.dev/static/image/youtube/XF29nLkkeLo_48.jpg 48w,https://web.dev/static/image/youtube/XF29nLkkeLo_72.jpg 72w,https://web.dev/static/image/youtube/XF29nLkkeLo_96.jpg 96w,https://web.dev/static/image/youtube/XF29nLkkeLo_480.jpg 480w,https://web.dev/static/image/youtube/XF29nLkkeLo_720.jpg 720w,https://web.dev/static/image/youtube/XF29nLkkeLo_856.jpg 856w,https://web.dev/static/image/youtube/XF29nLkkeLo_960.jpg 960w,https://web.dev/static/image/youtube/XF29nLkkeLo_1440.jpg 1440w,https://web.dev/static/image/youtube/XF29nLkkeLo_1920.jpg 1920w,https://web.dev/static/image/youtube/XF29nLkkeLo_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="building-vr-and-ar-experiences-using-html-http-203" data-text="Building VR and AR experiences using HTML | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/XF29nLkkeLo"> Building VR and AR experiences using HTML | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode Ada Rose Cannon from Samsung Internet comes in to chat about VR and AR web standards, and how you can build immersive exp... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/PYSOnC2CrD8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/PYSOnC2CrD8.jpg" srcset="https://web.dev/static/image/youtube/PYSOnC2CrD8_36.jpg 36w,https://web.dev/static/image/youtube/PYSOnC2CrD8_48.jpg 48w,https://web.dev/static/image/youtube/PYSOnC2CrD8_72.jpg 72w,https://web.dev/static/image/youtube/PYSOnC2CrD8_96.jpg 96w,https://web.dev/static/image/youtube/PYSOnC2CrD8_480.jpg 480w,https://web.dev/static/image/youtube/PYSOnC2CrD8_720.jpg 720w,https://web.dev/static/image/youtube/PYSOnC2CrD8_856.jpg 856w,https://web.dev/static/image/youtube/PYSOnC2CrD8_960.jpg 960w,https://web.dev/static/image/youtube/PYSOnC2CrD8_1440.jpg 1440w,https://web.dev/static/image/youtube/PYSOnC2CrD8_1920.jpg 1920w,https://web.dev/static/image/youtube/PYSOnC2CrD8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="cross-fading-dom-elements-http-203" data-text="Cross-fading DOM elements | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/PYSOnC2CrD8"> Cross-fading DOM elements | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Turns out it's impossible to cross-fade two DOM elements unless they're opaque. Here's why, and a new feature that could fix it. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Uh95jZPTDfw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Uh95jZPTDfw.jpg" srcset="https://web.dev/static/image/youtube/Uh95jZPTDfw_36.jpg 36w,https://web.dev/static/image/youtube/Uh95jZPTDfw_48.jpg 48w,https://web.dev/static/image/youtube/Uh95jZPTDfw_72.jpg 72w,https://web.dev/static/image/youtube/Uh95jZPTDfw_96.jpg 96w,https://web.dev/static/image/youtube/Uh95jZPTDfw_480.jpg 480w,https://web.dev/static/image/youtube/Uh95jZPTDfw_720.jpg 720w,https://web.dev/static/image/youtube/Uh95jZPTDfw_856.jpg 856w,https://web.dev/static/image/youtube/Uh95jZPTDfw_960.jpg 960w,https://web.dev/static/image/youtube/Uh95jZPTDfw_1440.jpg 1440w,https://web.dev/static/image/youtube/Uh95jZPTDfw_1920.jpg 1920w,https://web.dev/static/image/youtube/Uh95jZPTDfw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="generating-your-color-palette-in-css-http-203" data-text="Generating your color palette in CSS | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Uh95jZPTDfw"> Generating your color palette in CSS | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this video, Surma and Jake pick up the topic of Color Spaces again, because there’s more to talk about. Device capabilities, perceptua... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/doeOKTZSX6A"> <picture> <img alt="" src="https://web.dev/static/image/youtube/doeOKTZSX6A.jpg" srcset="https://web.dev/static/image/youtube/doeOKTZSX6A_36.jpg 36w,https://web.dev/static/image/youtube/doeOKTZSX6A_48.jpg 48w,https://web.dev/static/image/youtube/doeOKTZSX6A_72.jpg 72w,https://web.dev/static/image/youtube/doeOKTZSX6A_96.jpg 96w,https://web.dev/static/image/youtube/doeOKTZSX6A_480.jpg 480w,https://web.dev/static/image/youtube/doeOKTZSX6A_720.jpg 720w,https://web.dev/static/image/youtube/doeOKTZSX6A_856.jpg 856w,https://web.dev/static/image/youtube/doeOKTZSX6A_960.jpg 960w,https://web.dev/static/image/youtube/doeOKTZSX6A_1440.jpg 1440w,https://web.dev/static/image/youtube/doeOKTZSX6A_1920.jpg 1920w,https://web.dev/static/image/youtube/doeOKTZSX6A_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-zombie-dom-old-dom-stuff-that-still-haunts-us-today-http-203" data-text="The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/doeOKTZSX6A"> The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma chat about 'features' of yesterday that still get in our way today. You might have encountered some of them before, but he... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/8FuafvJLDpM"> <picture> <img alt="" src="https://web.dev/static/image/youtube/8FuafvJLDpM.jpg" srcset="https://web.dev/static/image/youtube/8FuafvJLDpM_36.jpg 36w,https://web.dev/static/image/youtube/8FuafvJLDpM_48.jpg 48w,https://web.dev/static/image/youtube/8FuafvJLDpM_72.jpg 72w,https://web.dev/static/image/youtube/8FuafvJLDpM_96.jpg 96w,https://web.dev/static/image/youtube/8FuafvJLDpM_480.jpg 480w,https://web.dev/static/image/youtube/8FuafvJLDpM_720.jpg 720w,https://web.dev/static/image/youtube/8FuafvJLDpM_856.jpg 856w,https://web.dev/static/image/youtube/8FuafvJLDpM_960.jpg 960w,https://web.dev/static/image/youtube/8FuafvJLDpM_1440.jpg 1440w,https://web.dev/static/image/youtube/8FuafvJLDpM_1920.jpg 1920w,https://web.dev/static/image/youtube/8FuafvJLDpM_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="bringing-bounce-and-elastic-easing-to-css-http-203" data-text="Bringing bounce and elastic easing to CSS | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/8FuafvJLDpM"> Bringing bounce and elastic easing to CSS | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> You can ease-in, you can ease-out, but CSS doesn't let you bounce. Jake and Surma chat about a proposal to fix that. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/pIIHJ-NIyes"> <picture> <img alt="" src="https://web.dev/static/image/youtube/pIIHJ-NIyes.jpg" srcset="https://web.dev/static/image/youtube/pIIHJ-NIyes_36.jpg 36w,https://web.dev/static/image/youtube/pIIHJ-NIyes_48.jpg 48w,https://web.dev/static/image/youtube/pIIHJ-NIyes_72.jpg 72w,https://web.dev/static/image/youtube/pIIHJ-NIyes_96.jpg 96w,https://web.dev/static/image/youtube/pIIHJ-NIyes_480.jpg 480w,https://web.dev/static/image/youtube/pIIHJ-NIyes_720.jpg 720w,https://web.dev/static/image/youtube/pIIHJ-NIyes_856.jpg 856w,https://web.dev/static/image/youtube/pIIHJ-NIyes_960.jpg 960w,https://web.dev/static/image/youtube/pIIHJ-NIyes_1440.jpg 1440w,https://web.dev/static/image/youtube/pIIHJ-NIyes_1920.jpg 1920w,https://web.dev/static/image/youtube/pIIHJ-NIyes_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="yes-we-use-a-joy-con-to-change-slides-here39s-how-http-203" data-text="Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/pIIHJ-NIyes"> Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma use a Joy-Con as a slide clicker because they're cheapskates. Here's how it works, and the coding patterns they use. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/ivLhf3hq7eM"> <picture> <img alt="" src="https://web.dev/static/image/youtube/ivLhf3hq7eM.jpg" srcset="https://web.dev/static/image/youtube/ivLhf3hq7eM_36.jpg 36w,https://web.dev/static/image/youtube/ivLhf3hq7eM_48.jpg 48w,https://web.dev/static/image/youtube/ivLhf3hq7eM_72.jpg 72w,https://web.dev/static/image/youtube/ivLhf3hq7eM_96.jpg 96w,https://web.dev/static/image/youtube/ivLhf3hq7eM_480.jpg 480w,https://web.dev/static/image/youtube/ivLhf3hq7eM_720.jpg 720w,https://web.dev/static/image/youtube/ivLhf3hq7eM_856.jpg 856w,https://web.dev/static/image/youtube/ivLhf3hq7eM_960.jpg 960w,https://web.dev/static/image/youtube/ivLhf3hq7eM_1440.jpg 1440w,https://web.dev/static/image/youtube/ivLhf3hq7eM_1920.jpg 1920w,https://web.dev/static/image/youtube/ivLhf3hq7eM_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="are-spas-better-than-mpas-http-203" data-text="Are SPAs better than MPAs? | HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/ivLhf3hq7eM"> Are SPAs better than MPAs? | HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma and Jake have a discussion, weighing up the benefits and drawbacks between Single Page Apps (SPAs) and Multi Page Apps (MPAs). </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/7EKEav7Io5Y"> <picture> <img alt="" src="https://web.dev/static/image/youtube/7EKEav7Io5Y.jpg" srcset="https://web.dev/static/image/youtube/7EKEav7Io5Y_36.jpg 36w,https://web.dev/static/image/youtube/7EKEav7Io5Y_48.jpg 48w,https://web.dev/static/image/youtube/7EKEav7Io5Y_72.jpg 72w,https://web.dev/static/image/youtube/7EKEav7Io5Y_96.jpg 96w,https://web.dev/static/image/youtube/7EKEav7Io5Y_480.jpg 480w,https://web.dev/static/image/youtube/7EKEav7Io5Y_720.jpg 720w,https://web.dev/static/image/youtube/7EKEav7Io5Y_856.jpg 856w,https://web.dev/static/image/youtube/7EKEav7Io5Y_960.jpg 960w,https://web.dev/static/image/youtube/7EKEav7Io5Y_1440.jpg 1440w,https://web.dev/static/image/youtube/7EKEav7Io5Y_1920.jpg 1920w,https://web.dev/static/image/youtube/7EKEav7Io5Y_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="avoiding-layout-shift-by-putting-the-css-in-charge-http-203" data-text="Avoiding layout shift by putting the CSS in charge - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/7EKEav7Io5Y"> Avoiding layout shift by putting the CSS in charge - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> 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.... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/cGyLHxn16pE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/cGyLHxn16pE.jpg" srcset="https://web.dev/static/image/youtube/cGyLHxn16pE_36.jpg 36w,https://web.dev/static/image/youtube/cGyLHxn16pE_48.jpg 48w,https://web.dev/static/image/youtube/cGyLHxn16pE_72.jpg 72w,https://web.dev/static/image/youtube/cGyLHxn16pE_96.jpg 96w,https://web.dev/static/image/youtube/cGyLHxn16pE_480.jpg 480w,https://web.dev/static/image/youtube/cGyLHxn16pE_720.jpg 720w,https://web.dev/static/image/youtube/cGyLHxn16pE_856.jpg 856w,https://web.dev/static/image/youtube/cGyLHxn16pE_960.jpg 960w,https://web.dev/static/image/youtube/cGyLHxn16pE_1440.jpg 1440w,https://web.dev/static/image/youtube/cGyLHxn16pE_1920.jpg 1920w,https://web.dev/static/image/youtube/cGyLHxn16pE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="color-spaces-do-you-know-the-difference-between-srgb-lab-and-cie-xyz-http-203" data-text="Color Spaces - Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/cGyLHxn16pE"> Color Spaces - Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> 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.... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/ALKqavp9Fg0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/ALKqavp9Fg0.jpg" srcset="https://web.dev/static/image/youtube/ALKqavp9Fg0_36.jpg 36w,https://web.dev/static/image/youtube/ALKqavp9Fg0_48.jpg 48w,https://web.dev/static/image/youtube/ALKqavp9Fg0_72.jpg 72w,https://web.dev/static/image/youtube/ALKqavp9Fg0_96.jpg 96w,https://web.dev/static/image/youtube/ALKqavp9Fg0_480.jpg 480w,https://web.dev/static/image/youtube/ALKqavp9Fg0_720.jpg 720w,https://web.dev/static/image/youtube/ALKqavp9Fg0_856.jpg 856w,https://web.dev/static/image/youtube/ALKqavp9Fg0_960.jpg 960w,https://web.dev/static/image/youtube/ALKqavp9Fg0_1440.jpg 1440w,https://web.dev/static/image/youtube/ALKqavp9Fg0_1920.jpg 1920w,https://web.dev/static/image/youtube/ALKqavp9Fg0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="random-paint-effects-http-203" data-text="Random paint effects - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/ALKqavp9Fg0"> Random paint effects - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/SYkzk_j3yb0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/SYkzk_j3yb0.jpg" srcset="https://web.dev/static/image/youtube/SYkzk_j3yb0_36.jpg 36w,https://web.dev/static/image/youtube/SYkzk_j3yb0_48.jpg 48w,https://web.dev/static/image/youtube/SYkzk_j3yb0_72.jpg 72w,https://web.dev/static/image/youtube/SYkzk_j3yb0_96.jpg 96w,https://web.dev/static/image/youtube/SYkzk_j3yb0_480.jpg 480w,https://web.dev/static/image/youtube/SYkzk_j3yb0_720.jpg 720w,https://web.dev/static/image/youtube/SYkzk_j3yb0_856.jpg 856w,https://web.dev/static/image/youtube/SYkzk_j3yb0_960.jpg 960w,https://web.dev/static/image/youtube/SYkzk_j3yb0_1440.jpg 1440w,https://web.dev/static/image/youtube/SYkzk_j3yb0_1920.jpg 1920w,https://web.dev/static/image/youtube/SYkzk_j3yb0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="deno-http-203" data-text="Deno - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/SYkzk_j3yb0"> Deno - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/YDU_3WdfkxA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/YDU_3WdfkxA.jpg" srcset="https://web.dev/static/image/youtube/YDU_3WdfkxA_36.jpg 36w,https://web.dev/static/image/youtube/YDU_3WdfkxA_48.jpg 48w,https://web.dev/static/image/youtube/YDU_3WdfkxA_72.jpg 72w,https://web.dev/static/image/youtube/YDU_3WdfkxA_96.jpg 96w,https://web.dev/static/image/youtube/YDU_3WdfkxA_480.jpg 480w,https://web.dev/static/image/youtube/YDU_3WdfkxA_720.jpg 720w,https://web.dev/static/image/youtube/YDU_3WdfkxA_856.jpg 856w,https://web.dev/static/image/youtube/YDU_3WdfkxA_960.jpg 960w,https://web.dev/static/image/youtube/YDU_3WdfkxA_1440.jpg 1440w,https://web.dev/static/image/youtube/YDU_3WdfkxA_1920.jpg 1920w,https://web.dev/static/image/youtube/YDU_3WdfkxA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="debugging-memory-leaks-http-203" data-text="Debugging memory leaks - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/YDU_3WdfkxA"> Debugging memory leaks - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/-Ktb6mUkznI"> <picture> <img alt="" src="https://web.dev/static/image/youtube/-Ktb6mUkznI.jpg" srcset="https://web.dev/static/image/youtube/-Ktb6mUkznI_36.jpg 36w,https://web.dev/static/image/youtube/-Ktb6mUkznI_48.jpg 48w,https://web.dev/static/image/youtube/-Ktb6mUkznI_72.jpg 72w,https://web.dev/static/image/youtube/-Ktb6mUkznI_96.jpg 96w,https://web.dev/static/image/youtube/-Ktb6mUkznI_480.jpg 480w,https://web.dev/static/image/youtube/-Ktb6mUkznI_720.jpg 720w,https://web.dev/static/image/youtube/-Ktb6mUkznI_856.jpg 856w,https://web.dev/static/image/youtube/-Ktb6mUkznI_960.jpg 960w,https://web.dev/static/image/youtube/-Ktb6mUkznI_1440.jpg 1440w,https://web.dev/static/image/youtube/-Ktb6mUkznI_1920.jpg 1920w,https://web.dev/static/image/youtube/-Ktb6mUkznI_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-203-season-8-trailer" data-text="HTTP 203 Season 8 trailer" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/-Ktb6mUkznI"> HTTP 203 Season 8 trailer </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma are going back to the studio for this brand new season of HTTP 203. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Lh9q3h2khlc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Lh9q3h2khlc.jpg" srcset="https://web.dev/static/image/youtube/Lh9q3h2khlc_36.jpg 36w,https://web.dev/static/image/youtube/Lh9q3h2khlc_48.jpg 48w,https://web.dev/static/image/youtube/Lh9q3h2khlc_72.jpg 72w,https://web.dev/static/image/youtube/Lh9q3h2khlc_96.jpg 96w,https://web.dev/static/image/youtube/Lh9q3h2khlc_480.jpg 480w,https://web.dev/static/image/youtube/Lh9q3h2khlc_720.jpg 720w,https://web.dev/static/image/youtube/Lh9q3h2khlc_856.jpg 856w,https://web.dev/static/image/youtube/Lh9q3h2khlc_960.jpg 960w,https://web.dev/static/image/youtube/Lh9q3h2khlc_1440.jpg 1440w,https://web.dev/static/image/youtube/Lh9q3h2khlc_1920.jpg 1920w,https://web.dev/static/image/youtube/Lh9q3h2khlc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="top-10-performance-pitfalls-http-203" data-text="Top 10 performance pitfalls - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Lh9q3h2khlc"> Top 10 performance pitfalls - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/PZryHH8roIY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/PZryHH8roIY.jpg" srcset="https://web.dev/static/image/youtube/PZryHH8roIY_36.jpg 36w,https://web.dev/static/image/youtube/PZryHH8roIY_48.jpg 48w,https://web.dev/static/image/youtube/PZryHH8roIY_72.jpg 72w,https://web.dev/static/image/youtube/PZryHH8roIY_96.jpg 96w,https://web.dev/static/image/youtube/PZryHH8roIY_480.jpg 480w,https://web.dev/static/image/youtube/PZryHH8roIY_720.jpg 720w,https://web.dev/static/image/youtube/PZryHH8roIY_856.jpg 856w,https://web.dev/static/image/youtube/PZryHH8roIY_960.jpg 960w,https://web.dev/static/image/youtube/PZryHH8roIY_1440.jpg 1440w,https://web.dev/static/image/youtube/PZryHH8roIY_1920.jpg 1920w,https://web.dev/static/image/youtube/PZryHH8roIY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="from-nothin-to-gzip-http-203" data-text="From nothin’ to gzip - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/PZryHH8roIY"> From nothin’ to gzip - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> You know GZIP right? It’s everywhere on the web to reduce the number of bytes going over the wire. In this episode, Surma is giving you a... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/-7k3H2GxE5E"> <picture> <img alt="" src="https://web.dev/static/image/youtube/-7k3H2GxE5E.jpg" srcset="https://web.dev/static/image/youtube/-7k3H2GxE5E_36.jpg 36w,https://web.dev/static/image/youtube/-7k3H2GxE5E_48.jpg 48w,https://web.dev/static/image/youtube/-7k3H2GxE5E_72.jpg 72w,https://web.dev/static/image/youtube/-7k3H2GxE5E_96.jpg 96w,https://web.dev/static/image/youtube/-7k3H2GxE5E_480.jpg 480w,https://web.dev/static/image/youtube/-7k3H2GxE5E_720.jpg 720w,https://web.dev/static/image/youtube/-7k3H2GxE5E_856.jpg 856w,https://web.dev/static/image/youtube/-7k3H2GxE5E_960.jpg 960w,https://web.dev/static/image/youtube/-7k3H2GxE5E_1440.jpg 1440w,https://web.dev/static/image/youtube/-7k3H2GxE5E_1920.jpg 1920w,https://web.dev/static/image/youtube/-7k3H2GxE5E_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="progressively-loading-images-http-203" data-text="Progressively loading images - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/-7k3H2GxE5E"> Progressively loading images - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Jake (that's him on the left) and Surma (that's the other one) chat about how the different image formats load, and what... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/hFyQn5F5pc0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/hFyQn5F5pc0.jpg" srcset="https://web.dev/static/image/youtube/hFyQn5F5pc0_36.jpg 36w,https://web.dev/static/image/youtube/hFyQn5F5pc0_48.jpg 48w,https://web.dev/static/image/youtube/hFyQn5F5pc0_72.jpg 72w,https://web.dev/static/image/youtube/hFyQn5F5pc0_96.jpg 96w,https://web.dev/static/image/youtube/hFyQn5F5pc0_480.jpg 480w,https://web.dev/static/image/youtube/hFyQn5F5pc0_720.jpg 720w,https://web.dev/static/image/youtube/hFyQn5F5pc0_856.jpg 856w,https://web.dev/static/image/youtube/hFyQn5F5pc0_960.jpg 960w,https://web.dev/static/image/youtube/hFyQn5F5pc0_1440.jpg 1440w,https://web.dev/static/image/youtube/hFyQn5F5pc0_1920.jpg 1920w,https://web.dev/static/image/youtube/hFyQn5F5pc0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="conducting-tech-interviews-http-203" data-text="Conducting tech interviews - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/hFyQn5F5pc0"> Conducting tech interviews - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode Jake and Surma chat about interviewing for web dev roles, drawing on their good and bad experiences as candidates, and mi... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/u0Jgz6QVJqg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/u0Jgz6QVJqg.jpg" srcset="https://web.dev/static/image/youtube/u0Jgz6QVJqg_36.jpg 36w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_48.jpg 48w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_72.jpg 72w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_96.jpg 96w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_480.jpg 480w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_720.jpg 720w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_856.jpg 856w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_960.jpg 960w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_1440.jpg 1440w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_1920.jpg 1920w,https://web.dev/static/image/youtube/u0Jgz6QVJqg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="assemblyscript-http-203" data-text="AssemblyScript - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/u0Jgz6QVJqg"> AssemblyScript - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma gives Jakes a quick-start to AssemblyScript, a TypeScript-like language that compiles to WebAssembly. Is it faster? Smaller? Better... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/W6lvQvdeF8U"> <picture> <img alt="" src="https://web.dev/static/image/youtube/W6lvQvdeF8U.jpg" srcset="https://web.dev/static/image/youtube/W6lvQvdeF8U_36.jpg 36w,https://web.dev/static/image/youtube/W6lvQvdeF8U_48.jpg 48w,https://web.dev/static/image/youtube/W6lvQvdeF8U_72.jpg 72w,https://web.dev/static/image/youtube/W6lvQvdeF8U_96.jpg 96w,https://web.dev/static/image/youtube/W6lvQvdeF8U_480.jpg 480w,https://web.dev/static/image/youtube/W6lvQvdeF8U_720.jpg 720w,https://web.dev/static/image/youtube/W6lvQvdeF8U_856.jpg 856w,https://web.dev/static/image/youtube/W6lvQvdeF8U_960.jpg 960w,https://web.dev/static/image/youtube/W6lvQvdeF8U_1440.jpg 1440w,https://web.dev/static/image/youtube/W6lvQvdeF8U_1920.jpg 1920w,https://web.dev/static/image/youtube/W6lvQvdeF8U_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-big-back-button-quiz-http-203" data-text="The big back button quiz - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/W6lvQvdeF8U"> The big back button quiz - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> How well do you know how the back button works (and other session history related things)? Jake has written an impossible quiz based on s... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/flf2vS0IoRs"> <picture> <img alt="" src="https://web.dev/static/image/youtube/flf2vS0IoRs.jpg" srcset="https://web.dev/static/image/youtube/flf2vS0IoRs_36.jpg 36w,https://web.dev/static/image/youtube/flf2vS0IoRs_48.jpg 48w,https://web.dev/static/image/youtube/flf2vS0IoRs_72.jpg 72w,https://web.dev/static/image/youtube/flf2vS0IoRs_96.jpg 96w,https://web.dev/static/image/youtube/flf2vS0IoRs_480.jpg 480w,https://web.dev/static/image/youtube/flf2vS0IoRs_720.jpg 720w,https://web.dev/static/image/youtube/flf2vS0IoRs_856.jpg 856w,https://web.dev/static/image/youtube/flf2vS0IoRs_960.jpg 960w,https://web.dev/static/image/youtube/flf2vS0IoRs_1440.jpg 1440w,https://web.dev/static/image/youtube/flf2vS0IoRs_1920.jpg 1920w,https://web.dev/static/image/youtube/flf2vS0IoRs_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="writing-good-alt-text-http-203" data-text="Writing Good Alt Text - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/flf2vS0IoRs"> Writing Good Alt Text - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma tackle the age-old problem: what should you include in an image's alt text? </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/8eHInw9_U8k"> <picture> <img alt="" src="https://web.dev/static/image/youtube/8eHInw9_U8k.jpg" srcset="https://web.dev/static/image/youtube/8eHInw9_U8k_36.jpg 36w,https://web.dev/static/image/youtube/8eHInw9_U8k_48.jpg 48w,https://web.dev/static/image/youtube/8eHInw9_U8k_72.jpg 72w,https://web.dev/static/image/youtube/8eHInw9_U8k_96.jpg 96w,https://web.dev/static/image/youtube/8eHInw9_U8k_480.jpg 480w,https://web.dev/static/image/youtube/8eHInw9_U8k_720.jpg 720w,https://web.dev/static/image/youtube/8eHInw9_U8k_856.jpg 856w,https://web.dev/static/image/youtube/8eHInw9_U8k_960.jpg 960w,https://web.dev/static/image/youtube/8eHInw9_U8k_1440.jpg 1440w,https://web.dev/static/image/youtube/8eHInw9_U8k_1920.jpg 1920w,https://web.dev/static/image/youtube/8eHInw9_U8k_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="scheduling-tasks-http-203" data-text="Scheduling Tasks - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/8eHInw9_U8k"> Scheduling Tasks - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Tasks, microtasks, nanotasks... JavaScript has it all. Or maybe not. What are they? How do you use them? What do they even mean? Surma ri... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/MCi6AZMkxcU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/MCi6AZMkxcU.jpg" srcset="https://web.dev/static/image/youtube/MCi6AZMkxcU_36.jpg 36w,https://web.dev/static/image/youtube/MCi6AZMkxcU_48.jpg 48w,https://web.dev/static/image/youtube/MCi6AZMkxcU_72.jpg 72w,https://web.dev/static/image/youtube/MCi6AZMkxcU_96.jpg 96w,https://web.dev/static/image/youtube/MCi6AZMkxcU_480.jpg 480w,https://web.dev/static/image/youtube/MCi6AZMkxcU_720.jpg 720w,https://web.dev/static/image/youtube/MCi6AZMkxcU_856.jpg 856w,https://web.dev/static/image/youtube/MCi6AZMkxcU_960.jpg 960w,https://web.dev/static/image/youtube/MCi6AZMkxcU_1440.jpg 1440w,https://web.dev/static/image/youtube/MCi6AZMkxcU_1920.jpg 1920w,https://web.dev/static/image/youtube/MCi6AZMkxcU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="javascript-counters-the-hard-way-http-203" data-text="JavaScript counters the hard way - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/MCi6AZMkxcU"> JavaScript counters the hard way - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> You’ve seen loads of counter tutorials online, but they’re all a bit wrong… or at least most of them are. Jake and Surma dissect differen... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/wS0Gck00nDw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/wS0Gck00nDw.jpg" srcset="https://web.dev/static/image/youtube/wS0Gck00nDw_36.jpg 36w,https://web.dev/static/image/youtube/wS0Gck00nDw_48.jpg 48w,https://web.dev/static/image/youtube/wS0Gck00nDw_72.jpg 72w,https://web.dev/static/image/youtube/wS0Gck00nDw_96.jpg 96w,https://web.dev/static/image/youtube/wS0Gck00nDw_480.jpg 480w,https://web.dev/static/image/youtube/wS0Gck00nDw_720.jpg 720w,https://web.dev/static/image/youtube/wS0Gck00nDw_856.jpg 856w,https://web.dev/static/image/youtube/wS0Gck00nDw_960.jpg 960w,https://web.dev/static/image/youtube/wS0Gck00nDw_1440.jpg 1440w,https://web.dev/static/image/youtube/wS0Gck00nDw_1920.jpg 1920w,https://web.dev/static/image/youtube/wS0Gck00nDw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="dithering-http-203" data-text="Dithering - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/wS0Gck00nDw"> Dithering - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> How do you take an image with 256 shades of grey and map it to an image with just two colors? Jake and Surma go down the monochrome image... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/jG7VfbqqTGw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/jG7VfbqqTGw.jpg" srcset="https://web.dev/static/image/youtube/jG7VfbqqTGw_36.jpg 36w,https://web.dev/static/image/youtube/jG7VfbqqTGw_48.jpg 48w,https://web.dev/static/image/youtube/jG7VfbqqTGw_72.jpg 72w,https://web.dev/static/image/youtube/jG7VfbqqTGw_96.jpg 96w,https://web.dev/static/image/youtube/jG7VfbqqTGw_480.jpg 480w,https://web.dev/static/image/youtube/jG7VfbqqTGw_720.jpg 720w,https://web.dev/static/image/youtube/jG7VfbqqTGw_856.jpg 856w,https://web.dev/static/image/youtube/jG7VfbqqTGw_960.jpg 960w,https://web.dev/static/image/youtube/jG7VfbqqTGw_1440.jpg 1440w,https://web.dev/static/image/youtube/jG7VfbqqTGw_1920.jpg 1920w,https://web.dev/static/image/youtube/jG7VfbqqTGw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="importing-json-abandoned-http-203" data-text="Importing JSON - ABANDONED - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/jG7VfbqqTGw"> Importing JSON - ABANDONED - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In nodejs you can 'require' JSON. The same feature was added to the HTML spec, but then… it was removed. Jake and Surma dive into the rea... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/9-6CKCz58A8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/9-6CKCz58A8.jpg" srcset="https://web.dev/static/image/youtube/9-6CKCz58A8_36.jpg 36w,https://web.dev/static/image/youtube/9-6CKCz58A8_48.jpg 48w,https://web.dev/static/image/youtube/9-6CKCz58A8_72.jpg 72w,https://web.dev/static/image/youtube/9-6CKCz58A8_96.jpg 96w,https://web.dev/static/image/youtube/9-6CKCz58A8_480.jpg 480w,https://web.dev/static/image/youtube/9-6CKCz58A8_720.jpg 720w,https://web.dev/static/image/youtube/9-6CKCz58A8_856.jpg 856w,https://web.dev/static/image/youtube/9-6CKCz58A8_960.jpg 960w,https://web.dev/static/image/youtube/9-6CKCz58A8_1440.jpg 1440w,https://web.dev/static/image/youtube/9-6CKCz58A8_1920.jpg 1920w,https://web.dev/static/image/youtube/9-6CKCz58A8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-animation-gotchas-http-203" data-text="Web animation gotchas - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/9-6CKCz58A8"> Web animation gotchas - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Fading something in, and fading something out – sounds simple right? Unfortunately not! Jake & Surma talk through the various gotchas of ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/x9RP-M6q2Mg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/x9RP-M6q2Mg.jpg" srcset="https://web.dev/static/image/youtube/x9RP-M6q2Mg_36.jpg 36w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_48.jpg 48w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_72.jpg 72w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_96.jpg 96w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_480.jpg 480w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_720.jpg 720w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_856.jpg 856w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_960.jpg 960w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_1440.jpg 1440w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_1920.jpg 1920w,https://web.dev/static/image/youtube/x9RP-M6q2Mg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="webassembly-threads-http-203" data-text="WebAssembly Threads - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/x9RP-M6q2Mg"> WebAssembly Threads - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma tries to explain WebAssembly, threads and WebAssembly Threads to Jake. He also has scary diagrams and uses assembly language. Just ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/FFA-v-CIxJQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/FFA-v-CIxJQ.jpg" srcset="https://web.dev/static/image/youtube/FFA-v-CIxJQ_36.jpg 36w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_48.jpg 48w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_72.jpg 72w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_96.jpg 96w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_480.jpg 480w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_720.jpg 720w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_856.jpg 856w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_960.jpg 960w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_1440.jpg 1440w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_1920.jpg 1920w,https://web.dev/static/image/youtube/FFA-v-CIxJQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="slashing-layout-cost-with-content-visibility-http-203" data-text="Slashing layout cost with content-visibility - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/FFA-v-CIxJQ"> Slashing layout cost with content-visibility - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake makes a quick change to the CSS of the HTML spec, and takes the layout time from 50 seconds down to 400ms. Then he spends a much lon... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/9UNwHmagedE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/9UNwHmagedE.jpg" srcset="https://web.dev/static/image/youtube/9UNwHmagedE_36.jpg 36w,https://web.dev/static/image/youtube/9UNwHmagedE_48.jpg 48w,https://web.dev/static/image/youtube/9UNwHmagedE_72.jpg 72w,https://web.dev/static/image/youtube/9UNwHmagedE_96.jpg 96w,https://web.dev/static/image/youtube/9UNwHmagedE_480.jpg 480w,https://web.dev/static/image/youtube/9UNwHmagedE_720.jpg 720w,https://web.dev/static/image/youtube/9UNwHmagedE_856.jpg 856w,https://web.dev/static/image/youtube/9UNwHmagedE_960.jpg 960w,https://web.dev/static/image/youtube/9UNwHmagedE_1440.jpg 1440w,https://web.dev/static/image/youtube/9UNwHmagedE_1920.jpg 1920w,https://web.dev/static/image/youtube/9UNwHmagedE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="3143-ways-to-synchronize-data-across-documents-http-203" data-text="3.143 ways to synchronize data across documents - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/9UNwHmagedE"> 3.143 ways to synchronize data across documents - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake chats to Surma about six ways you can synchronise data between documents, but some of them don't work all the time, so a complex and... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/uygxJ8Wxotc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/uygxJ8Wxotc.jpg" srcset="https://web.dev/static/image/youtube/uygxJ8Wxotc_36.jpg 36w,https://web.dev/static/image/youtube/uygxJ8Wxotc_48.jpg 48w,https://web.dev/static/image/youtube/uygxJ8Wxotc_72.jpg 72w,https://web.dev/static/image/youtube/uygxJ8Wxotc_96.jpg 96w,https://web.dev/static/image/youtube/uygxJ8Wxotc_480.jpg 480w,https://web.dev/static/image/youtube/uygxJ8Wxotc_720.jpg 720w,https://web.dev/static/image/youtube/uygxJ8Wxotc_856.jpg 856w,https://web.dev/static/image/youtube/uygxJ8Wxotc_960.jpg 960w,https://web.dev/static/image/youtube/uygxJ8Wxotc_1440.jpg 1440w,https://web.dev/static/image/youtube/uygxJ8Wxotc_1920.jpg 1920w,https://web.dev/static/image/youtube/uygxJ8Wxotc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="weak-javascript-http-203" data-text="Weak JavaScript - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/uygxJ8Wxotc"> Weak JavaScript - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma and Jake take a look at 'weak' JavaScript, specifically WeakMap, WeakSet, and the new and shiny WeakRefs. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/G9PpImUEeUA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/G9PpImUEeUA.jpg" srcset="https://web.dev/static/image/youtube/G9PpImUEeUA_36.jpg 36w,https://web.dev/static/image/youtube/G9PpImUEeUA_48.jpg 48w,https://web.dev/static/image/youtube/G9PpImUEeUA_72.jpg 72w,https://web.dev/static/image/youtube/G9PpImUEeUA_96.jpg 96w,https://web.dev/static/image/youtube/G9PpImUEeUA_480.jpg 480w,https://web.dev/static/image/youtube/G9PpImUEeUA_720.jpg 720w,https://web.dev/static/image/youtube/G9PpImUEeUA_856.jpg 856w,https://web.dev/static/image/youtube/G9PpImUEeUA_960.jpg 960w,https://web.dev/static/image/youtube/G9PpImUEeUA_1440.jpg 1440w,https://web.dev/static/image/youtube/G9PpImUEeUA_1920.jpg 1920w,https://web.dev/static/image/youtube/G9PpImUEeUA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="streaming-requests-with-fetch-http-203" data-text="Streaming requests with fetch - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/G9PpImUEeUA"> Streaming requests with fetch - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma chat about a new experiment landing in Chrome 85 - streaming request uploads with the fetch API. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/BbVzkuifyl8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/BbVzkuifyl8.jpg" srcset="https://web.dev/static/image/youtube/BbVzkuifyl8_36.jpg 36w,https://web.dev/static/image/youtube/BbVzkuifyl8_48.jpg 48w,https://web.dev/static/image/youtube/BbVzkuifyl8_72.jpg 72w,https://web.dev/static/image/youtube/BbVzkuifyl8_96.jpg 96w,https://web.dev/static/image/youtube/BbVzkuifyl8_480.jpg 480w,https://web.dev/static/image/youtube/BbVzkuifyl8_720.jpg 720w,https://web.dev/static/image/youtube/BbVzkuifyl8_856.jpg 856w,https://web.dev/static/image/youtube/BbVzkuifyl8_960.jpg 960w,https://web.dev/static/image/youtube/BbVzkuifyl8_1440.jpg 1440w,https://web.dev/static/image/youtube/BbVzkuifyl8_1920.jpg 1920w,https://web.dev/static/image/youtube/BbVzkuifyl8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="socially-distant-http-203" data-text="Socially Distant HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/BbVzkuifyl8"> Socially Distant HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma are back, and it’s just like you remember. Sort-of. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/vfAHa5GBLio"> <picture> <img alt="" src="https://web.dev/static/image/youtube/vfAHa5GBLio.jpg" srcset="https://web.dev/static/image/youtube/vfAHa5GBLio_36.jpg 36w,https://web.dev/static/image/youtube/vfAHa5GBLio_48.jpg 48w,https://web.dev/static/image/youtube/vfAHa5GBLio_72.jpg 72w,https://web.dev/static/image/youtube/vfAHa5GBLio_96.jpg 96w,https://web.dev/static/image/youtube/vfAHa5GBLio_480.jpg 480w,https://web.dev/static/image/youtube/vfAHa5GBLio_720.jpg 720w,https://web.dev/static/image/youtube/vfAHa5GBLio_856.jpg 856w,https://web.dev/static/image/youtube/vfAHa5GBLio_960.jpg 960w,https://web.dev/static/image/youtube/vfAHa5GBLio_1440.jpg 1440w,https://web.dev/static/image/youtube/vfAHa5GBLio_1920.jpg 1920w,https://web.dev/static/image/youtube/vfAHa5GBLio_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="cross-origin-fetches-http-203" data-text="Cross-origin fetches - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/vfAHa5GBLio"> Cross-origin fetches - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Do you know your cookies from your CSRF from your CORS from your CORB from your CORP from your COEP? In this episode, Jake and Surma dive... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/n6hIa-fPx0M"> <picture> <img alt="" src="https://web.dev/static/image/youtube/n6hIa-fPx0M.jpg" srcset="https://web.dev/static/image/youtube/n6hIa-fPx0M_36.jpg 36w,https://web.dev/static/image/youtube/n6hIa-fPx0M_48.jpg 48w,https://web.dev/static/image/youtube/n6hIa-fPx0M_72.jpg 72w,https://web.dev/static/image/youtube/n6hIa-fPx0M_96.jpg 96w,https://web.dev/static/image/youtube/n6hIa-fPx0M_480.jpg 480w,https://web.dev/static/image/youtube/n6hIa-fPx0M_720.jpg 720w,https://web.dev/static/image/youtube/n6hIa-fPx0M_856.jpg 856w,https://web.dev/static/image/youtube/n6hIa-fPx0M_960.jpg 960w,https://web.dev/static/image/youtube/n6hIa-fPx0M_1440.jpg 1440w,https://web.dev/static/image/youtube/n6hIa-fPx0M_1920.jpg 1920w,https://web.dev/static/image/youtube/n6hIa-fPx0M_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="surmas-interop-adventure-http-203" data-text="Surma’s Interop Adventure - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/n6hIa-fPx0M"> Surma’s Interop Adventure - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Surma tells the story of how he found an interop bug in Chrome and patched it himself. You’d think the story ends there,... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/0-wB1VY3Nrc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/0-wB1VY3Nrc.jpg" srcset="https://web.dev/static/image/youtube/0-wB1VY3Nrc_36.jpg 36w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_48.jpg 48w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_72.jpg 72w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_96.jpg 96w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_480.jpg 480w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_720.jpg 720w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_856.jpg 856w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_960.jpg 960w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_1440.jpg 1440w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_1920.jpg 1920w,https://web.dev/static/image/youtube/0-wB1VY3Nrc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="humans-can39t-read-urls-how-can-we-fix-it-http-203" data-text="Humans can't read URLs. How can we fix it? - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/0-wB1VY3Nrc"> Humans can't read URLs. How can we fix it? - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Jake makes the case that URLs are impossible for humans to interpret, especially when it comes to security. What are bro... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/qaGjS7-qWzg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/qaGjS7-qWzg.jpg" srcset="https://web.dev/static/image/youtube/qaGjS7-qWzg_36.jpg 36w,https://web.dev/static/image/youtube/qaGjS7-qWzg_48.jpg 48w,https://web.dev/static/image/youtube/qaGjS7-qWzg_72.jpg 72w,https://web.dev/static/image/youtube/qaGjS7-qWzg_96.jpg 96w,https://web.dev/static/image/youtube/qaGjS7-qWzg_480.jpg 480w,https://web.dev/static/image/youtube/qaGjS7-qWzg_720.jpg 720w,https://web.dev/static/image/youtube/qaGjS7-qWzg_856.jpg 856w,https://web.dev/static/image/youtube/qaGjS7-qWzg_960.jpg 960w,https://web.dev/static/image/youtube/qaGjS7-qWzg_1440.jpg 1440w,https://web.dev/static/image/youtube/qaGjS7-qWzg_1920.jpg 1920w,https://web.dev/static/image/youtube/qaGjS7-qWzg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="is-reduce-bad-http-203" data-text="Is reduce() bad? - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/qaGjS7-qWzg"> Is reduce() bad? - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Jake and Surma discuss the array function reduce(). Is it good to use it? Is it too “smart”? Does it increase or decreas... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/nQrfbk5WHvY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/nQrfbk5WHvY.jpg" srcset="https://web.dev/static/image/youtube/nQrfbk5WHvY_36.jpg 36w,https://web.dev/static/image/youtube/nQrfbk5WHvY_48.jpg 48w,https://web.dev/static/image/youtube/nQrfbk5WHvY_72.jpg 72w,https://web.dev/static/image/youtube/nQrfbk5WHvY_96.jpg 96w,https://web.dev/static/image/youtube/nQrfbk5WHvY_480.jpg 480w,https://web.dev/static/image/youtube/nQrfbk5WHvY_720.jpg 720w,https://web.dev/static/image/youtube/nQrfbk5WHvY_856.jpg 856w,https://web.dev/static/image/youtube/nQrfbk5WHvY_960.jpg 960w,https://web.dev/static/image/youtube/nQrfbk5WHvY_1440.jpg 1440w,https://web.dev/static/image/youtube/nQrfbk5WHvY_1920.jpg 1920w,https://web.dev/static/image/youtube/nQrfbk5WHvY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-best-web-feature-of-201958-part-44-http-203" data-text="The best web feature of 2019: Part 4/4 - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/nQrfbk5WHvY"> The best web feature of 2019: Part 4/4 - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this series, Jake and Surma whittle 16 features, all released in Chrome in 2019, down to ONE. In this episode: </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/1q2ZlT3X36k"> <picture> <img alt="" src="https://web.dev/static/image/youtube/1q2ZlT3X36k.jpg" srcset="https://web.dev/static/image/youtube/1q2ZlT3X36k_36.jpg 36w,https://web.dev/static/image/youtube/1q2ZlT3X36k_48.jpg 48w,https://web.dev/static/image/youtube/1q2ZlT3X36k_72.jpg 72w,https://web.dev/static/image/youtube/1q2ZlT3X36k_96.jpg 96w,https://web.dev/static/image/youtube/1q2ZlT3X36k_480.jpg 480w,https://web.dev/static/image/youtube/1q2ZlT3X36k_720.jpg 720w,https://web.dev/static/image/youtube/1q2ZlT3X36k_856.jpg 856w,https://web.dev/static/image/youtube/1q2ZlT3X36k_960.jpg 960w,https://web.dev/static/image/youtube/1q2ZlT3X36k_1440.jpg 1440w,https://web.dev/static/image/youtube/1q2ZlT3X36k_1920.jpg 1920w,https://web.dev/static/image/youtube/1q2ZlT3X36k_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-best-web-feature-of-201958-part-34-http-203" data-text="The best web feature of 2019: Part 3/4 - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/1q2ZlT3X36k"> The best web feature of 2019: Part 3/4 - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this series, Jake and Surma whittle 16 features, all released in Chrome in 2019, down to ONE. In this episode: </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/eCGW0FKZ1gg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/eCGW0FKZ1gg.jpg" srcset="https://web.dev/static/image/youtube/eCGW0FKZ1gg_36.jpg 36w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_48.jpg 48w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_72.jpg 72w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_96.jpg 96w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_480.jpg 480w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_720.jpg 720w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_856.jpg 856w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_960.jpg 960w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_1440.jpg 1440w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_1920.jpg 1920w,https://web.dev/static/image/youtube/eCGW0FKZ1gg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-best-web-feature-of-201958-part-24-http-203" data-text="The best web feature of 2019: Part 2/4 - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/eCGW0FKZ1gg"> The best web feature of 2019: Part 2/4 - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this series, Jake and Surma whittle 16 features, all released in Chrome in 2019, down to ONE. In this episode: </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Xtmp2HbSreQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Xtmp2HbSreQ.jpg" srcset="https://web.dev/static/image/youtube/Xtmp2HbSreQ_36.jpg 36w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_48.jpg 48w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_72.jpg 72w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_96.jpg 96w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_480.jpg 480w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_720.jpg 720w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_856.jpg 856w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_960.jpg 960w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_1440.jpg 1440w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_1920.jpg 1920w,https://web.dev/static/image/youtube/Xtmp2HbSreQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-best-web-feature-of-201958-part-14-http-203" data-text="The best web feature of 2019: Part 1/4 - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Xtmp2HbSreQ"> The best web feature of 2019: Part 1/4 - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this series, Jake and Surma whittle 16 features, all released in Chrome in 2019, down to ONE. In this episode: </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/B-ign0dW51o"> <picture> <img alt="" src="https://web.dev/static/image/youtube/B-ign0dW51o.jpg" srcset="https://web.dev/static/image/youtube/B-ign0dW51o_36.jpg 36w,https://web.dev/static/image/youtube/B-ign0dW51o_48.jpg 48w,https://web.dev/static/image/youtube/B-ign0dW51o_72.jpg 72w,https://web.dev/static/image/youtube/B-ign0dW51o_96.jpg 96w,https://web.dev/static/image/youtube/B-ign0dW51o_480.jpg 480w,https://web.dev/static/image/youtube/B-ign0dW51o_720.jpg 720w,https://web.dev/static/image/youtube/B-ign0dW51o_856.jpg 856w,https://web.dev/static/image/youtube/B-ign0dW51o_960.jpg 960w,https://web.dev/static/image/youtube/B-ign0dW51o_1440.jpg 1440w,https://web.dev/static/image/youtube/B-ign0dW51o_1920.jpg 1920w,https://web.dev/static/image/youtube/B-ign0dW51o_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="webassembly-interface-types-http-203" data-text="WebAssembly Interface Types - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/B-ign0dW51o"> WebAssembly Interface Types - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma chat about a new feature proposal for WebAssembly, Interface types, that brings higher-level types like strings and arrays... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/yOcgGSCrn-c"> <picture> <img alt="" src="https://web.dev/static/image/youtube/yOcgGSCrn-c.jpg" srcset="https://web.dev/static/image/youtube/yOcgGSCrn-c_36.jpg 36w,https://web.dev/static/image/youtube/yOcgGSCrn-c_48.jpg 48w,https://web.dev/static/image/youtube/yOcgGSCrn-c_72.jpg 72w,https://web.dev/static/image/youtube/yOcgGSCrn-c_96.jpg 96w,https://web.dev/static/image/youtube/yOcgGSCrn-c_480.jpg 480w,https://web.dev/static/image/youtube/yOcgGSCrn-c_720.jpg 720w,https://web.dev/static/image/youtube/yOcgGSCrn-c_856.jpg 856w,https://web.dev/static/image/youtube/yOcgGSCrn-c_960.jpg 960w,https://web.dev/static/image/youtube/yOcgGSCrn-c_1440.jpg 1440w,https://web.dev/static/image/youtube/yOcgGSCrn-c_1920.jpg 1920w,https://web.dev/static/image/youtube/yOcgGSCrn-c_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="import-maps-http-203" data-text="Import maps - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/yOcgGSCrn-c"> Import maps - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma chat about a new feature proposal, Import Maps, that lets you alter how JavaScript modules are imported. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/0SWguMrIuTw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/0SWguMrIuTw.jpg" srcset="https://web.dev/static/image/youtube/0SWguMrIuTw_36.jpg 36w,https://web.dev/static/image/youtube/0SWguMrIuTw_48.jpg 48w,https://web.dev/static/image/youtube/0SWguMrIuTw_72.jpg 72w,https://web.dev/static/image/youtube/0SWguMrIuTw_96.jpg 96w,https://web.dev/static/image/youtube/0SWguMrIuTw_480.jpg 480w,https://web.dev/static/image/youtube/0SWguMrIuTw_720.jpg 720w,https://web.dev/static/image/youtube/0SWguMrIuTw_856.jpg 856w,https://web.dev/static/image/youtube/0SWguMrIuTw_960.jpg 960w,https://web.dev/static/image/youtube/0SWguMrIuTw_1440.jpg 1440w,https://web.dev/static/image/youtube/0SWguMrIuTw_1920.jpg 1920w,https://web.dev/static/image/youtube/0SWguMrIuTw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="push-notifications-http-203" data-text="Push Notifications - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/0SWguMrIuTw"> Push Notifications - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma look at Web Push Notifications and the underlying APIs, as they are building the website for Chrome Dev Summit 2019. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/D61EQuTqvvY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/D61EQuTqvvY.jpg" srcset="https://web.dev/static/image/youtube/D61EQuTqvvY_36.jpg 36w,https://web.dev/static/image/youtube/D61EQuTqvvY_48.jpg 48w,https://web.dev/static/image/youtube/D61EQuTqvvY_72.jpg 72w,https://web.dev/static/image/youtube/D61EQuTqvvY_96.jpg 96w,https://web.dev/static/image/youtube/D61EQuTqvvY_480.jpg 480w,https://web.dev/static/image/youtube/D61EQuTqvvY_720.jpg 720w,https://web.dev/static/image/youtube/D61EQuTqvvY_856.jpg 856w,https://web.dev/static/image/youtube/D61EQuTqvvY_960.jpg 960w,https://web.dev/static/image/youtube/D61EQuTqvvY_1440.jpg 1440w,https://web.dev/static/image/youtube/D61EQuTqvvY_1920.jpg 1920w,https://web.dev/static/image/youtube/D61EQuTqvvY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="is-postmessage-slow-http-203" data-text="Is postMessage slow? - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/D61EQuTqvvY"> Is postMessage slow? - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma look at workers and the performance of their messaging primitive postMessage(). </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/5LEuJNLfLN0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/5LEuJNLfLN0.jpg" srcset="https://web.dev/static/image/youtube/5LEuJNLfLN0_36.jpg 36w,https://web.dev/static/image/youtube/5LEuJNLfLN0_48.jpg 48w,https://web.dev/static/image/youtube/5LEuJNLfLN0_72.jpg 72w,https://web.dev/static/image/youtube/5LEuJNLfLN0_96.jpg 96w,https://web.dev/static/image/youtube/5LEuJNLfLN0_480.jpg 480w,https://web.dev/static/image/youtube/5LEuJNLfLN0_720.jpg 720w,https://web.dev/static/image/youtube/5LEuJNLfLN0_856.jpg 856w,https://web.dev/static/image/youtube/5LEuJNLfLN0_960.jpg 960w,https://web.dev/static/image/youtube/5LEuJNLfLN0_1440.jpg 1440w,https://web.dev/static/image/youtube/5LEuJNLfLN0_1920.jpg 1920w,https://web.dev/static/image/youtube/5LEuJNLfLN0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="scope-in-javascript-http-203" data-text="Scope in JavaScript - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/5LEuJNLfLN0"> Scope in JavaScript - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma take a deep dive into the world of variable scoping in JavaScript. var vs const/let and scripts vs modules. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Hzxy6ml-FYE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Hzxy6ml-FYE.jpg" srcset="https://web.dev/static/image/youtube/Hzxy6ml-FYE_36.jpg 36w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_48.jpg 48w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_72.jpg 72w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_96.jpg 96w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_480.jpg 480w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_720.jpg 720w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_856.jpg 856w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_960.jpg 960w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_1440.jpg 1440w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_1920.jpg 1920w,https://web.dev/static/image/youtube/Hzxy6ml-FYE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="handling-updates-offline-first-http-203" data-text="Handling updates offline-first - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Hzxy6ml-FYE"> Handling updates offline-first - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma chat about handling updates to offline-first apps. Can we do better than "Click here to update"? They look at examples fro... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/ViyTYEv9dM8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/ViyTYEv9dM8.jpg" srcset="https://web.dev/static/image/youtube/ViyTYEv9dM8_36.jpg 36w,https://web.dev/static/image/youtube/ViyTYEv9dM8_48.jpg 48w,https://web.dev/static/image/youtube/ViyTYEv9dM8_72.jpg 72w,https://web.dev/static/image/youtube/ViyTYEv9dM8_96.jpg 96w,https://web.dev/static/image/youtube/ViyTYEv9dM8_480.jpg 480w,https://web.dev/static/image/youtube/ViyTYEv9dM8_720.jpg 720w,https://web.dev/static/image/youtube/ViyTYEv9dM8_856.jpg 856w,https://web.dev/static/image/youtube/ViyTYEv9dM8_960.jpg 960w,https://web.dev/static/image/youtube/ViyTYEv9dM8_1440.jpg 1440w,https://web.dev/static/image/youtube/ViyTYEv9dM8_1920.jpg 1920w,https://web.dev/static/image/youtube/ViyTYEv9dM8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="four-silly-browser-hacks-http-203" data-text="Four silly browser hacks - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/ViyTYEv9dM8"> Four silly browser hacks - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma reminds Jake of four weird browser bugs they ran into while building https://proxx.app, most of which Jake has blocked from his mem... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/I-EElTqUfjU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/I-EElTqUfjU.jpg" srcset="https://web.dev/static/image/youtube/I-EElTqUfjU_36.jpg 36w,https://web.dev/static/image/youtube/I-EElTqUfjU_48.jpg 48w,https://web.dev/static/image/youtube/I-EElTqUfjU_72.jpg 72w,https://web.dev/static/image/youtube/I-EElTqUfjU_96.jpg 96w,https://web.dev/static/image/youtube/I-EElTqUfjU_480.jpg 480w,https://web.dev/static/image/youtube/I-EElTqUfjU_720.jpg 720w,https://web.dev/static/image/youtube/I-EElTqUfjU_856.jpg 856w,https://web.dev/static/image/youtube/I-EElTqUfjU_960.jpg 960w,https://web.dev/static/image/youtube/I-EElTqUfjU_1440.jpg 1440w,https://web.dev/static/image/youtube/I-EElTqUfjU_1920.jpg 1920w,https://web.dev/static/image/youtube/I-EElTqUfjU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="how-we-got-into-web-development-http-203" data-text="How we got into web development - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/I-EElTqUfjU"> How we got into web development - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In a particularly self-indulgent episode, Jake and Surma chat about what got them into the web, and the things that helped along the way.... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/y1TEPQz02iU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/y1TEPQz02iU.jpg" srcset="https://web.dev/static/image/youtube/y1TEPQz02iU_36.jpg 36w,https://web.dev/static/image/youtube/y1TEPQz02iU_48.jpg 48w,https://web.dev/static/image/youtube/y1TEPQz02iU_72.jpg 72w,https://web.dev/static/image/youtube/y1TEPQz02iU_96.jpg 96w,https://web.dev/static/image/youtube/y1TEPQz02iU_480.jpg 480w,https://web.dev/static/image/youtube/y1TEPQz02iU_720.jpg 720w,https://web.dev/static/image/youtube/y1TEPQz02iU_856.jpg 856w,https://web.dev/static/image/youtube/y1TEPQz02iU_960.jpg 960w,https://web.dev/static/image/youtube/y1TEPQz02iU_1440.jpg 1440w,https://web.dev/static/image/youtube/y1TEPQz02iU_1920.jpg 1920w,https://web.dev/static/image/youtube/y1TEPQz02iU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="changing-web-standards-http-203" data-text="Changing web standards - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/y1TEPQz02iU"> Changing web standards - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Something a bit different for HTTP 203: Jake & Surma make a change to a web standard. Includes how to read specs, and how to write web pl... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/EIH6IQgwdAc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/EIH6IQgwdAc.jpg" srcset="https://web.dev/static/image/youtube/EIH6IQgwdAc_36.jpg 36w,https://web.dev/static/image/youtube/EIH6IQgwdAc_48.jpg 48w,https://web.dev/static/image/youtube/EIH6IQgwdAc_72.jpg 72w,https://web.dev/static/image/youtube/EIH6IQgwdAc_96.jpg 96w,https://web.dev/static/image/youtube/EIH6IQgwdAc_480.jpg 480w,https://web.dev/static/image/youtube/EIH6IQgwdAc_720.jpg 720w,https://web.dev/static/image/youtube/EIH6IQgwdAc_856.jpg 856w,https://web.dev/static/image/youtube/EIH6IQgwdAc_960.jpg 960w,https://web.dev/static/image/youtube/EIH6IQgwdAc_1440.jpg 1440w,https://web.dev/static/image/youtube/EIH6IQgwdAc_1920.jpg 1920w,https://web.dev/static/image/youtube/EIH6IQgwdAc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="solving-clickjacking-http-203" data-text="Solving Clickjacking - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/EIH6IQgwdAc"> Solving Clickjacking - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Clickjacking changed the way we have to interact with content from other sites, such as "like" buttons, but could Intersection Observer V... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/x1xJ8BCQTf8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/x1xJ8BCQTf8.jpg" srcset="https://web.dev/static/image/youtube/x1xJ8BCQTf8_36.jpg 36w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_48.jpg 48w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_72.jpg 72w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_96.jpg 96w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_480.jpg 480w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_720.jpg 720w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_856.jpg 856w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_960.jpg 960w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_1440.jpg 1440w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_1920.jpg 1920w,https://web.dev/static/image/youtube/x1xJ8BCQTf8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="but-why-http-203" data-text="But… why HTTP 203?" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/x1xJ8BCQTf8"> But… why HTTP 203? </a> </h3> <div class="devsite-landing-row-item-description-content"> The show's called "HTTP 203", but what were the other options? </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/S0NQwttnr1I"> <picture> <img alt="" src="https://web.dev/static/image/youtube/S0NQwttnr1I.jpg" srcset="https://web.dev/static/image/youtube/S0NQwttnr1I_36.jpg 36w,https://web.dev/static/image/youtube/S0NQwttnr1I_48.jpg 48w,https://web.dev/static/image/youtube/S0NQwttnr1I_72.jpg 72w,https://web.dev/static/image/youtube/S0NQwttnr1I_96.jpg 96w,https://web.dev/static/image/youtube/S0NQwttnr1I_480.jpg 480w,https://web.dev/static/image/youtube/S0NQwttnr1I_720.jpg 720w,https://web.dev/static/image/youtube/S0NQwttnr1I_856.jpg 856w,https://web.dev/static/image/youtube/S0NQwttnr1I_960.jpg 960w,https://web.dev/static/image/youtube/S0NQwttnr1I_1440.jpg 1440w,https://web.dev/static/image/youtube/S0NQwttnr1I_1920.jpg 1920w,https://web.dev/static/image/youtube/S0NQwttnr1I_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="loop-tiling-http-203" data-text="Loop Tiling - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/S0NQwttnr1I"> Loop Tiling - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk about how they optimized the image rotation code in their app Squoosh, how Hacker News taught them about Loop Tiling.... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/lNOP5dcLZF4"> <picture> <img alt="" src="https://web.dev/static/image/youtube/lNOP5dcLZF4.jpg" srcset="https://web.dev/static/image/youtube/lNOP5dcLZF4_36.jpg 36w,https://web.dev/static/image/youtube/lNOP5dcLZF4_48.jpg 48w,https://web.dev/static/image/youtube/lNOP5dcLZF4_72.jpg 72w,https://web.dev/static/image/youtube/lNOP5dcLZF4_96.jpg 96w,https://web.dev/static/image/youtube/lNOP5dcLZF4_480.jpg 480w,https://web.dev/static/image/youtube/lNOP5dcLZF4_720.jpg 720w,https://web.dev/static/image/youtube/lNOP5dcLZF4_856.jpg 856w,https://web.dev/static/image/youtube/lNOP5dcLZF4_960.jpg 960w,https://web.dev/static/image/youtube/lNOP5dcLZF4_1440.jpg 1440w,https://web.dev/static/image/youtube/lNOP5dcLZF4_1920.jpg 1920w,https://web.dev/static/image/youtube/lNOP5dcLZF4_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="share-target-http-203" data-text="Share Target - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/lNOP5dcLZF4"> Share Target - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake demos the Share Target API, including some new bits, just landing in Chrome Canary. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/eKuHlSZKlWM"> <picture> <img alt="" src="https://web.dev/static/image/youtube/eKuHlSZKlWM.jpg" srcset="https://web.dev/static/image/youtube/eKuHlSZKlWM_36.jpg 36w,https://web.dev/static/image/youtube/eKuHlSZKlWM_48.jpg 48w,https://web.dev/static/image/youtube/eKuHlSZKlWM_72.jpg 72w,https://web.dev/static/image/youtube/eKuHlSZKlWM_96.jpg 96w,https://web.dev/static/image/youtube/eKuHlSZKlWM_480.jpg 480w,https://web.dev/static/image/youtube/eKuHlSZKlWM_720.jpg 720w,https://web.dev/static/image/youtube/eKuHlSZKlWM_856.jpg 856w,https://web.dev/static/image/youtube/eKuHlSZKlWM_960.jpg 960w,https://web.dev/static/image/youtube/eKuHlSZKlWM_1440.jpg 1440w,https://web.dev/static/image/youtube/eKuHlSZKlWM_1920.jpg 1920w,https://web.dev/static/image/youtube/eKuHlSZKlWM_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="context-and-optimizations-http-203" data-text="Context and Optimizations - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/eKuHlSZKlWM"> Context and Optimizations - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk about the importance of context when making performance optimizations and some common mistakes that some developers m... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/QXsWaA3HTHA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/QXsWaA3HTHA.jpg" srcset="https://web.dev/static/image/youtube/QXsWaA3HTHA_36.jpg 36w,https://web.dev/static/image/youtube/QXsWaA3HTHA_48.jpg 48w,https://web.dev/static/image/youtube/QXsWaA3HTHA_72.jpg 72w,https://web.dev/static/image/youtube/QXsWaA3HTHA_96.jpg 96w,https://web.dev/static/image/youtube/QXsWaA3HTHA_480.jpg 480w,https://web.dev/static/image/youtube/QXsWaA3HTHA_720.jpg 720w,https://web.dev/static/image/youtube/QXsWaA3HTHA_856.jpg 856w,https://web.dev/static/image/youtube/QXsWaA3HTHA_960.jpg 960w,https://web.dev/static/image/youtube/QXsWaA3HTHA_1440.jpg 1440w,https://web.dev/static/image/youtube/QXsWaA3HTHA_1920.jpg 1920w,https://web.dev/static/image/youtube/QXsWaA3HTHA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="jam-stack-http-203" data-text="JAM Stack - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/QXsWaA3HTHA"> JAM Stack - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk about the JAMStack, what it means and how it’s useful for web developers. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/m0JcYPRZuUg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/m0JcYPRZuUg.jpg" srcset="https://web.dev/static/image/youtube/m0JcYPRZuUg_36.jpg 36w,https://web.dev/static/image/youtube/m0JcYPRZuUg_48.jpg 48w,https://web.dev/static/image/youtube/m0JcYPRZuUg_72.jpg 72w,https://web.dev/static/image/youtube/m0JcYPRZuUg_96.jpg 96w,https://web.dev/static/image/youtube/m0JcYPRZuUg_480.jpg 480w,https://web.dev/static/image/youtube/m0JcYPRZuUg_720.jpg 720w,https://web.dev/static/image/youtube/m0JcYPRZuUg_856.jpg 856w,https://web.dev/static/image/youtube/m0JcYPRZuUg_960.jpg 960w,https://web.dev/static/image/youtube/m0JcYPRZuUg_1440.jpg 1440w,https://web.dev/static/image/youtube/m0JcYPRZuUg_1920.jpg 1920w,https://web.dev/static/image/youtube/m0JcYPRZuUg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="new-canvas-stuff-http-203" data-text="New Canvas Stuff - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/m0JcYPRZuUg"> New Canvas Stuff - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk about new things involving the Canvas API. Including, but not limited to: </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/cElAoxhQz6w"> <picture> <img alt="" src="https://web.dev/static/image/youtube/cElAoxhQz6w.jpg" srcset="https://web.dev/static/image/youtube/cElAoxhQz6w_36.jpg 36w,https://web.dev/static/image/youtube/cElAoxhQz6w_48.jpg 48w,https://web.dev/static/image/youtube/cElAoxhQz6w_72.jpg 72w,https://web.dev/static/image/youtube/cElAoxhQz6w_96.jpg 96w,https://web.dev/static/image/youtube/cElAoxhQz6w_480.jpg 480w,https://web.dev/static/image/youtube/cElAoxhQz6w_720.jpg 720w,https://web.dev/static/image/youtube/cElAoxhQz6w_856.jpg 856w,https://web.dev/static/image/youtube/cElAoxhQz6w_960.jpg 960w,https://web.dev/static/image/youtube/cElAoxhQz6w_1440.jpg 1440w,https://web.dev/static/image/youtube/cElAoxhQz6w_1920.jpg 1920w,https://web.dev/static/image/youtube/cElAoxhQz6w_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="background-fetch-http-203" data-text="Background Fetch - HTTP 203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/cElAoxhQz6w"> Background Fetch - HTTP 203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake shows Surma an actual thing he built using a new web API – Background Fetch. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/PgESLlNCv94"> <picture> <img alt="" src="https://web.dev/static/image/youtube/PgESLlNCv94.jpg" srcset="https://web.dev/static/image/youtube/PgESLlNCv94_36.jpg 36w,https://web.dev/static/image/youtube/PgESLlNCv94_48.jpg 48w,https://web.dev/static/image/youtube/PgESLlNCv94_72.jpg 72w,https://web.dev/static/image/youtube/PgESLlNCv94_96.jpg 96w,https://web.dev/static/image/youtube/PgESLlNCv94_480.jpg 480w,https://web.dev/static/image/youtube/PgESLlNCv94_720.jpg 720w,https://web.dev/static/image/youtube/PgESLlNCv94_856.jpg 856w,https://web.dev/static/image/youtube/PgESLlNCv94_960.jpg 960w,https://web.dev/static/image/youtube/PgESLlNCv94_1440.jpg 1440w,https://web.dev/static/image/youtube/PgESLlNCv94_1920.jpg 1920w,https://web.dev/static/image/youtube/PgESLlNCv94_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="best-web-features-of-201858-the-final-http203" data-text="Best web features of 2018: The Final! - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/PgESLlNCv94"> Best web features of 2018: The Final! - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> A lot of web platform features landed in Chrome in 2018, but which is the best? This is the 4th and final part! </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/kZ-a6SXTueU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/kZ-a6SXTueU.jpg" srcset="https://web.dev/static/image/youtube/kZ-a6SXTueU_36.jpg 36w,https://web.dev/static/image/youtube/kZ-a6SXTueU_48.jpg 48w,https://web.dev/static/image/youtube/kZ-a6SXTueU_72.jpg 72w,https://web.dev/static/image/youtube/kZ-a6SXTueU_96.jpg 96w,https://web.dev/static/image/youtube/kZ-a6SXTueU_480.jpg 480w,https://web.dev/static/image/youtube/kZ-a6SXTueU_720.jpg 720w,https://web.dev/static/image/youtube/kZ-a6SXTueU_856.jpg 856w,https://web.dev/static/image/youtube/kZ-a6SXTueU_960.jpg 960w,https://web.dev/static/image/youtube/kZ-a6SXTueU_1440.jpg 1440w,https://web.dev/static/image/youtube/kZ-a6SXTueU_1920.jpg 1920w,https://web.dev/static/image/youtube/kZ-a6SXTueU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="best-web-features-of-201858-part-34-http203" data-text="Best web features of 2018: Part 3/4 - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/kZ-a6SXTueU"> Best web features of 2018: Part 3/4 - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> A lot of web platform features landed in Chrome in 2018, but which is the best? </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/URrbSSguYzw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/URrbSSguYzw.jpg" srcset="https://web.dev/static/image/youtube/URrbSSguYzw_36.jpg 36w,https://web.dev/static/image/youtube/URrbSSguYzw_48.jpg 48w,https://web.dev/static/image/youtube/URrbSSguYzw_72.jpg 72w,https://web.dev/static/image/youtube/URrbSSguYzw_96.jpg 96w,https://web.dev/static/image/youtube/URrbSSguYzw_480.jpg 480w,https://web.dev/static/image/youtube/URrbSSguYzw_720.jpg 720w,https://web.dev/static/image/youtube/URrbSSguYzw_856.jpg 856w,https://web.dev/static/image/youtube/URrbSSguYzw_960.jpg 960w,https://web.dev/static/image/youtube/URrbSSguYzw_1440.jpg 1440w,https://web.dev/static/image/youtube/URrbSSguYzw_1920.jpg 1920w,https://web.dev/static/image/youtube/URrbSSguYzw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="best-web-features-of-201858-part-24-http203" data-text="Best web features of 2018: Part 2/4 - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/URrbSSguYzw"> Best web features of 2018: Part 2/4 - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> A lot of web platform features landed in Chrome in 2018, but which is the best? </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/adgI8-W1VjE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/adgI8-W1VjE.jpg" srcset="https://web.dev/static/image/youtube/adgI8-W1VjE_36.jpg 36w,https://web.dev/static/image/youtube/adgI8-W1VjE_48.jpg 48w,https://web.dev/static/image/youtube/adgI8-W1VjE_72.jpg 72w,https://web.dev/static/image/youtube/adgI8-W1VjE_96.jpg 96w,https://web.dev/static/image/youtube/adgI8-W1VjE_480.jpg 480w,https://web.dev/static/image/youtube/adgI8-W1VjE_720.jpg 720w,https://web.dev/static/image/youtube/adgI8-W1VjE_856.jpg 856w,https://web.dev/static/image/youtube/adgI8-W1VjE_960.jpg 960w,https://web.dev/static/image/youtube/adgI8-W1VjE_1440.jpg 1440w,https://web.dev/static/image/youtube/adgI8-W1VjE_1920.jpg 1920w,https://web.dev/static/image/youtube/adgI8-W1VjE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="best-web-features-of-201858-part-14-http203" data-text="Best web features of 2018: Part 1/4 - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/adgI8-W1VjE"> Best web features of 2018: Part 1/4 - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> A lot of web platform features landed in Chrome in 2018, but which is the best? </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/te3Zm4bHBVs"> <picture> <img alt="" src="https://web.dev/static/image/youtube/te3Zm4bHBVs.jpg" srcset="https://web.dev/static/image/youtube/te3Zm4bHBVs_36.jpg 36w,https://web.dev/static/image/youtube/te3Zm4bHBVs_48.jpg 48w,https://web.dev/static/image/youtube/te3Zm4bHBVs_72.jpg 72w,https://web.dev/static/image/youtube/te3Zm4bHBVs_96.jpg 96w,https://web.dev/static/image/youtube/te3Zm4bHBVs_480.jpg 480w,https://web.dev/static/image/youtube/te3Zm4bHBVs_720.jpg 720w,https://web.dev/static/image/youtube/te3Zm4bHBVs_856.jpg 856w,https://web.dev/static/image/youtube/te3Zm4bHBVs_960.jpg 960w,https://web.dev/static/image/youtube/te3Zm4bHBVs_1440.jpg 1440w,https://web.dev/static/image/youtube/te3Zm4bHBVs_1920.jpg 1920w,https://web.dev/static/image/youtube/te3Zm4bHBVs_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="old-vs-new-javascript-http203" data-text="Old vs New JavaScript - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/te3Zm4bHBVs"> Old vs New JavaScript - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma look at the modern JS & web features we take for granted. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/UlLQPguE7UQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/UlLQPguE7UQ.jpg" srcset="https://web.dev/static/image/youtube/UlLQPguE7UQ_36.jpg 36w,https://web.dev/static/image/youtube/UlLQPguE7UQ_48.jpg 48w,https://web.dev/static/image/youtube/UlLQPguE7UQ_72.jpg 72w,https://web.dev/static/image/youtube/UlLQPguE7UQ_96.jpg 96w,https://web.dev/static/image/youtube/UlLQPguE7UQ_480.jpg 480w,https://web.dev/static/image/youtube/UlLQPguE7UQ_720.jpg 720w,https://web.dev/static/image/youtube/UlLQPguE7UQ_856.jpg 856w,https://web.dev/static/image/youtube/UlLQPguE7UQ_960.jpg 960w,https://web.dev/static/image/youtube/UlLQPguE7UQ_1440.jpg 1440w,https://web.dev/static/image/youtube/UlLQPguE7UQ_1920.jpg 1920w,https://web.dev/static/image/youtube/UlLQPguE7UQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="page-lifecycle-api-http203" data-text="Page Lifecycle API - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/UlLQPguE7UQ"> Page Lifecycle API - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake & Surma go over the Page Lifecycle API, new with Chrome 68. They discuss reasons it was needed and the best ways use it. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/g5CgV__a-ro"> <picture> <img alt="" src="https://web.dev/static/image/youtube/g5CgV__a-ro.jpg" srcset="https://web.dev/static/image/youtube/g5CgV__a-ro_36.jpg 36w,https://web.dev/static/image/youtube/g5CgV__a-ro_48.jpg 48w,https://web.dev/static/image/youtube/g5CgV__a-ro_72.jpg 72w,https://web.dev/static/image/youtube/g5CgV__a-ro_96.jpg 96w,https://web.dev/static/image/youtube/g5CgV__a-ro_480.jpg 480w,https://web.dev/static/image/youtube/g5CgV__a-ro_720.jpg 720w,https://web.dev/static/image/youtube/g5CgV__a-ro_856.jpg 856w,https://web.dev/static/image/youtube/g5CgV__a-ro_960.jpg 960w,https://web.dev/static/image/youtube/g5CgV__a-ro_1440.jpg 1440w,https://web.dev/static/image/youtube/g5CgV__a-ro_1920.jpg 1920w,https://web.dev/static/image/youtube/g5CgV__a-ro_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="svg-transform-box-http203" data-text="SVG Transform Box - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/g5CgV__a-ro"> SVG Transform Box - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake & Surma discuss SVG’s new-ish transform-box property, which gives control over how transformations are applied. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/COzBv_Ces3g"> <picture> <img alt="" src="https://web.dev/static/image/youtube/COzBv_Ces3g.jpg" srcset="https://web.dev/static/image/youtube/COzBv_Ces3g_36.jpg 36w,https://web.dev/static/image/youtube/COzBv_Ces3g_48.jpg 48w,https://web.dev/static/image/youtube/COzBv_Ces3g_72.jpg 72w,https://web.dev/static/image/youtube/COzBv_Ces3g_96.jpg 96w,https://web.dev/static/image/youtube/COzBv_Ces3g_480.jpg 480w,https://web.dev/static/image/youtube/COzBv_Ces3g_720.jpg 720w,https://web.dev/static/image/youtube/COzBv_Ces3g_856.jpg 856w,https://web.dev/static/image/youtube/COzBv_Ces3g_960.jpg 960w,https://web.dev/static/image/youtube/COzBv_Ces3g_1440.jpg 1440w,https://web.dev/static/image/youtube/COzBv_Ces3g_1920.jpg 1920w,https://web.dev/static/image/youtube/COzBv_Ces3g_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="javascript-proposals-http203" data-text="JavaScript proposals - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/COzBv_Ces3g"> JavaScript proposals - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma take a look at some of the in-development-and-may-never-happen JavaScript proposals, and give each one an official Surma-s... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/RoVy9EoIloQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/RoVy9EoIloQ.jpg" srcset="https://web.dev/static/image/youtube/RoVy9EoIloQ_36.jpg 36w,https://web.dev/static/image/youtube/RoVy9EoIloQ_48.jpg 48w,https://web.dev/static/image/youtube/RoVy9EoIloQ_72.jpg 72w,https://web.dev/static/image/youtube/RoVy9EoIloQ_96.jpg 96w,https://web.dev/static/image/youtube/RoVy9EoIloQ_480.jpg 480w,https://web.dev/static/image/youtube/RoVy9EoIloQ_720.jpg 720w,https://web.dev/static/image/youtube/RoVy9EoIloQ_856.jpg 856w,https://web.dev/static/image/youtube/RoVy9EoIloQ_960.jpg 960w,https://web.dev/static/image/youtube/RoVy9EoIloQ_1440.jpg 1440w,https://web.dev/static/image/youtube/RoVy9EoIloQ_1920.jpg 1920w,https://web.dev/static/image/youtube/RoVy9EoIloQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="polyfills-http203" data-text="Polyfills - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/RoVy9EoIloQ"> Polyfills - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Surma & Jake talks about the conditional loading of polyfills and how to implement it in the world of ES2015 modules. Th... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/kBut8LqVgYE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/kBut8LqVgYE.jpg" srcset="https://web.dev/static/image/youtube/kBut8LqVgYE_36.jpg 36w,https://web.dev/static/image/youtube/kBut8LqVgYE_48.jpg 48w,https://web.dev/static/image/youtube/kBut8LqVgYE_72.jpg 72w,https://web.dev/static/image/youtube/kBut8LqVgYE_96.jpg 96w,https://web.dev/static/image/youtube/kBut8LqVgYE_480.jpg 480w,https://web.dev/static/image/youtube/kBut8LqVgYE_720.jpg 720w,https://web.dev/static/image/youtube/kBut8LqVgYE_856.jpg 856w,https://web.dev/static/image/youtube/kBut8LqVgYE_960.jpg 960w,https://web.dev/static/image/youtube/kBut8LqVgYE_1440.jpg 1440w,https://web.dev/static/image/youtube/kBut8LqVgYE_1920.jpg 1920w,https://web.dev/static/image/youtube/kBut8LqVgYE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="broadcast-channel-http203" data-text="Broadcast channel - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/kBut8LqVgYE"> Broadcast channel - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Surma explains Broadcast Channel in two minutes. The Broadcast Channel API is an interesting topic because it’s been aro... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/5rX6pt0A_k"> <picture> <img alt="" src="https://web.dev/static/image/youtube/5rX6pt0A_k.jpg" srcset="https://web.dev/static/image/youtube/5rX6pt0A_k_36.jpg 36w,https://web.dev/static/image/youtube/5rX6pt0A_k_48.jpg 48w,https://web.dev/static/image/youtube/5rX6pt0A_k_72.jpg 72w,https://web.dev/static/image/youtube/5rX6pt0A_k_96.jpg 96w,https://web.dev/static/image/youtube/5rX6pt0A_k_480.jpg 480w,https://web.dev/static/image/youtube/5rX6pt0A_k_720.jpg 720w,https://web.dev/static/image/youtube/5rX6pt0A_k_856.jpg 856w,https://web.dev/static/image/youtube/5rX6pt0A_k_960.jpg 960w,https://web.dev/static/image/youtube/5rX6pt0A_k_1440.jpg 1440w,https://web.dev/static/image/youtube/5rX6pt0A_k_1920.jpg 1920w,https://web.dev/static/image/youtube/5rX6pt0A_k_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="corb-http203" data-text="CORB - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/5rX6pt0A_k"> CORB - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Jake and Surma discuss CORB (Cross-Origin Read Blocking), an algorithm that reduces the risk of leaking sensitive data t... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Nzokr6Boeaw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Nzokr6Boeaw.jpg" srcset="https://web.dev/static/image/youtube/Nzokr6Boeaw_36.jpg 36w,https://web.dev/static/image/youtube/Nzokr6Boeaw_48.jpg 48w,https://web.dev/static/image/youtube/Nzokr6Boeaw_72.jpg 72w,https://web.dev/static/image/youtube/Nzokr6Boeaw_96.jpg 96w,https://web.dev/static/image/youtube/Nzokr6Boeaw_480.jpg 480w,https://web.dev/static/image/youtube/Nzokr6Boeaw_720.jpg 720w,https://web.dev/static/image/youtube/Nzokr6Boeaw_856.jpg 856w,https://web.dev/static/image/youtube/Nzokr6Boeaw_960.jpg 960w,https://web.dev/static/image/youtube/Nzokr6Boeaw_1440.jpg 1440w,https://web.dev/static/image/youtube/Nzokr6Boeaw_1920.jpg 1920w,https://web.dev/static/image/youtube/Nzokr6Boeaw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="javascript-for-loops-are-complicated-http203" data-text="JavaScript for-loops are… complicated - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Nzokr6Boeaw"> JavaScript for-loops are… complicated - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In this episode, Jake and Surma dissect how for-loops actually work and how they’ve evolved. Turns out, it got complicated. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/dR_J4X416hg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/dR_J4X416hg.jpg" srcset="https://web.dev/static/image/youtube/dR_J4X416hg_36.jpg 36w,https://web.dev/static/image/youtube/dR_J4X416hg_48.jpg 48w,https://web.dev/static/image/youtube/dR_J4X416hg_72.jpg 72w,https://web.dev/static/image/youtube/dR_J4X416hg_96.jpg 96w,https://web.dev/static/image/youtube/dR_J4X416hg_480.jpg 480w,https://web.dev/static/image/youtube/dR_J4X416hg_720.jpg 720w,https://web.dev/static/image/youtube/dR_J4X416hg_856.jpg 856w,https://web.dev/static/image/youtube/dR_J4X416hg_960.jpg 960w,https://web.dev/static/image/youtube/dR_J4X416hg_1440.jpg 1440w,https://web.dev/static/image/youtube/dR_J4X416hg_1920.jpg 1920w,https://web.dev/static/image/youtube/dR_J4X416hg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="lighthouse-and-puppeteer-http203" data-text="Lighthouse and Puppeteer - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/dR_J4X416hg"> Lighthouse and Puppeteer - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Lighthouse and Puppeteer are two powerful developer tools that can be used together very effectively when building your website. Lighthou... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/0T4DQYgsazo"> <picture> <img alt="" src="https://web.dev/static/image/youtube/0T4DQYgsazo.jpg" srcset="https://web.dev/static/image/youtube/0T4DQYgsazo_36.jpg 36w,https://web.dev/static/image/youtube/0T4DQYgsazo_48.jpg 48w,https://web.dev/static/image/youtube/0T4DQYgsazo_72.jpg 72w,https://web.dev/static/image/youtube/0T4DQYgsazo_96.jpg 96w,https://web.dev/static/image/youtube/0T4DQYgsazo_480.jpg 480w,https://web.dev/static/image/youtube/0T4DQYgsazo_720.jpg 720w,https://web.dev/static/image/youtube/0T4DQYgsazo_856.jpg 856w,https://web.dev/static/image/youtube/0T4DQYgsazo_960.jpg 960w,https://web.dev/static/image/youtube/0T4DQYgsazo_1440.jpg 1440w,https://web.dev/static/image/youtube/0T4DQYgsazo_1920.jpg 1920w,https://web.dev/static/image/youtube/0T4DQYgsazo_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="what39s-new-in-javascript-http203" data-text="What's new in JavaScript - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/0T4DQYgsazo"> What's new in JavaScript - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake & Surma discuss the latest developments in JavaScript with Mathias Bynens & Sathya Gunasekaran. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Sz7IIDa7qfw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Sz7IIDa7qfw.jpg" srcset="https://web.dev/static/image/youtube/Sz7IIDa7qfw_36.jpg 36w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_48.jpg 48w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_72.jpg 72w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_96.jpg 96w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_480.jpg 480w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_720.jpg 720w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_856.jpg 856w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_960.jpg 960w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_1440.jpg 1440w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_1920.jpg 1920w,https://web.dev/static/image/youtube/Sz7IIDa7qfw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="google39s-crawler-amp-javascript-http203" data-text="Google's Crawler & JavaScript - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Sz7IIDa7qfw"> Google's Crawler & JavaScript - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Martin Splitt discusses the future of Google Search with Jake & Surma at I/O ‘18. #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/GJRkEYRHVsk"> <picture> <img alt="" src="https://web.dev/static/image/youtube/GJRkEYRHVsk.jpg" srcset="https://web.dev/static/image/youtube/GJRkEYRHVsk_36.jpg 36w,https://web.dev/static/image/youtube/GJRkEYRHVsk_48.jpg 48w,https://web.dev/static/image/youtube/GJRkEYRHVsk_72.jpg 72w,https://web.dev/static/image/youtube/GJRkEYRHVsk_96.jpg 96w,https://web.dev/static/image/youtube/GJRkEYRHVsk_480.jpg 480w,https://web.dev/static/image/youtube/GJRkEYRHVsk_720.jpg 720w,https://web.dev/static/image/youtube/GJRkEYRHVsk_856.jpg 856w,https://web.dev/static/image/youtube/GJRkEYRHVsk_960.jpg 960w,https://web.dev/static/image/youtube/GJRkEYRHVsk_1440.jpg 1440w,https://web.dev/static/image/youtube/GJRkEYRHVsk_1920.jpg 1920w,https://web.dev/static/image/youtube/GJRkEYRHVsk_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-security-http203" data-text="Web Security - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/GJRkEYRHVsk"> Web Security - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake & Surma talk about web security, Spectre and Meltdown, and the ways that security teams are addressing vulnerabilities. They sit dow... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Lzj5yvlZGsc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Lzj5yvlZGsc.jpg" srcset="https://web.dev/static/image/youtube/Lzj5yvlZGsc_36.jpg 36w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_48.jpg 48w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_72.jpg 72w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_96.jpg 96w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_480.jpg 480w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_720.jpg 720w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_856.jpg 856w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_960.jpg 960w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_1440.jpg 1440w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_1920.jpg 1920w,https://web.dev/static/image/youtube/Lzj5yvlZGsc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="what39s-new-in-chrome-devtools-http203" data-text="What's New in Chrome DevTools - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Lzj5yvlZGsc"> What's New in Chrome DevTools - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Paul Irish & Jason Miller join Jake & Surma to discuss the latest developments now and to come in Chrome Devtools. #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/i7darFvRDVo"> <picture> <img alt="" src="https://web.dev/static/image/youtube/i7darFvRDVo.jpg" srcset="https://web.dev/static/image/youtube/i7darFvRDVo_36.jpg 36w,https://web.dev/static/image/youtube/i7darFvRDVo_48.jpg 48w,https://web.dev/static/image/youtube/i7darFvRDVo_72.jpg 72w,https://web.dev/static/image/youtube/i7darFvRDVo_96.jpg 96w,https://web.dev/static/image/youtube/i7darFvRDVo_480.jpg 480w,https://web.dev/static/image/youtube/i7darFvRDVo_720.jpg 720w,https://web.dev/static/image/youtube/i7darFvRDVo_856.jpg 856w,https://web.dev/static/image/youtube/i7darFvRDVo_960.jpg 960w,https://web.dev/static/image/youtube/i7darFvRDVo_1440.jpg 1440w,https://web.dev/static/image/youtube/i7darFvRDVo_1920.jpg 1920w,https://web.dev/static/image/youtube/i7darFvRDVo_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="technical-debt-http203" data-text="Technical Debt - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/i7darFvRDVo"> Technical Debt - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Technical debt is a term for the extra work that is caused by choosing the easiest solution at the beginning of development, instead of a... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/zBbWClbltx8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/zBbWClbltx8.jpg" srcset="https://web.dev/static/image/youtube/zBbWClbltx8_36.jpg 36w,https://web.dev/static/image/youtube/zBbWClbltx8_48.jpg 48w,https://web.dev/static/image/youtube/zBbWClbltx8_72.jpg 72w,https://web.dev/static/image/youtube/zBbWClbltx8_96.jpg 96w,https://web.dev/static/image/youtube/zBbWClbltx8_480.jpg 480w,https://web.dev/static/image/youtube/zBbWClbltx8_720.jpg 720w,https://web.dev/static/image/youtube/zBbWClbltx8_856.jpg 856w,https://web.dev/static/image/youtube/zBbWClbltx8_960.jpg 960w,https://web.dev/static/image/youtube/zBbWClbltx8_1440.jpg 1440w,https://web.dev/static/image/youtube/zBbWClbltx8_1920.jpg 1920w,https://web.dev/static/image/youtube/zBbWClbltx8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="google-chrome-origins-http203" data-text="Google Chrome Origins - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/zBbWClbltx8"> Google Chrome Origins - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Vice President of engineering, Darin Fisher, talks to Jake & Surma about the beginnings of the Chrome browser & the interview questions h... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/zhGym6t3Yo8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/zhGym6t3Yo8.jpg" srcset="https://web.dev/static/image/youtube/zhGym6t3Yo8_36.jpg 36w,https://web.dev/static/image/youtube/zhGym6t3Yo8_48.jpg 48w,https://web.dev/static/image/youtube/zhGym6t3Yo8_72.jpg 72w,https://web.dev/static/image/youtube/zhGym6t3Yo8_96.jpg 96w,https://web.dev/static/image/youtube/zhGym6t3Yo8_480.jpg 480w,https://web.dev/static/image/youtube/zhGym6t3Yo8_720.jpg 720w,https://web.dev/static/image/youtube/zhGym6t3Yo8_856.jpg 856w,https://web.dev/static/image/youtube/zhGym6t3Yo8_960.jpg 960w,https://web.dev/static/image/youtube/zhGym6t3Yo8_1440.jpg 1440w,https://web.dev/static/image/youtube/zhGym6t3Yo8_1920.jpg 1920w,https://web.dev/static/image/youtube/zhGym6t3Yo8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-dev-beginnings-with-mariko-kosaka-http203" data-text="Web Dev Beginnings with Mariko Kosaka - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/zhGym6t3Yo8"> Web Dev Beginnings with Mariko Kosaka - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Mariko Kosaka sits down with Jake & Surma to talk about their early experiences with the web & how they got in to coding. Mariko also buy... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/zq_8OyYXPYY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/zq_8OyYXPYY.jpg" srcset="https://web.dev/static/image/youtube/zq_8OyYXPYY_36.jpg 36w,https://web.dev/static/image/youtube/zq_8OyYXPYY_48.jpg 48w,https://web.dev/static/image/youtube/zq_8OyYXPYY_72.jpg 72w,https://web.dev/static/image/youtube/zq_8OyYXPYY_96.jpg 96w,https://web.dev/static/image/youtube/zq_8OyYXPYY_480.jpg 480w,https://web.dev/static/image/youtube/zq_8OyYXPYY_720.jpg 720w,https://web.dev/static/image/youtube/zq_8OyYXPYY_856.jpg 856w,https://web.dev/static/image/youtube/zq_8OyYXPYY_960.jpg 960w,https://web.dev/static/image/youtube/zq_8OyYXPYY_1440.jpg 1440w,https://web.dev/static/image/youtube/zq_8OyYXPYY_1920.jpg 1920w,https://web.dev/static/image/youtube/zq_8OyYXPYY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="accessibility-with-rob-dodson-http203" data-text="Accessibility with Rob Dodson - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/zq_8OyYXPYY"> Accessibility with Rob Dodson - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk to Rob Dodson about Accessibility, his SWE (Software Engineering) Rotation and :focus-visible. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/dfsyABvzpj0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/dfsyABvzpj0.jpg" srcset="https://web.dev/static/image/youtube/dfsyABvzpj0_36.jpg 36w,https://web.dev/static/image/youtube/dfsyABvzpj0_48.jpg 48w,https://web.dev/static/image/youtube/dfsyABvzpj0_72.jpg 72w,https://web.dev/static/image/youtube/dfsyABvzpj0_96.jpg 96w,https://web.dev/static/image/youtube/dfsyABvzpj0_480.jpg 480w,https://web.dev/static/image/youtube/dfsyABvzpj0_720.jpg 720w,https://web.dev/static/image/youtube/dfsyABvzpj0_856.jpg 856w,https://web.dev/static/image/youtube/dfsyABvzpj0_960.jpg 960w,https://web.dev/static/image/youtube/dfsyABvzpj0_1440.jpg 1440w,https://web.dev/static/image/youtube/dfsyABvzpj0_1920.jpg 1920w,https://web.dev/static/image/youtube/dfsyABvzpj0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="pwa-starter-kit-with-monica-dinculescu-http203" data-text="PWA Starter Kit with Monica Dinculescu - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/dfsyABvzpj0"> PWA Starter Kit with Monica Dinculescu - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake and Surma talk to Monica Dinculescu about PWA Starter Kit, emoji's and correct personalities! #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/xnAtqPRa0Sk"> <picture> <img alt="" src="https://web.dev/static/image/youtube/xnAtqPRa0Sk.jpg" srcset="https://web.dev/static/image/youtube/xnAtqPRa0Sk_36.jpg 36w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_48.jpg 48w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_72.jpg 72w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_96.jpg 96w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_480.jpg 480w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_720.jpg 720w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_856.jpg 856w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_960.jpg 960w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_1440.jpg 1440w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_1920.jpg 1920w,https://web.dev/static/image/youtube/xnAtqPRa0Sk_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="state-of-the-web-with-ben-galbraith-amp-dion-almaer-http203" data-text="State of the Web with Ben Galbraith & Dion Almaer - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/xnAtqPRa0Sk"> State of the Web with Ben Galbraith & Dion Almaer - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake Archibald & Surma chat to Ben Galbraith (Director for Chrome) and Dion Almaer (Director of DevRel) about the State of the Web on sit... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/loqVnZywmvw"> <picture> <img alt="" src="https://web.dev/static/image/youtube/loqVnZywmvw.jpg" srcset="https://web.dev/static/image/youtube/loqVnZywmvw_36.jpg 36w,https://web.dev/static/image/youtube/loqVnZywmvw_48.jpg 48w,https://web.dev/static/image/youtube/loqVnZywmvw_72.jpg 72w,https://web.dev/static/image/youtube/loqVnZywmvw_96.jpg 96w,https://web.dev/static/image/youtube/loqVnZywmvw_480.jpg 480w,https://web.dev/static/image/youtube/loqVnZywmvw_720.jpg 720w,https://web.dev/static/image/youtube/loqVnZywmvw_856.jpg 856w,https://web.dev/static/image/youtube/loqVnZywmvw_960.jpg 960w,https://web.dev/static/image/youtube/loqVnZywmvw_1440.jpg 1440w,https://web.dev/static/image/youtube/loqVnZywmvw_1920.jpg 1920w,https://web.dev/static/image/youtube/loqVnZywmvw_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <div class="devsite-landing-row-item-description-content"> Today on #HTTP203, Jake & Surma discuss the infamous #SmooshGate! </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/xw5HYZ3KBI4"> <picture> <img alt="" src="https://web.dev/static/image/youtube/xw5HYZ3KBI4.jpg" srcset="https://web.dev/static/image/youtube/xw5HYZ3KBI4_36.jpg 36w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_48.jpg 48w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_72.jpg 72w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_96.jpg 96w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_480.jpg 480w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_720.jpg 720w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_856.jpg 856w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_960.jpg 960w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_1440.jpg 1440w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_1920.jpg 1920w,https://web.dev/static/image/youtube/xw5HYZ3KBI4_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="work-life-balance-http203" data-text="Work Life Balance - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/xw5HYZ3KBI4"> Work Life Balance - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In #HTTP203 Surma (@DasSurma) & Jake (@Jaffathecake) discuss how to hack the work-life balancing act. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/lsd2-TCgHEs"> <picture> <img alt="" src="https://web.dev/static/image/youtube/lsd2-TCgHEs.jpg" srcset="https://web.dev/static/image/youtube/lsd2-TCgHEs_36.jpg 36w,https://web.dev/static/image/youtube/lsd2-TCgHEs_48.jpg 48w,https://web.dev/static/image/youtube/lsd2-TCgHEs_72.jpg 72w,https://web.dev/static/image/youtube/lsd2-TCgHEs_96.jpg 96w,https://web.dev/static/image/youtube/lsd2-TCgHEs_480.jpg 480w,https://web.dev/static/image/youtube/lsd2-TCgHEs_720.jpg 720w,https://web.dev/static/image/youtube/lsd2-TCgHEs_856.jpg 856w,https://web.dev/static/image/youtube/lsd2-TCgHEs_960.jpg 960w,https://web.dev/static/image/youtube/lsd2-TCgHEs_1440.jpg 1440w,https://web.dev/static/image/youtube/lsd2-TCgHEs_1920.jpg 1920w,https://web.dev/static/image/youtube/lsd2-TCgHEs_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="class-based-tree-shaking-http203" data-text="Class-based Tree Shaking - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/lsd2-TCgHEs"> Class-based Tree Shaking - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake Archibald and Surma talk tree shaking in this episode of HTTP203. And show you some code! For the first time. Lovely. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/d1aWG4u-Z5U"> <picture> <img alt="" src="https://web.dev/static/image/youtube/d1aWG4u-Z5U.jpg" srcset="https://web.dev/static/image/youtube/d1aWG4u-Z5U_36.jpg 36w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_48.jpg 48w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_72.jpg 72w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_96.jpg 96w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_480.jpg 480w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_720.jpg 720w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_856.jpg 856w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_960.jpg 960w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_1440.jpg 1440w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_1920.jpg 1920w,https://web.dev/static/image/youtube/d1aWG4u-Z5U_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="resize-observer-http203" data-text="Resize Observer - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/d1aWG4u-Z5U"> Resize Observer - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma and Jake Archibald discuss observers on todays #HTTP203 - </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/qIU151UPOSY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/qIU151UPOSY.jpg" srcset="https://web.dev/static/image/youtube/qIU151UPOSY_36.jpg 36w,https://web.dev/static/image/youtube/qIU151UPOSY_48.jpg 48w,https://web.dev/static/image/youtube/qIU151UPOSY_72.jpg 72w,https://web.dev/static/image/youtube/qIU151UPOSY_96.jpg 96w,https://web.dev/static/image/youtube/qIU151UPOSY_480.jpg 480w,https://web.dev/static/image/youtube/qIU151UPOSY_720.jpg 720w,https://web.dev/static/image/youtube/qIU151UPOSY_856.jpg 856w,https://web.dev/static/image/youtube/qIU151UPOSY_960.jpg 960w,https://web.dev/static/image/youtube/qIU151UPOSY_1440.jpg 1440w,https://web.dev/static/image/youtube/qIU151UPOSY_1920.jpg 1920w,https://web.dev/static/image/youtube/qIU151UPOSY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="javascript-symbols-http203" data-text="JavaScript Symbols - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/qIU151UPOSY"> JavaScript Symbols - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake Archibald explains JavaScript Symbols to Surma in 2 minutes. What do you use them for!? Why!? All will be revealed... #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/VnxZggnmvpo"> <picture> <img alt="" src="https://web.dev/static/image/youtube/VnxZggnmvpo.jpg" srcset="https://web.dev/static/image/youtube/VnxZggnmvpo_36.jpg 36w,https://web.dev/static/image/youtube/VnxZggnmvpo_48.jpg 48w,https://web.dev/static/image/youtube/VnxZggnmvpo_72.jpg 72w,https://web.dev/static/image/youtube/VnxZggnmvpo_96.jpg 96w,https://web.dev/static/image/youtube/VnxZggnmvpo_480.jpg 480w,https://web.dev/static/image/youtube/VnxZggnmvpo_720.jpg 720w,https://web.dev/static/image/youtube/VnxZggnmvpo_856.jpg 856w,https://web.dev/static/image/youtube/VnxZggnmvpo_960.jpg 960w,https://web.dev/static/image/youtube/VnxZggnmvpo_1440.jpg 1440w,https://web.dev/static/image/youtube/VnxZggnmvpo_1920.jpg 1920w,https://web.dev/static/image/youtube/VnxZggnmvpo_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="webpack-and-workers-http203" data-text="Webpack and Workers - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/VnxZggnmvpo"> Webpack and Workers - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> The speed round is back! Surma has but two minutes to explain his recent exploration of Webpack and Workers to Jake. #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/2Kuwy-67VyY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/2Kuwy-67VyY.jpg" srcset="https://web.dev/static/image/youtube/2Kuwy-67VyY_36.jpg 36w,https://web.dev/static/image/youtube/2Kuwy-67VyY_48.jpg 48w,https://web.dev/static/image/youtube/2Kuwy-67VyY_72.jpg 72w,https://web.dev/static/image/youtube/2Kuwy-67VyY_96.jpg 96w,https://web.dev/static/image/youtube/2Kuwy-67VyY_480.jpg 480w,https://web.dev/static/image/youtube/2Kuwy-67VyY_720.jpg 720w,https://web.dev/static/image/youtube/2Kuwy-67VyY_856.jpg 856w,https://web.dev/static/image/youtube/2Kuwy-67VyY_960.jpg 960w,https://web.dev/static/image/youtube/2Kuwy-67VyY_1440.jpg 1440w,https://web.dev/static/image/youtube/2Kuwy-67VyY_1920.jpg 1920w,https://web.dev/static/image/youtube/2Kuwy-67VyY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="120fps-http203" data-text="120fps - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/2Kuwy-67VyY"> 120fps - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Most devices run at 60Hz, but some new devices run at 120Hz. What does this mean for us mere mortal engineers? Surma and Jake discuss on ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/fusAJwee7ws"> <picture> <img alt="" src="https://web.dev/static/image/youtube/fusAJwee7ws.jpg" srcset="https://web.dev/static/image/youtube/fusAJwee7ws_36.jpg 36w,https://web.dev/static/image/youtube/fusAJwee7ws_48.jpg 48w,https://web.dev/static/image/youtube/fusAJwee7ws_72.jpg 72w,https://web.dev/static/image/youtube/fusAJwee7ws_96.jpg 96w,https://web.dev/static/image/youtube/fusAJwee7ws_480.jpg 480w,https://web.dev/static/image/youtube/fusAJwee7ws_720.jpg 720w,https://web.dev/static/image/youtube/fusAJwee7ws_856.jpg 856w,https://web.dev/static/image/youtube/fusAJwee7ws_960.jpg 960w,https://web.dev/static/image/youtube/fusAJwee7ws_1440.jpg 1440w,https://web.dev/static/image/youtube/fusAJwee7ws_1920.jpg 1920w,https://web.dev/static/image/youtube/fusAJwee7ws_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="eventtarget-http203" data-text="EventTarget - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/fusAJwee7ws"> EventTarget - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> EventTarget has arrived in Canary! Ooooh. Surma & Jake discuss what this means for the web. #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/mo8thg5XGV0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/mo8thg5XGV0.jpg" srcset="https://web.dev/static/image/youtube/mo8thg5XGV0_36.jpg 36w,https://web.dev/static/image/youtube/mo8thg5XGV0_48.jpg 48w,https://web.dev/static/image/youtube/mo8thg5XGV0_72.jpg 72w,https://web.dev/static/image/youtube/mo8thg5XGV0_96.jpg 96w,https://web.dev/static/image/youtube/mo8thg5XGV0_480.jpg 480w,https://web.dev/static/image/youtube/mo8thg5XGV0_720.jpg 720w,https://web.dev/static/image/youtube/mo8thg5XGV0_856.jpg 856w,https://web.dev/static/image/youtube/mo8thg5XGV0_960.jpg 960w,https://web.dev/static/image/youtube/mo8thg5XGV0_1440.jpg 1440w,https://web.dev/static/image/youtube/mo8thg5XGV0_1920.jpg 1920w,https://web.dev/static/image/youtube/mo8thg5XGV0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="import-http203" data-text="Import() - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/mo8thg5XGV0"> Import() - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> JavaScript now has a way to dynamically import modules using the import() function. But is it really a function? #HTTP203 </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/BoLd3cMc0jQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/BoLd3cMc0jQ.jpg" srcset="https://web.dev/static/image/youtube/BoLd3cMc0jQ_36.jpg 36w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_48.jpg 48w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_72.jpg 72w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_96.jpg 96w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_480.jpg 480w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_720.jpg 720w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_856.jpg 856w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_960.jpg 960w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_1440.jpg 1440w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_1920.jpg 1920w,https://web.dev/static/image/youtube/BoLd3cMc0jQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="webworkers-http203-advent" data-text="WebWorkers - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/BoLd3cMc0jQ"> WebWorkers - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> On the final HTTP203 Xmas special, Surma talks about web workers - using a dedicated worker for your site. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/AGoedbUXa9Q"> <picture> <img alt="" src="https://web.dev/static/image/youtube/AGoedbUXa9Q.jpg" srcset="https://web.dev/static/image/youtube/AGoedbUXa9Q_36.jpg 36w,https://web.dev/static/image/youtube/AGoedbUXa9Q_48.jpg 48w,https://web.dev/static/image/youtube/AGoedbUXa9Q_72.jpg 72w,https://web.dev/static/image/youtube/AGoedbUXa9Q_96.jpg 96w,https://web.dev/static/image/youtube/AGoedbUXa9Q_480.jpg 480w,https://web.dev/static/image/youtube/AGoedbUXa9Q_720.jpg 720w,https://web.dev/static/image/youtube/AGoedbUXa9Q_856.jpg 856w,https://web.dev/static/image/youtube/AGoedbUXa9Q_960.jpg 960w,https://web.dev/static/image/youtube/AGoedbUXa9Q_1440.jpg 1440w,https://web.dev/static/image/youtube/AGoedbUXa9Q_1920.jpg 1920w,https://web.dev/static/image/youtube/AGoedbUXa9Q_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="transform-streams-http203-advent" data-text="Transform Streams - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/AGoedbUXa9Q"> Transform Streams - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Tis the HTTP203 Xmas season! In this episode, Jake talks about transform streams. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/eg8eLH52d4s"> <picture> <img alt="" src="https://web.dev/static/image/youtube/eg8eLH52d4s.jpg" srcset="https://web.dev/static/image/youtube/eg8eLH52d4s_36.jpg 36w,https://web.dev/static/image/youtube/eg8eLH52d4s_48.jpg 48w,https://web.dev/static/image/youtube/eg8eLH52d4s_72.jpg 72w,https://web.dev/static/image/youtube/eg8eLH52d4s_96.jpg 96w,https://web.dev/static/image/youtube/eg8eLH52d4s_480.jpg 480w,https://web.dev/static/image/youtube/eg8eLH52d4s_720.jpg 720w,https://web.dev/static/image/youtube/eg8eLH52d4s_856.jpg 856w,https://web.dev/static/image/youtube/eg8eLH52d4s_960.jpg 960w,https://web.dev/static/image/youtube/eg8eLH52d4s_1440.jpg 1440w,https://web.dev/static/image/youtube/eg8eLH52d4s_1920.jpg 1920w,https://web.dev/static/image/youtube/eg8eLH52d4s_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="dynamic-import-http203-advent" data-text="Dynamic Import() - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/eg8eLH52d4s"> Dynamic Import() - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> In this HTTP203 episode, Surma talks about dynamic import(). Dynamic import() introduces a new function-like form of import that unlocks ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/DETklM4JtyQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/DETklM4JtyQ.jpg" srcset="https://web.dev/static/image/youtube/DETklM4JtyQ_36.jpg 36w,https://web.dev/static/image/youtube/DETklM4JtyQ_48.jpg 48w,https://web.dev/static/image/youtube/DETklM4JtyQ_72.jpg 72w,https://web.dev/static/image/youtube/DETklM4JtyQ_96.jpg 96w,https://web.dev/static/image/youtube/DETklM4JtyQ_480.jpg 480w,https://web.dev/static/image/youtube/DETklM4JtyQ_720.jpg 720w,https://web.dev/static/image/youtube/DETklM4JtyQ_856.jpg 856w,https://web.dev/static/image/youtube/DETklM4JtyQ_960.jpg 960w,https://web.dev/static/image/youtube/DETklM4JtyQ_1440.jpg 1440w,https://web.dev/static/image/youtube/DETklM4JtyQ_1920.jpg 1920w,https://web.dev/static/image/youtube/DETklM4JtyQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="fetchobserver-http203-advent" data-text="FetchObserver - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/DETklM4JtyQ"> FetchObserver - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Tis the HTTP203 Xmas season! Jake & Surma have 2 minutes to describe about a web thing they're excited about for 2018. In this episode, ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/CyAhHG-1AiI"> <picture> <img alt="" src="https://web.dev/static/image/youtube/CyAhHG-1AiI.jpg" srcset="https://web.dev/static/image/youtube/CyAhHG-1AiI_36.jpg 36w,https://web.dev/static/image/youtube/CyAhHG-1AiI_48.jpg 48w,https://web.dev/static/image/youtube/CyAhHG-1AiI_72.jpg 72w,https://web.dev/static/image/youtube/CyAhHG-1AiI_96.jpg 96w,https://web.dev/static/image/youtube/CyAhHG-1AiI_480.jpg 480w,https://web.dev/static/image/youtube/CyAhHG-1AiI_720.jpg 720w,https://web.dev/static/image/youtube/CyAhHG-1AiI_856.jpg 856w,https://web.dev/static/image/youtube/CyAhHG-1AiI_960.jpg 960w,https://web.dev/static/image/youtube/CyAhHG-1AiI_1440.jpg 1440w,https://web.dev/static/image/youtube/CyAhHG-1AiI_1920.jpg 1920w,https://web.dev/static/image/youtube/CyAhHG-1AiI_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="async-iterators-amp-generators-http203-advent" data-text="Async Iterators & Generators - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/CyAhHG-1AiI"> Async Iterators & Generators - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Today, Surma talks about async iterators & generators in HTTP203. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/wFVjeStSL9s"> <picture> <img alt="" src="https://web.dev/static/image/youtube/wFVjeStSL9s.jpg" srcset="https://web.dev/static/image/youtube/wFVjeStSL9s_36.jpg 36w,https://web.dev/static/image/youtube/wFVjeStSL9s_48.jpg 48w,https://web.dev/static/image/youtube/wFVjeStSL9s_72.jpg 72w,https://web.dev/static/image/youtube/wFVjeStSL9s_96.jpg 96w,https://web.dev/static/image/youtube/wFVjeStSL9s_480.jpg 480w,https://web.dev/static/image/youtube/wFVjeStSL9s_720.jpg 720w,https://web.dev/static/image/youtube/wFVjeStSL9s_856.jpg 856w,https://web.dev/static/image/youtube/wFVjeStSL9s_960.jpg 960w,https://web.dev/static/image/youtube/wFVjeStSL9s_1440.jpg 1440w,https://web.dev/static/image/youtube/wFVjeStSL9s_1920.jpg 1920w,https://web.dev/static/image/youtube/wFVjeStSL9s_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="flatmap-amp-flatten-http203-advent" data-text="FlatMap & Flatten - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/wFVjeStSL9s"> FlatMap & Flatten - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> 'Tis the HTTP203 Xmas season! Jake & Surma have 2 minutes to describe about a web thing they're excited about for 2018. In this episode, ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/tx0BtNO3gmk"> <picture> <img alt="" src="https://web.dev/static/image/youtube/tx0BtNO3gmk.jpg" srcset="https://web.dev/static/image/youtube/tx0BtNO3gmk_36.jpg 36w,https://web.dev/static/image/youtube/tx0BtNO3gmk_48.jpg 48w,https://web.dev/static/image/youtube/tx0BtNO3gmk_72.jpg 72w,https://web.dev/static/image/youtube/tx0BtNO3gmk_96.jpg 96w,https://web.dev/static/image/youtube/tx0BtNO3gmk_480.jpg 480w,https://web.dev/static/image/youtube/tx0BtNO3gmk_720.jpg 720w,https://web.dev/static/image/youtube/tx0BtNO3gmk_856.jpg 856w,https://web.dev/static/image/youtube/tx0BtNO3gmk_960.jpg 960w,https://web.dev/static/image/youtube/tx0BtNO3gmk_1440.jpg 1440w,https://web.dev/static/image/youtube/tx0BtNO3gmk_1920.jpg 1920w,https://web.dev/static/image/youtube/tx0BtNO3gmk_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="template-instantiation-http203-advent" data-text="Template Instantiation - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/tx0BtNO3gmk"> Template Instantiation - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Tis the HTTP203 Xmas season! Jake & Surma have 2 minutes to describe about a web thing they're excited about for 2018. In this episode, S... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/T9zP7eYzQ3k"> <picture> <img alt="" src="https://web.dev/static/image/youtube/T9zP7eYzQ3k.jpg" srcset="https://web.dev/static/image/youtube/T9zP7eYzQ3k_36.jpg 36w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_48.jpg 48w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_72.jpg 72w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_96.jpg 96w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_480.jpg 480w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_720.jpg 720w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_856.jpg 856w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_960.jpg 960w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_1440.jpg 1440w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_1920.jpg 1920w,https://web.dev/static/image/youtube/T9zP7eYzQ3k_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="weightless-css-http203-advent" data-text="Weightless CSS - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/T9zP7eYzQ3k"> Weightless CSS - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> In this Xmas episode of HTTP203, Jake talks about weightless CSS: a new pseudo-class that lets you match elements without impacting speci... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/y64_w3Rivd0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/y64_w3Rivd0.jpg" srcset="https://web.dev/static/image/youtube/y64_w3Rivd0_36.jpg 36w,https://web.dev/static/image/youtube/y64_w3Rivd0_48.jpg 48w,https://web.dev/static/image/youtube/y64_w3Rivd0_72.jpg 72w,https://web.dev/static/image/youtube/y64_w3Rivd0_96.jpg 96w,https://web.dev/static/image/youtube/y64_w3Rivd0_480.jpg 480w,https://web.dev/static/image/youtube/y64_w3Rivd0_720.jpg 720w,https://web.dev/static/image/youtube/y64_w3Rivd0_856.jpg 856w,https://web.dev/static/image/youtube/y64_w3Rivd0_960.jpg 960w,https://web.dev/static/image/youtube/y64_w3Rivd0_1440.jpg 1440w,https://web.dev/static/image/youtube/y64_w3Rivd0_1920.jpg 1920w,https://web.dev/static/image/youtube/y64_w3Rivd0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-architecture-http203-advent" data-text="Web Architecture - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/y64_w3Rivd0"> Web Architecture - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma talks about web architecture and his goal for 2018 - teach developers how to eliminate jank in the main thread. Whether it be JavaS... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/ZPkMMShYxKU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/ZPkMMShYxKU.jpg" srcset="https://web.dev/static/image/youtube/ZPkMMShYxKU_36.jpg 36w,https://web.dev/static/image/youtube/ZPkMMShYxKU_48.jpg 48w,https://web.dev/static/image/youtube/ZPkMMShYxKU_72.jpg 72w,https://web.dev/static/image/youtube/ZPkMMShYxKU_96.jpg 96w,https://web.dev/static/image/youtube/ZPkMMShYxKU_480.jpg 480w,https://web.dev/static/image/youtube/ZPkMMShYxKU_720.jpg 720w,https://web.dev/static/image/youtube/ZPkMMShYxKU_856.jpg 856w,https://web.dev/static/image/youtube/ZPkMMShYxKU_960.jpg 960w,https://web.dev/static/image/youtube/ZPkMMShYxKU_1440.jpg 1440w,https://web.dev/static/image/youtube/ZPkMMShYxKU_1920.jpg 1920w,https://web.dev/static/image/youtube/ZPkMMShYxKU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="animation-worklet-http203-advent" data-text="Animation Worklet - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/ZPkMMShYxKU"> Animation Worklet - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> 'Tis the HTTP203 Xmas season! Jake & Surma have 2 minutes to describe a web thing they're excited about for 2018. In this episode, Surma ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/qC-jHHOGaT0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/qC-jHHOGaT0.jpg" srcset="https://web.dev/static/image/youtube/qC-jHHOGaT0_36.jpg 36w,https://web.dev/static/image/youtube/qC-jHHOGaT0_48.jpg 48w,https://web.dev/static/image/youtube/qC-jHHOGaT0_72.jpg 72w,https://web.dev/static/image/youtube/qC-jHHOGaT0_96.jpg 96w,https://web.dev/static/image/youtube/qC-jHHOGaT0_480.jpg 480w,https://web.dev/static/image/youtube/qC-jHHOGaT0_720.jpg 720w,https://web.dev/static/image/youtube/qC-jHHOGaT0_856.jpg 856w,https://web.dev/static/image/youtube/qC-jHHOGaT0_960.jpg 960w,https://web.dev/static/image/youtube/qC-jHHOGaT0_1440.jpg 1440w,https://web.dev/static/image/youtube/qC-jHHOGaT0_1920.jpg 1920w,https://web.dev/static/image/youtube/qC-jHHOGaT0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-locks-api-http203-advent" data-text="Web Locks API - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/qC-jHHOGaT0"> Web Locks API - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> Tis the HTTP203 Xmas season! Jake & Surma have 2 minutes to describe a web thing they're excited about for 2018. In this episode, Jake ta... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/v1uwxBpKF60"> <picture> <img alt="" src="https://web.dev/static/image/youtube/v1uwxBpKF60.jpg" srcset="https://web.dev/static/image/youtube/v1uwxBpKF60_36.jpg 36w,https://web.dev/static/image/youtube/v1uwxBpKF60_48.jpg 48w,https://web.dev/static/image/youtube/v1uwxBpKF60_72.jpg 72w,https://web.dev/static/image/youtube/v1uwxBpKF60_96.jpg 96w,https://web.dev/static/image/youtube/v1uwxBpKF60_480.jpg 480w,https://web.dev/static/image/youtube/v1uwxBpKF60_720.jpg 720w,https://web.dev/static/image/youtube/v1uwxBpKF60_856.jpg 856w,https://web.dev/static/image/youtube/v1uwxBpKF60_960.jpg 960w,https://web.dev/static/image/youtube/v1uwxBpKF60_1440.jpg 1440w,https://web.dev/static/image/youtube/v1uwxBpKF60_1920.jpg 1920w,https://web.dev/static/image/youtube/v1uwxBpKF60_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="background-fetch-http203-advent" data-text="Background Fetch - HTTP203 Advent" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/v1uwxBpKF60"> Background Fetch - HTTP203 Advent </a> </h3> <div class="devsite-landing-row-item-description-content"> 'Tis the HTTP203 Xmas season! Jake (@jaffathecake) & Surma (@DasSurma) have 2 minutes to describe a web thing that they're excited about ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/18MRkysjsC0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/18MRkysjsC0.jpg" srcset="https://web.dev/static/image/youtube/18MRkysjsC0_36.jpg 36w,https://web.dev/static/image/youtube/18MRkysjsC0_48.jpg 48w,https://web.dev/static/image/youtube/18MRkysjsC0_72.jpg 72w,https://web.dev/static/image/youtube/18MRkysjsC0_96.jpg 96w,https://web.dev/static/image/youtube/18MRkysjsC0_480.jpg 480w,https://web.dev/static/image/youtube/18MRkysjsC0_720.jpg 720w,https://web.dev/static/image/youtube/18MRkysjsC0_856.jpg 856w,https://web.dev/static/image/youtube/18MRkysjsC0_960.jpg 960w,https://web.dev/static/image/youtube/18MRkysjsC0_1440.jpg 1440w,https://web.dev/static/image/youtube/18MRkysjsC0_1920.jpg 1920w,https://web.dev/static/image/youtube/18MRkysjsC0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="weakmaps-http203" data-text="WeakMaps - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/18MRkysjsC0"> WeakMaps - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Weakmaps are a way of associating an object with another object, allowing for garbage collection. Jake (@jaffathecake) and Surma (@DasSur... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/7cbD-hFkzY0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/7cbD-hFkzY0.jpg" srcset="https://web.dev/static/image/youtube/7cbD-hFkzY0_36.jpg 36w,https://web.dev/static/image/youtube/7cbD-hFkzY0_48.jpg 48w,https://web.dev/static/image/youtube/7cbD-hFkzY0_72.jpg 72w,https://web.dev/static/image/youtube/7cbD-hFkzY0_96.jpg 96w,https://web.dev/static/image/youtube/7cbD-hFkzY0_480.jpg 480w,https://web.dev/static/image/youtube/7cbD-hFkzY0_720.jpg 720w,https://web.dev/static/image/youtube/7cbD-hFkzY0_856.jpg 856w,https://web.dev/static/image/youtube/7cbD-hFkzY0_960.jpg 960w,https://web.dev/static/image/youtube/7cbD-hFkzY0_1440.jpg 1440w,https://web.dev/static/image/youtube/7cbD-hFkzY0_1920.jpg 1920w,https://web.dev/static/image/youtube/7cbD-hFkzY0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-rtc-http203" data-text="Web RTC - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/7cbD-hFkzY0"> Web RTC - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Ever wondered about WebRTC? Well... wonder no more! Sort of. Surma has been dabbling, and does his best to explain his findings to Jake. ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/uCHZJy2n8Qs"> <picture> <img alt="" src="https://web.dev/static/image/youtube/uCHZJy2n8Qs.jpg" srcset="https://web.dev/static/image/youtube/uCHZJy2n8Qs_36.jpg 36w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_48.jpg 48w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_72.jpg 72w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_96.jpg 96w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_480.jpg 480w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_720.jpg 720w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_856.jpg 856w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_960.jpg 960w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_1440.jpg 1440w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_1920.jpg 1920w,https://web.dev/static/image/youtube/uCHZJy2n8Qs_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="vdom-vs-lit-html-http203" data-text="VDOM vs lit-html - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/uCHZJy2n8Qs"> VDOM vs lit-html - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma & Jake Archibald talk VDOM vs lit-html and evaluate the differences when it comes to developer experience and performance. #HTTP203... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/e6IjNW8OTv0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/e6IjNW8OTv0.jpg" srcset="https://web.dev/static/image/youtube/e6IjNW8OTv0_36.jpg 36w,https://web.dev/static/image/youtube/e6IjNW8OTv0_48.jpg 48w,https://web.dev/static/image/youtube/e6IjNW8OTv0_72.jpg 72w,https://web.dev/static/image/youtube/e6IjNW8OTv0_96.jpg 96w,https://web.dev/static/image/youtube/e6IjNW8OTv0_480.jpg 480w,https://web.dev/static/image/youtube/e6IjNW8OTv0_720.jpg 720w,https://web.dev/static/image/youtube/e6IjNW8OTv0_856.jpg 856w,https://web.dev/static/image/youtube/e6IjNW8OTv0_960.jpg 960w,https://web.dev/static/image/youtube/e6IjNW8OTv0_1440.jpg 1440w,https://web.dev/static/image/youtube/e6IjNW8OTv0_1920.jpg 1920w,https://web.dev/static/image/youtube/e6IjNW8OTv0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="visual-viewport-http203" data-text="Visual Viewport - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/e6IjNW8OTv0"> Visual Viewport - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In todays #HTTP203 Jake Archibald & Surma talk visual viewports, layout viewports, and the general nuances of, well... viewports! </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/VNr1Kb07aME"> <picture> <img alt="" src="https://web.dev/static/image/youtube/VNr1Kb07aME.jpg" srcset="https://web.dev/static/image/youtube/VNr1Kb07aME_36.jpg 36w,https://web.dev/static/image/youtube/VNr1Kb07aME_48.jpg 48w,https://web.dev/static/image/youtube/VNr1Kb07aME_72.jpg 72w,https://web.dev/static/image/youtube/VNr1Kb07aME_96.jpg 96w,https://web.dev/static/image/youtube/VNr1Kb07aME_480.jpg 480w,https://web.dev/static/image/youtube/VNr1Kb07aME_720.jpg 720w,https://web.dev/static/image/youtube/VNr1Kb07aME_856.jpg 856w,https://web.dev/static/image/youtube/VNr1Kb07aME_960.jpg 960w,https://web.dev/static/image/youtube/VNr1Kb07aME_1440.jpg 1440w,https://web.dev/static/image/youtube/VNr1Kb07aME_1920.jpg 1920w,https://web.dev/static/image/youtube/VNr1Kb07aME_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="imposter-syndrome-http203" data-text="Imposter Syndrome - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/VNr1Kb07aME"> Imposter Syndrome - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Surma and Jake Archibald discuss how they feel about imposter syndrome and whether it really matters that you can't remember technical st... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/RUEKVj3jE-E"> <picture> <img alt="" src="https://web.dev/static/image/youtube/RUEKVj3jE-E.jpg" srcset="https://web.dev/static/image/youtube/RUEKVj3jE-E_36.jpg 36w,https://web.dev/static/image/youtube/RUEKVj3jE-E_48.jpg 48w,https://web.dev/static/image/youtube/RUEKVj3jE-E_72.jpg 72w,https://web.dev/static/image/youtube/RUEKVj3jE-E_96.jpg 96w,https://web.dev/static/image/youtube/RUEKVj3jE-E_480.jpg 480w,https://web.dev/static/image/youtube/RUEKVj3jE-E_720.jpg 720w,https://web.dev/static/image/youtube/RUEKVj3jE-E_856.jpg 856w,https://web.dev/static/image/youtube/RUEKVj3jE-E_960.jpg 960w,https://web.dev/static/image/youtube/RUEKVj3jE-E_1440.jpg 1440w,https://web.dev/static/image/youtube/RUEKVj3jE-E_1920.jpg 1920w,https://web.dev/static/image/youtube/RUEKVj3jE-E_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="web-standards-amp-flash-http203" data-text="Web Standards & Flash - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/RUEKVj3jE-E"> Web Standards & Flash - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake Archibald and Surma talk about their experiences with Flash in HTTP203. Which web standards were inspired by Flash? What could Flash... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/k2DRz0KIZAU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/k2DRz0KIZAU.jpg" srcset="https://web.dev/static/image/youtube/k2DRz0KIZAU_36.jpg 36w,https://web.dev/static/image/youtube/k2DRz0KIZAU_48.jpg 48w,https://web.dev/static/image/youtube/k2DRz0KIZAU_72.jpg 72w,https://web.dev/static/image/youtube/k2DRz0KIZAU_96.jpg 96w,https://web.dev/static/image/youtube/k2DRz0KIZAU_480.jpg 480w,https://web.dev/static/image/youtube/k2DRz0KIZAU_720.jpg 720w,https://web.dev/static/image/youtube/k2DRz0KIZAU_856.jpg 856w,https://web.dev/static/image/youtube/k2DRz0KIZAU_960.jpg 960w,https://web.dev/static/image/youtube/k2DRz0KIZAU_1440.jpg 1440w,https://web.dev/static/image/youtube/k2DRz0KIZAU_1920.jpg 1920w,https://web.dev/static/image/youtube/k2DRz0KIZAU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http203-recap" data-text="HTTP203 Recap" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/k2DRz0KIZAU"> HTTP203 Recap </a> </h3> <div class="devsite-landing-row-item-description-content"> Google Developers Jake Archibald and Paul Lewis discuss their philosophies about web development and the various aspects of it, meanwhile... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/CSjL1lrNAx4"> <picture> <img alt="" src="https://web.dev/static/image/youtube/CSjL1lrNAx4.jpg" srcset="https://web.dev/static/image/youtube/CSjL1lrNAx4_36.jpg 36w,https://web.dev/static/image/youtube/CSjL1lrNAx4_48.jpg 48w,https://web.dev/static/image/youtube/CSjL1lrNAx4_72.jpg 72w,https://web.dev/static/image/youtube/CSjL1lrNAx4_96.jpg 96w,https://web.dev/static/image/youtube/CSjL1lrNAx4_480.jpg 480w,https://web.dev/static/image/youtube/CSjL1lrNAx4_720.jpg 720w,https://web.dev/static/image/youtube/CSjL1lrNAx4_856.jpg 856w,https://web.dev/static/image/youtube/CSjL1lrNAx4_960.jpg 960w,https://web.dev/static/image/youtube/CSjL1lrNAx4_1440.jpg 1440w,https://web.dev/static/image/youtube/CSjL1lrNAx4_1920.jpg 1920w,https://web.dev/static/image/youtube/CSjL1lrNAx4_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http2-http203" data-text="HTTP2 - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/CSjL1lrNAx4"> HTTP2 - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> In HTTP203 HTTP2, Paul and Jake talk on the future of HTTP and how this will affect building websites, from design to performance. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/t_pxnrLktNI"> <picture> <img alt="" src="https://web.dev/static/image/youtube/t_pxnrLktNI.jpg" srcset="https://web.dev/static/image/youtube/t_pxnrLktNI_36.jpg 36w,https://web.dev/static/image/youtube/t_pxnrLktNI_48.jpg 48w,https://web.dev/static/image/youtube/t_pxnrLktNI_72.jpg 72w,https://web.dev/static/image/youtube/t_pxnrLktNI_96.jpg 96w,https://web.dev/static/image/youtube/t_pxnrLktNI_480.jpg 480w,https://web.dev/static/image/youtube/t_pxnrLktNI_720.jpg 720w,https://web.dev/static/image/youtube/t_pxnrLktNI_856.jpg 856w,https://web.dev/static/image/youtube/t_pxnrLktNI_960.jpg 960w,https://web.dev/static/image/youtube/t_pxnrLktNI_1440.jpg 1440w,https://web.dev/static/image/youtube/t_pxnrLktNI_1920.jpg 1920w,https://web.dev/static/image/youtube/t_pxnrLktNI_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="libraries-vs-frameworks-http203" data-text="Libraries vs Frameworks - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/t_pxnrLktNI"> Libraries vs Frameworks - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> This week Paul & Jake are on a mountain-top vineyard discussing libraries & frameworks. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Bt2vFmjUELc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Bt2vFmjUELc.jpg" srcset="https://web.dev/static/image/youtube/Bt2vFmjUELc_36.jpg 36w,https://web.dev/static/image/youtube/Bt2vFmjUELc_48.jpg 48w,https://web.dev/static/image/youtube/Bt2vFmjUELc_72.jpg 72w,https://web.dev/static/image/youtube/Bt2vFmjUELc_96.jpg 96w,https://web.dev/static/image/youtube/Bt2vFmjUELc_480.jpg 480w,https://web.dev/static/image/youtube/Bt2vFmjUELc_720.jpg 720w,https://web.dev/static/image/youtube/Bt2vFmjUELc_856.jpg 856w,https://web.dev/static/image/youtube/Bt2vFmjUELc_960.jpg 960w,https://web.dev/static/image/youtube/Bt2vFmjUELc_1440.jpg 1440w,https://web.dev/static/image/youtube/Bt2vFmjUELc_1920.jpg 1920w,https://web.dev/static/image/youtube/Bt2vFmjUELc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="jake-beats-wikipedia-http203" data-text="Jake Beats Wikipedia - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Bt2vFmjUELc"> Jake Beats Wikipedia - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake tells Paul all about his recent performance work, and his attempts to be faster than Wikipedia at rendering their own content. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/MD0X8Eqdd1Y"> <picture> <img alt="" src="https://web.dev/static/image/youtube/MD0X8Eqdd1Y.jpg" srcset="https://web.dev/static/image/youtube/MD0X8Eqdd1Y_36.jpg 36w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_48.jpg 48w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_72.jpg 72w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_96.jpg 96w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_480.jpg 480w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_720.jpg 720w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_856.jpg 856w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_960.jpg 960w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_1440.jpg 1440w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_1920.jpg 1920w,https://web.dev/static/image/youtube/MD0X8Eqdd1Y_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="paul-built-a-web-app-http203" data-text="Paul Built A Web App - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/MD0X8Eqdd1Y"> Paul Built A Web App - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> HTTP203: This week, Paul tells Jake all about Voice Memos, an app he built using ES2015 (ES6). </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/cOPhSJ6SUrg"> <picture> <img alt="" src="https://web.dev/static/image/youtube/cOPhSJ6SUrg.jpg" srcset="https://web.dev/static/image/youtube/cOPhSJ6SUrg_36.jpg 36w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_48.jpg 48w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_72.jpg 72w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_96.jpg 96w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_480.jpg 480w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_720.jpg 720w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_856.jpg 856w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_960.jpg 960w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_1440.jpg 1440w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_1920.jpg 1920w,https://web.dev/static/image/youtube/cOPhSJ6SUrg_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="season-3-trailer-http203" data-text="Season 3 Trailer - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/cOPhSJ6SUrg"> Season 3 Trailer - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> HTTP 203 returns September the 8th! The new season chronicles the daft duo's trip to Google I/O 2015. They sample various aspects of the ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/pLLLf1QPgoU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/pLLLf1QPgoU.jpg" srcset="https://web.dev/static/image/youtube/pLLLf1QPgoU_36.jpg 36w,https://web.dev/static/image/youtube/pLLLf1QPgoU_48.jpg 48w,https://web.dev/static/image/youtube/pLLLf1QPgoU_72.jpg 72w,https://web.dev/static/image/youtube/pLLLf1QPgoU_96.jpg 96w,https://web.dev/static/image/youtube/pLLLf1QPgoU_480.jpg 480w,https://web.dev/static/image/youtube/pLLLf1QPgoU_720.jpg 720w,https://web.dev/static/image/youtube/pLLLf1QPgoU_856.jpg 856w,https://web.dev/static/image/youtube/pLLLf1QPgoU_960.jpg 960w,https://web.dev/static/image/youtube/pLLLf1QPgoU_1440.jpg 1440w,https://web.dev/static/image/youtube/pLLLf1QPgoU_1920.jpg 1920w,https://web.dev/static/image/youtube/pLLLf1QPgoU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="the-future-of-javascript-http203" data-text="The Future of JavaScript - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/pLLLf1QPgoU"> The Future of JavaScript - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> This week, Paul & Jake talk about the future of JavaScript: ES6 and beyond. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Pvm3k4gpH0A"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Pvm3k4gpH0A.jpg" srcset="https://web.dev/static/image/youtube/Pvm3k4gpH0A_36.jpg 36w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_48.jpg 48w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_72.jpg 72w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_96.jpg 96w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_480.jpg 480w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_720.jpg 720w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_856.jpg 856w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_960.jpg 960w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_1440.jpg 1440w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_1920.jpg 1920w,https://web.dev/static/image/youtube/Pvm3k4gpH0A_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="maintainable-code-http203" data-text="Maintainable Code - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Pvm3k4gpH0A"> Maintainable Code - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Paul and Jake discuss maintainable and reusable code, and a fun way to remember the command line parameters for untaring a file. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/IskiTVqHp18"> <picture> <img alt="" src="https://web.dev/static/image/youtube/IskiTVqHp18.jpg" srcset="https://web.dev/static/image/youtube/IskiTVqHp18_36.jpg 36w,https://web.dev/static/image/youtube/IskiTVqHp18_48.jpg 48w,https://web.dev/static/image/youtube/IskiTVqHp18_72.jpg 72w,https://web.dev/static/image/youtube/IskiTVqHp18_96.jpg 96w,https://web.dev/static/image/youtube/IskiTVqHp18_480.jpg 480w,https://web.dev/static/image/youtube/IskiTVqHp18_720.jpg 720w,https://web.dev/static/image/youtube/IskiTVqHp18_856.jpg 856w,https://web.dev/static/image/youtube/IskiTVqHp18_960.jpg 960w,https://web.dev/static/image/youtube/IskiTVqHp18_1440.jpg 1440w,https://web.dev/static/image/youtube/IskiTVqHp18_1920.jpg 1920w,https://web.dev/static/image/youtube/IskiTVqHp18_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="browser-monoculture-http203" data-text="Browser Monoculture - HTTP203" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/IskiTVqHp18"> Browser Monoculture - HTTP203 </a> </h3> <div class="devsite-landing-row-item-description-content"> Paul and Jake are back! This time they're talking about the benefit of multiple browser engines and the power it gives developers. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/Hy6wceqkxvA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/Hy6wceqkxvA.jpg" srcset="https://web.dev/static/image/youtube/Hy6wceqkxvA_36.jpg 36w,https://web.dev/static/image/youtube/Hy6wceqkxvA_48.jpg 48w,https://web.dev/static/image/youtube/Hy6wceqkxvA_72.jpg 72w,https://web.dev/static/image/youtube/Hy6wceqkxvA_96.jpg 96w,https://web.dev/static/image/youtube/Hy6wceqkxvA_480.jpg 480w,https://web.dev/static/image/youtube/Hy6wceqkxvA_720.jpg 720w,https://web.dev/static/image/youtube/Hy6wceqkxvA_856.jpg 856w,https://web.dev/static/image/youtube/Hy6wceqkxvA_960.jpg 960w,https://web.dev/static/image/youtube/Hy6wceqkxvA_1440.jpg 1440w,https://web.dev/static/image/youtube/Hy6wceqkxvA_1920.jpg 1920w,https://web.dev/static/image/youtube/Hy6wceqkxvA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-utopia-vs-dystopia-s2-ep6" data-text="HTTP 203: Utopia Vs Dystopia (S2, Ep6)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/Hy6wceqkxvA"> HTTP 203: Utopia Vs Dystopia (S2, Ep6) </a> </h3> <div class="devsite-landing-row-item-description-content"> What does the future hold for the web? Paul and Jake discuss utopian and dystopian options... and it turns out Paul hates Blade Runner, a... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/6Zgp_G5o6Oc"> <picture> <img alt="" src="https://web.dev/static/image/youtube/6Zgp_G5o6Oc.jpg" srcset="https://web.dev/static/image/youtube/6Zgp_G5o6Oc_36.jpg 36w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_48.jpg 48w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_72.jpg 72w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_96.jpg 96w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_480.jpg 480w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_720.jpg 720w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_856.jpg 856w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_960.jpg 960w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_1440.jpg 1440w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_1920.jpg 1920w,https://web.dev/static/image/youtube/6Zgp_G5o6Oc_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-performance-matters-s2-ep5" data-text="HTTP 203: Performance Matters (S2, Ep5)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/6Zgp_G5o6Oc"> HTTP 203: Performance Matters (S2, Ep5) </a> </h3> <div class="devsite-landing-row-item-description-content"> From talking vDOM to lying to users, Paul & Jake are all about ensuring users get blazing fast sites. </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/miLnRHNj7nQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/miLnRHNj7nQ.jpg" srcset="https://web.dev/static/image/youtube/miLnRHNj7nQ_36.jpg 36w,https://web.dev/static/image/youtube/miLnRHNj7nQ_48.jpg 48w,https://web.dev/static/image/youtube/miLnRHNj7nQ_72.jpg 72w,https://web.dev/static/image/youtube/miLnRHNj7nQ_96.jpg 96w,https://web.dev/static/image/youtube/miLnRHNj7nQ_480.jpg 480w,https://web.dev/static/image/youtube/miLnRHNj7nQ_720.jpg 720w,https://web.dev/static/image/youtube/miLnRHNj7nQ_856.jpg 856w,https://web.dev/static/image/youtube/miLnRHNj7nQ_960.jpg 960w,https://web.dev/static/image/youtube/miLnRHNj7nQ_1440.jpg 1440w,https://web.dev/static/image/youtube/miLnRHNj7nQ_1920.jpg 1920w,https://web.dev/static/image/youtube/miLnRHNj7nQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-progressive-loading-s2-ep4" data-text="HTTP 203: Progressive Loading (S2, Ep4)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/miLnRHNj7nQ"> HTTP 203: Progressive Loading (S2, Ep4) </a> </h3> <div class="devsite-landing-row-item-description-content"> Paul and Jake talk about the importance of progressive rendering on the web. Unfortunately, Jake can’t figure out how to say “isomorphic”... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/mdcA5fR91S8"> <picture> <img alt="" src="https://web.dev/static/image/youtube/mdcA5fR91S8.jpg" srcset="https://web.dev/static/image/youtube/mdcA5fR91S8_36.jpg 36w,https://web.dev/static/image/youtube/mdcA5fR91S8_48.jpg 48w,https://web.dev/static/image/youtube/mdcA5fR91S8_72.jpg 72w,https://web.dev/static/image/youtube/mdcA5fR91S8_96.jpg 96w,https://web.dev/static/image/youtube/mdcA5fR91S8_480.jpg 480w,https://web.dev/static/image/youtube/mdcA5fR91S8_720.jpg 720w,https://web.dev/static/image/youtube/mdcA5fR91S8_856.jpg 856w,https://web.dev/static/image/youtube/mdcA5fR91S8_960.jpg 960w,https://web.dev/static/image/youtube/mdcA5fR91S8_1440.jpg 1440w,https://web.dev/static/image/youtube/mdcA5fR91S8_1920.jpg 1920w,https://web.dev/static/image/youtube/mdcA5fR91S8_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-css-triggers-s1-ep1" data-text="HTTP 203: CSS Triggers (S1, Ep1)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/mdcA5fR91S8"> HTTP 203: CSS Triggers (S1, Ep1) </a> </h3> <div class="devsite-landing-row-item-description-content"> How do you know if a CSS property is going to cause you performance problems? Looks like Paul has an answer he's desperate to tell Jake. ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/SLjuOPXjHno"> <picture> <img alt="" src="https://web.dev/static/image/youtube/SLjuOPXjHno.jpg" srcset="https://web.dev/static/image/youtube/SLjuOPXjHno_36.jpg 36w,https://web.dev/static/image/youtube/SLjuOPXjHno_48.jpg 48w,https://web.dev/static/image/youtube/SLjuOPXjHno_72.jpg 72w,https://web.dev/static/image/youtube/SLjuOPXjHno_96.jpg 96w,https://web.dev/static/image/youtube/SLjuOPXjHno_480.jpg 480w,https://web.dev/static/image/youtube/SLjuOPXjHno_720.jpg 720w,https://web.dev/static/image/youtube/SLjuOPXjHno_856.jpg 856w,https://web.dev/static/image/youtube/SLjuOPXjHno_960.jpg 960w,https://web.dev/static/image/youtube/SLjuOPXjHno_1440.jpg 1440w,https://web.dev/static/image/youtube/SLjuOPXjHno_1920.jpg 1920w,https://web.dev/static/image/youtube/SLjuOPXjHno_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-web-vs-native-s2-ep1" data-text="HTTP 203: Web Vs Native (S2, Ep1)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/SLjuOPXjHno"> HTTP 203: Web Vs Native (S2, Ep1) </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake has developed an allergic reaction to a vital substance, and Paul brings up the highly contentious topic of Web vs Native. Yep, the ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/3i9WFgMuKHs"> <picture> <img alt="" src="https://web.dev/static/image/youtube/3i9WFgMuKHs.jpg" srcset="https://web.dev/static/image/youtube/3i9WFgMuKHs_36.jpg 36w,https://web.dev/static/image/youtube/3i9WFgMuKHs_48.jpg 48w,https://web.dev/static/image/youtube/3i9WFgMuKHs_72.jpg 72w,https://web.dev/static/image/youtube/3i9WFgMuKHs_96.jpg 96w,https://web.dev/static/image/youtube/3i9WFgMuKHs_480.jpg 480w,https://web.dev/static/image/youtube/3i9WFgMuKHs_720.jpg 720w,https://web.dev/static/image/youtube/3i9WFgMuKHs_856.jpg 856w,https://web.dev/static/image/youtube/3i9WFgMuKHs_960.jpg 960w,https://web.dev/static/image/youtube/3i9WFgMuKHs_1440.jpg 1440w,https://web.dev/static/image/youtube/3i9WFgMuKHs_1920.jpg 1920w,https://web.dev/static/image/youtube/3i9WFgMuKHs_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-build-tools-s2-ep2" data-text="HTTP 203: Build tools (S2, Ep2)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/3i9WFgMuKHs"> HTTP 203: Build tools (S2, Ep2) </a> </h3> <div class="devsite-landing-row-item-description-content"> Jake is settling into his brand new role of Headphone Destroyer, and Paul is concerned that it's just too hard to get past building Hello... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/RwzMCRsneU"> <picture> <img alt="" src="https://web.dev/static/image/youtube/RwzMCRsneU.jpg" srcset="https://web.dev/static/image/youtube/RwzMCRsneU_36.jpg 36w,https://web.dev/static/image/youtube/RwzMCRsneU_48.jpg 48w,https://web.dev/static/image/youtube/RwzMCRsneU_72.jpg 72w,https://web.dev/static/image/youtube/RwzMCRsneU_96.jpg 96w,https://web.dev/static/image/youtube/RwzMCRsneU_480.jpg 480w,https://web.dev/static/image/youtube/RwzMCRsneU_720.jpg 720w,https://web.dev/static/image/youtube/RwzMCRsneU_856.jpg 856w,https://web.dev/static/image/youtube/RwzMCRsneU_960.jpg 960w,https://web.dev/static/image/youtube/RwzMCRsneU_1440.jpg 1440w,https://web.dev/static/image/youtube/RwzMCRsneU_1920.jpg 1920w,https://web.dev/static/image/youtube/RwzMCRsneU_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-https-everywhere-s2-ep3" data-text="HTTP 203: HTTPS Everywhere (S2, Ep3)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/RwzMCRsneU"> HTTP 203: HTTPS Everywhere (S2, Ep3) </a> </h3> <div class="devsite-landing-row-item-description-content"> With so many brand new web features being gated on HTTPS, Paul and Jake discuss whether or not expecting HTTPS is a reasonable requiremen... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/GhFR-G42mOA"> <picture> <img alt="" src="https://web.dev/static/image/youtube/GhFR-G42mOA.jpg" srcset="https://web.dev/static/image/youtube/GhFR-G42mOA_36.jpg 36w,https://web.dev/static/image/youtube/GhFR-G42mOA_48.jpg 48w,https://web.dev/static/image/youtube/GhFR-G42mOA_72.jpg 72w,https://web.dev/static/image/youtube/GhFR-G42mOA_96.jpg 96w,https://web.dev/static/image/youtube/GhFR-G42mOA_480.jpg 480w,https://web.dev/static/image/youtube/GhFR-G42mOA_720.jpg 720w,https://web.dev/static/image/youtube/GhFR-G42mOA_856.jpg 856w,https://web.dev/static/image/youtube/GhFR-G42mOA_960.jpg 960w,https://web.dev/static/image/youtube/GhFR-G42mOA_1440.jpg 1440w,https://web.dev/static/image/youtube/GhFR-G42mOA_1920.jpg 1920w,https://web.dev/static/image/youtube/GhFR-G42mOA_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-font-rendering-s1-ep4" data-text="HTTP 203: Font Rendering (S1, Ep4)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/GhFR-G42mOA"> HTTP 203: Font Rendering (S1, Ep4) </a> </h3> <div class="devsite-landing-row-item-description-content"> There's nothing more annoying than visiting a site and just seeing white space where the text should be, just because the web font is tak... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/ngBy0H_q-GY"> <picture> <img alt="" src="https://web.dev/static/image/youtube/ngBy0H_q-GY.jpg" srcset="https://web.dev/static/image/youtube/ngBy0H_q-GY_36.jpg 36w,https://web.dev/static/image/youtube/ngBy0H_q-GY_48.jpg 48w,https://web.dev/static/image/youtube/ngBy0H_q-GY_72.jpg 72w,https://web.dev/static/image/youtube/ngBy0H_q-GY_96.jpg 96w,https://web.dev/static/image/youtube/ngBy0H_q-GY_480.jpg 480w,https://web.dev/static/image/youtube/ngBy0H_q-GY_720.jpg 720w,https://web.dev/static/image/youtube/ngBy0H_q-GY_856.jpg 856w,https://web.dev/static/image/youtube/ngBy0H_q-GY_960.jpg 960w,https://web.dev/static/image/youtube/ngBy0H_q-GY_1440.jpg 1440w,https://web.dev/static/image/youtube/ngBy0H_q-GY_1920.jpg 1920w,https://web.dev/static/image/youtube/ngBy0H_q-GY_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-pointer-events-s1-ep2" data-text="HTTP 203: Pointer Events (S1, Ep2)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/ngBy0H_q-GY"> HTTP 203: Pointer Events (S1, Ep2) </a> </h3> <div class="devsite-landing-row-item-description-content"> Pointer Events (no, not the CSS ones, the other ones!) are set to unite input across devices. Jake has a little bit of news for Paul abo... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/VJQtNxyKJhQ"> <picture> <img alt="" src="https://web.dev/static/image/youtube/VJQtNxyKJhQ.jpg" srcset="https://web.dev/static/image/youtube/VJQtNxyKJhQ_36.jpg 36w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_48.jpg 48w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_72.jpg 72w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_96.jpg 96w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_480.jpg 480w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_720.jpg 720w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_856.jpg 856w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_960.jpg 960w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_1440.jpg 1440w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_1920.jpg 1920w,https://web.dev/static/image/youtube/VJQtNxyKJhQ_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-gotchas-s1-ep6" data-text="HTTP 203: Gotchas (S1, Ep6)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/VJQtNxyKJhQ"> HTTP 203: Gotchas (S1, Ep6) </a> </h3> <div class="devsite-landing-row-item-description-content"> Building for the web is awesome, but sometimes you can find yourself baffled by gotchas. Check out the latest episode of HTTP 203, where ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/4zoC3eaa9z0"> <picture> <img alt="" src="https://web.dev/static/image/youtube/4zoC3eaa9z0.jpg" srcset="https://web.dev/static/image/youtube/4zoC3eaa9z0_36.jpg 36w,https://web.dev/static/image/youtube/4zoC3eaa9z0_48.jpg 48w,https://web.dev/static/image/youtube/4zoC3eaa9z0_72.jpg 72w,https://web.dev/static/image/youtube/4zoC3eaa9z0_96.jpg 96w,https://web.dev/static/image/youtube/4zoC3eaa9z0_480.jpg 480w,https://web.dev/static/image/youtube/4zoC3eaa9z0_720.jpg 720w,https://web.dev/static/image/youtube/4zoC3eaa9z0_856.jpg 856w,https://web.dev/static/image/youtube/4zoC3eaa9z0_960.jpg 960w,https://web.dev/static/image/youtube/4zoC3eaa9z0_1440.jpg 1440w,https://web.dev/static/image/youtube/4zoC3eaa9z0_1920.jpg 1920w,https://web.dev/static/image/youtube/4zoC3eaa9z0_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-frame-timing-s1-ep3" data-text="HTTP 203: Frame Timing (S1, Ep3)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/4zoC3eaa9z0"> HTTP 203: Frame Timing (S1, Ep3) </a> </h3> <div class="devsite-landing-row-item-description-content"> Tracking rendering performance and frames per second out in the wild is a challenge for developers, but it looks like Paul wants to tell ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/tNgBQC9qMP4"> <picture> <img alt="" src="https://web.dev/static/image/youtube/tNgBQC9qMP4.jpg" srcset="https://web.dev/static/image/youtube/tNgBQC9qMP4_36.jpg 36w,https://web.dev/static/image/youtube/tNgBQC9qMP4_48.jpg 48w,https://web.dev/static/image/youtube/tNgBQC9qMP4_72.jpg 72w,https://web.dev/static/image/youtube/tNgBQC9qMP4_96.jpg 96w,https://web.dev/static/image/youtube/tNgBQC9qMP4_480.jpg 480w,https://web.dev/static/image/youtube/tNgBQC9qMP4_720.jpg 720w,https://web.dev/static/image/youtube/tNgBQC9qMP4_856.jpg 856w,https://web.dev/static/image/youtube/tNgBQC9qMP4_960.jpg 960w,https://web.dev/static/image/youtube/tNgBQC9qMP4_1440.jpg 1440w,https://web.dev/static/image/youtube/tNgBQC9qMP4_1920.jpg 1920w,https://web.dev/static/image/youtube/tNgBQC9qMP4_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-christmas-special-s1-ep5" data-text="HTTP 203: Christmas Special (S1, Ep5)" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/tNgBQC9qMP4"> HTTP 203: Christmas Special (S1, Ep5) </a> </h3> <div class="devsite-landing-row-item-description-content"> Ho ho ho! 2014 has been a great year for the web, and Paul and Jake thought a roundup would be just the ticket for finishing the year in ... </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom" > <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-image"> <a href="https://web.dev/shows/http-203/kC5MmY54IBE"> <picture> <img alt="" src="https://web.dev/static/image/youtube/kC5MmY54IBE.jpg" srcset="https://web.dev/static/image/youtube/kC5MmY54IBE_36.jpg 36w,https://web.dev/static/image/youtube/kC5MmY54IBE_48.jpg 48w,https://web.dev/static/image/youtube/kC5MmY54IBE_72.jpg 72w,https://web.dev/static/image/youtube/kC5MmY54IBE_96.jpg 96w,https://web.dev/static/image/youtube/kC5MmY54IBE_480.jpg 480w,https://web.dev/static/image/youtube/kC5MmY54IBE_720.jpg 720w,https://web.dev/static/image/youtube/kC5MmY54IBE_856.jpg 856w,https://web.dev/static/image/youtube/kC5MmY54IBE_960.jpg 960w,https://web.dev/static/image/youtube/kC5MmY54IBE_1440.jpg 1440w,https://web.dev/static/image/youtube/kC5MmY54IBE_1920.jpg 1920w,https://web.dev/static/image/youtube/kC5MmY54IBE_2880.jpg 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy" > </picture> </a> </figure> </div> <div class="devsite-landing-row-item-description" > <div class="devsite-landing-row-item-body"> <h3 id="http-20358-season-2-teaser" data-text="HTTP 203: Season 2 Teaser" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.dev/shows/http-203/kC5MmY54IBE"> HTTP 203: Season 2 Teaser </a> </h3> <div class="devsite-landing-row-item-description-content"> HTTP 203 Season 2 is coming 5/18! Paul and Jake are back talking about the Web. Well sort of... if you listen closely you’ll hear a rustl... </div> </div> </div> </div> </div> </div> </section> </div> <div class="devsite-floating-action-buttons"> </div> </article> <devsite-notification > </devsite-notification> <div class="devsite-content-data"> <template class="devsite-content-data-template"> [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]] </template> </div> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox wd-footer-promo"> <h3 class="devsite-footer-linkbox-heading no-link">web.dev</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <h3 class="devsite-footer-linkbox-heading no-link"> web.dev </h3> <div class="devsite-footer-linkbox-description">We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.</div> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Contribute</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="https://issuetracker.google.com/issues/new?component=1400680&template=1857359" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > File a bug </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://issuetracker.google.com/issues?q=status:open%20componentid:1400680&s=created_time:desc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > See open issues </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Related Content</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="https://developer.chrome.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > Chrome for Developers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://blog.chromium.org/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > Chromium updates </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/case-studies" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Case studies </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/shows" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > Podcasts & shows </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Follow</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="https://twitter.com/ChromiumDev" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)" > @ChromiumDev on X </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.youtube.com/user/ChromeDevelopers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)" > YouTube </a> </li> <li class="devsite-footer-linkbox-item"> <a href="https://www.linkedin.com/showcase/chrome-for-developers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)" > Chrome for Developers on LinkedIn </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/static/blog/feed.xml" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)" > RSS </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link" > Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link" > Privacy </a> </li> <li class="devsite-footer-utility-item glue-cookie-notification-bar-control"> <a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true" > Manage cookies </a> </li> </ul> <devsite-language-selector> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" >English</a> </li> <li role="presentation"> <a role="menuitem" lang="de" >Deutsch</a> </li> <li role="presentation"> <a role="menuitem" lang="es_419" >Español – América Latina</a> </li> <li role="presentation"> <a role="menuitem" lang="fr" >Français</a> </li> <li role="presentation"> <a role="menuitem" lang="id" >Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="it" >Italiano</a> </li> <li role="presentation"> <a role="menuitem" lang="pl" >Polski</a> </li> <li role="presentation"> <a role="menuitem" lang="pt_br" >Português – Brasil</a> </li> <li role="presentation"> <a role="menuitem" lang="vi" >Tiếng Việt</a> </li> <li role="presentation"> <a role="menuitem" lang="tr" >Türkçe</a> </li> <li role="presentation"> <a role="menuitem" lang="ru" >Русский</a> </li> <li role="presentation"> <a role="menuitem" lang="he" >עברית</a> </li> <li role="presentation"> <a role="menuitem" lang="ar" >العربيّة</a> </li> <li role="presentation"> <a role="menuitem" lang="fa" >فارسی</a> </li> <li role="presentation"> <a role="menuitem" lang="hi" >हिंदी</a> </li> <li role="presentation"> <a role="menuitem" lang="bn" >বাংলা</a> </li> <li role="presentation"> <a role="menuitem" lang="th" >ภาษาไทย</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_cn" >中文 – 简体</a> </li> <li role="presentation"> <a role="menuitem" lang="zh_tw" >中文 – 繁體</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" >日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" >한국어</a> </li> </ul> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip ></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[]</script> <script type="application/json" tag-management>{"at": "True", "ga4": [], "ga4p": [], "gtm": [{"id": "GTM-MZWCJPP", "purpose": 0}], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "HTTP 203", "signedIn": "False", "tenant": "web", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="cPfBtI00qedTTuhuo0iN7ZIqG9Po+6"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/js/app_loader.js', '[27,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web","https://web-dot-devsite-v2-prod-3p.appspot.com",1,null,["/_pwa/web/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/favicon.png","https://www.gstatic.com/devrel-devsite/prod/v38a693baeb774512feb42f10aac8f755d8791ed41119b5be7a531f8e16f8279f/web/images/lockup.svg","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyCNm9YxQumEXwGJgTDjxoxXK6m1F-9720Q","AIzaSyCc76DZePGtoyUjqKrLdsMGk_ry7sljLbY","web.dev","AIzaSyB9bqgQ2t11WJsOX8qNsCQ6U-w91mmqF-I","AIzaSyAdYnStPdzjcJJtQ0mvIaeaMKj7_t6J_Fg",null,null,null,["Profiles__enable_completecodelab_endpoint","MiscFeatureFlags__enable_view_transitions","TpcFeatures__enable_mirror_tenant_redirects","Profiles__enable_stripe_subscription_management","MiscFeatureFlags__developers_footer_dark_image","EngEduTelemetry__enable_engedu_telemetry","BookNav__enable_tenant_cache_key","Profiles__require_profile_eligibility_for_signin","TpcFeatures__enable_unmirrored_page_left_nav","Profiles__enable_completequiz_endpoint","Experiments__reqs_query_experiments","CloudShell__cloud_code_overflow_menu","Profiles__enable_awarding_url","Cloud__enable_cloud_dlp_service","Cloud__enable_cloudx_ping","DevPro__enable_developer_subscriptions","MiscFeatureFlags__emergency_css","Cloud__enable_legacy_calculator_redirect","CloudShell__cloud_shell_button","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_public_developer_profiles","Profiles__enable_join_program_group_endpoint","Search__enable_suggestions_from_borg","DevPro__enable_cloud_innovators_plus","MiscFeatureFlags__enable_project_variables","Profiles__enable_complete_playlist_endpoint","Cloud__enable_cloudx_experiment_ids","OnSwitch__enable","MiscFeatureFlags__enable_explain_this_code","Profiles__enable_recognition_badges","Cloud__enable_llm_concierge_chat","Profiles__enable_release_notes_notifications","Cloud__enable_cloud_shell_fte_user_flow","Cloud__enable_cloud_shell","Profiles__enable_developer_profiles_callout","Concierge__enable_pushui","Search__enable_dynamic_content_confidential_banner","Search__enable_ai_eligibility_checks","Analytics__enable_clearcut_logging","Search__enable_page_map","Profiles__enable_page_saving","MiscFeatureFlags__developers_footer_image","Profiles__enable_dashboard_curated_recommendations","Cloud__enable_free_trial_server_call","Profiles__enable_profile_collections","MiscFeatureFlags__enable_variable_operator","Cloud__enable_cloud_facet_chat"],null,null,"AIzaSyA58TaKli1DculwmAmbpzLVGuWc8eCQgQc","https://developerscontentserving-pa.googleapis.com","AIzaSyDWBU60w0P9hEkr29kkksYs8Z7gvZ8u_wc","https://developerscontentsearch-pa.googleapis.com",2,4,null,"https://developerprofiles-pa.googleapis.com",[27,"web","web.dev","web.dev",null,"web-dot-devsite-v2-prod-3p.appspot.com",null,null,[null,null,null,null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],null,null,null,null,[1,null,1],[1,1,null,1,1]],null,[38,null,null,null,null,null,"/images/lockup.svg","/images/touchicon-180.png",null,null,null,1,1,null,null,null,null,null,null,null,null,2,null,null,null,"/images/lockup-dark-theme.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[[],[1,1]],[[null,null,null,null,null,["GTM-MZWCJPP"],null,null,null,null,null,[["GTM-MZWCJPP",1]],1]],null,4],null,null,1]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>

CINXE.COM

HTTP 203 | web.dev