Youtube Api servisi üzerinden video, kanal ve oynatma listelerine erişim sağlar.
Projenize composer aracılığıyla kurmak için aşağıdaki komutu proje dizininde çalıştırabilirsiniz.
composer require empatisoft/youtubeKullanım için parametre olarak video, oynatma listesi veya kanalın url adresini vermeniz yeterlidir. Gönderilen adrese göre türü tespit edilerek geriye video veya video listesi json olarak dönecektir.
Örnek Kullanım:
$youtube = new Empatisoft\Api\Youtube(YOUTUBE_API_ANAHTARINIZ);Kanal
$youtube->get('https://www.youtube.com/user/ChromeDevelopers');Oynatma Listesi
$youtube->get('https://www.youtube.com/watch?v=rMUayh1QPYs&list=PLNYkxOF6rcIAcezfL8q0rjt13ufKseL5X');Video
$youtube->get('https://www.youtube.com/watch?v=rMUayh1QPYs');Dönen Cevap:
[{"id":"rMUayh1QPYs","published_at":"2021-12-30T18:16:39Z","title":"Record and replay user flow with the Recorder panel - DevTools Tips","description":"Learn how to record, replay and audit user flows with the Recorder panel in DevTools. Chapters: 0:00 - Intro 0:17 - Start a new ...","images":{"default":{"url":"https://i.ytimg.com/vi/rMUayh1QPYs/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/rMUayh1QPYs/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/rMUayh1QPYs/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Uh95jZPTDfw","published_at":"2021-12-27T08:00:02Z","title":"Generating your color palette in CSS | HTTP 203","description":"In this video, Surma and Jake pick up the topic of Color Spaces again, because there's more to talk about. Device capabilities ...","images":{"default":{"url":"https://i.ytimg.com/vi/Uh95jZPTDfw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Uh95jZPTDfw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Uh95jZPTDfw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"KBQz1OSpRv8","published_at":"2021-12-21T08:00:44Z","title":"Responsive images & art direction - Designing in the Browser","description":"Welcome back to Designing in the Browser with Developer Relations Engineer, Una Kravets. In this episode, we will learn all ...","images":{"default":{"url":"https://i.ytimg.com/vi/KBQz1OSpRv8/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/KBQz1OSpRv8/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/KBQz1OSpRv8/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"doeOKTZSX6A","published_at":"2021-12-14T15:00:21Z","title":"The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203","description":"Jake and Surma chat about 'features' of yesterday that still get in our way today. You might have encountered some of them ...","images":{"default":{"url":"https://i.ytimg.com/vi/doeOKTZSX6A/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/doeOKTZSX6A/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/doeOKTZSX6A/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"xococe8wq_g","published_at":"2021-12-14T08:00:15Z","title":"Dark mode - Designing in the Browser","description":"In this episode of Designing in the Browser, we're going to take a look at dark mode with our host Una Kravets. Resources: ...","images":{"default":{"url":"https://i.ytimg.com/vi/xococe8wq_g/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/xococe8wq_g/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/xococe8wq_g/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"R75ZVW4LW5o","published_at":"2021-12-08T08:00:06Z","title":"Thinking on ways to solve TOASTS","description":"In today's GUI Challenge, @Adam Argyle shares thinking on a way to build toasts, a non-interactive and passive component for UI ...","images":{"default":{"url":"https://i.ytimg.com/vi/R75ZVW4LW5o/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/R75ZVW4LW5o/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/R75ZVW4LW5o/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"sdjT0K4sR4k","published_at":"2021-12-07T08:00:32Z","title":"Macro & micro layouts - Designing in the Browser","description":"In this episode of Designing in the Browser, we will be elaborating on some concepts introduced in the Container Queries episode ...","images":{"default":{"url":"https://i.ytimg.com/vi/sdjT0K4sR4k/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/sdjT0K4sR4k/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/sdjT0K4sR4k/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"M7gQg9JojGE","published_at":"2021-12-03T18:16:56Z","title":"Offline fallback page - Unpacking the Workbox","description":"With service workers it is possible to implement an offline experience for our web app, but there are cases, when the user is offline ...","images":{"default":{"url":"https://i.ytimg.com/vi/M7gQg9JojGE/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/M7gQg9JojGE/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/M7gQg9JojGE/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"gCNMyYr7F6w","published_at":"2021-12-03T08:12:42Z","title":"Container queries - Designing in the Browser","description":"Container queries are an experimental API that unlocks intrinsic component-level styling based on an element's containing parent ...","images":{"default":{"url":"https://i.ytimg.com/vi/gCNMyYr7F6w/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/gCNMyYr7F6w/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/gCNMyYr7F6w/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"yMEjLBKyvEg","published_at":"2021-12-01T17:00:47Z","title":"The fundamentals of CSS layout | Workshop","description":"Learn about the key CSS layout methods of flexbox and grid. Discover how these layout methods enable responsive, ...","images":{"default":{"url":"https://i.ytimg.com/vi/yMEjLBKyvEg/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/yMEjLBKyvEg/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/yMEjLBKyvEg/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"8FuafvJLDpM","published_at":"2021-11-30T15:00:04Z","title":"Bringing bounce and elastic easing to CSS | HTTP 203","description":"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.","images":{"default":{"url":"https://i.ytimg.com/vi/8FuafvJLDpM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/8FuafvJLDpM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/8FuafvJLDpM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"gRRnhP8WWi0","published_at":"2021-11-22T17:00:27Z","title":"Designcember is coming!","description":"Chrome Dev Summit may be over, but Designcember is near! We've got a slew of design and UI-related content launching for you ...","images":{"default":{"url":"https://i.ytimg.com/vi/gRRnhP8WWi0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/gRRnhP8WWi0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/gRRnhP8WWi0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"kcvfyQh6J-0","published_at":"2021-11-19T18:00:14Z","title":"SVGcode: A PWA to convert raster images to SVG vector graphics","description":"SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in ...","images":{"default":{"url":"https://i.ytimg.com/vi/kcvfyQh6J-0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/kcvfyQh6J-0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/kcvfyQh6J-0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"PPukHsOH_BI","published_at":"2021-11-16T18:00:07Z","title":"New in Chrome 96: Improvements for installed PWAs, Priority Hints, and more!","description":"Chrome 96 is rolling out now! There are two new properties in the web app manifest. The id property allows you to specify a ...","images":{"default":{"url":"https://i.ytimg.com/vi/PPukHsOH_BI/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/PPukHsOH_BI/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/PPukHsOH_BI/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"dhrX_biPH8c","published_at":"2021-11-15T17:00:39Z","title":"The new responsive design","description":"Join us as we discuss the latest updates on UI styling, DevTools, and the evolution of responsive design. Resources: The new ...","images":{"default":{"url":"https://i.ytimg.com/vi/dhrX_biPH8c/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/dhrX_biPH8c/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/dhrX_biPH8c/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"F0NYT7DIlDQ","published_at":"2021-11-15T17:00:25Z","title":"Understanding performance with Core Web Vitals","description":"Learn how the Web Vitals initiative gives developers the metrics, tools, and guidance they need to deliver a great experience for ...","images":{"default":{"url":"https://i.ytimg.com/vi/F0NYT7DIlDQ/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/F0NYT7DIlDQ/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/F0NYT7DIlDQ/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"3CXbhnaFNEw","published_at":"2021-11-12T18:54:48Z","title":"Chrome 96 - What’s New in DevTools","description":"What's new in DevTools (Chrome 96) → https://goo.gle/3HkAbV6 Identify potential CSS improvements with the CSS Overview ...","images":{"default":{"url":"https://i.ytimg.com/vi/3CXbhnaFNEw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/3CXbhnaFNEw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/3CXbhnaFNEw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"HCsV8u-KYUw","published_at":"2021-11-10T18:00:12Z","title":"Thinking on ways to solve 3D MENU","description":"In today's GUI challenge @Adam Argyle shares his thinking on a way to create a 3D video game menu that adapts to OS color ...","images":{"default":{"url":"https://i.ytimg.com/vi/HCsV8u-KYUw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/HCsV8u-KYUw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/HCsV8u-KYUw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"pIIHJ-NIyes","published_at":"2021-11-09T18:00:59Z","title":"Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203","description":"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 ...","images":{"default":{"url":"https://i.ytimg.com/vi/pIIHJ-NIyes/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/pIIHJ-NIyes/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/pIIHJ-NIyes/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"sUbJPHYKZkU","published_at":"2021-11-04T18:12:36Z","title":"RenderingNG: The next-generation rendering architecture for Chrome","description":"RenderingNG is a re-architecture of the entire rendering pipeline of Chrome, for greatly improved reliability, scalability and ...","images":{"default":{"url":"https://i.ytimg.com/vi/sUbJPHYKZkU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/sUbJPHYKZkU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/sUbJPHYKZkU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"lNecNY6vDek","published_at":"2021-11-03T17:59:45Z","title":"Chrome Dev Summit 2021 livestream","description":"Welcome to Chrome Dev Summit 2021. Catch the opening keynote that covers announcements about the latest innovations and ...","images":{"default":{"url":"https://i.ytimg.com/vi/lNecNY6vDek/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/lNecNY6vDek/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/lNecNY6vDek/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Df2U9-R-OJs","published_at":"2021-11-03T17:51:05Z","title":"Chrome Dev Summit 2021 | Keynote: What's new in Chrome","description":"Join us to learn about new guidance and platform updates, discover tools to build better user experiences, listen to how we're ...","images":{"default":{"url":"https://i.ytimg.com/vi/Df2U9-R-OJs/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Df2U9-R-OJs/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Df2U9-R-OJs/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"OAP_Sr0zb5I","published_at":"2021-10-21T17:24:07Z","title":"Identify potential CSS improvements with the CSS Overview panel - DevTools Tips","description":"Better understand your page's CSS and identify potential CSS improvements with the CSS Overview panel in Chrome DevTools.","images":{"default":{"url":"https://i.ytimg.com/vi/OAP_Sr0zb5I/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/OAP_Sr0zb5I/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/OAP_Sr0zb5I/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Qq4rRt8BNjM","published_at":"2021-10-19T21:00:21Z","title":"New in Chrome 95: URLPattern, the Eye Dropper API, new origin trials, and more!","description":"Chrome 95 is rolling out now! Routing gets easier with URLPattern baked into the browser, the Eye Dropper API provides a built in ...","images":{"default":{"url":"https://i.ytimg.com/vi/Qq4rRt8BNjM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Qq4rRt8BNjM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Qq4rRt8BNjM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"ivLhf3hq7eM","published_at":"2021-10-19T14:00:15Z","title":"Are SPAs better than MPAs? | HTTP 203","description":"Surma and Jake have a discussion, weighing up the benefits and drawbacks between Single Page Apps (SPAs) and Multi Page ...","images":{"default":{"url":"https://i.ytimg.com/vi/ivLhf3hq7eM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/ivLhf3hq7eM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/ivLhf3hq7eM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"T_Ppg7ghrWM","published_at":"2021-10-14T17:18:59Z","title":"Chrome 95 - What’s New in DevTools","description":"New to DevTools in Chrome 95: What's new in DevTools (Chrome 95) → https://goo.gle/3p2IO07 00:00 - Opening 00:12 - New ...","images":{"default":{"url":"https://i.ytimg.com/vi/T_Ppg7ghrWM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/T_Ppg7ghrWM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/T_Ppg7ghrWM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"x0aCdLDZ8BM","published_at":"2021-10-13T17:00:27Z","title":"Thinking on ways to solve MULTI-SELECT","description":"In today's GUI challenge I share my thinking on a way to enable users to multi-select. To demonstrate multi-select I've prepared a ...","images":{"default":{"url":"https://i.ytimg.com/vi/x0aCdLDZ8BM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/x0aCdLDZ8BM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/x0aCdLDZ8BM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"7EKEav7Io5Y","published_at":"2021-09-28T14:00:03Z","title":"Avoiding layout shift by putting the CSS in charge - HTTP 203","description":"Jake and Surma chat about layouts that put the content in charge, vs layouts that put the CSS in charge, and why that difference ...","images":{"default":{"url":"https://i.ytimg.com/vi/7EKEav7Io5Y/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/7EKEav7Io5Y/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/7EKEav7Io5Y/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"c5XIDt90VgY","published_at":"2021-09-21T17:00:31Z","title":"New in Chrome 94: Color management for canvas, WebCodecs, WebGPU, and more!","description":"Chrome 94 is rolling out now! The default color space for canvas elements is now formally defined as sRBG, and you can change ...","images":{"default":{"url":"https://i.ytimg.com/vi/c5XIDt90VgY/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/c5XIDt90VgY/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/c5XIDt90VgY/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"N9Jiou61WH4","published_at":"2021-09-16T17:00:23Z","title":"Chrome 94 - What’s New in DevTools","description":"New to DevTools in Chrome 94: What's new in DevTools (Chrome 94) → https://goo.gle/3CeVeVP 00:00 - Opening 00:13 - Use ...","images":{"default":{"url":"https://i.ytimg.com/vi/N9Jiou61WH4/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/N9Jiou61WH4/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/N9Jiou61WH4/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"cGyLHxn16pE","published_at":"2021-09-14T14:00:13Z","title":"Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203","description":"In this episode, Surma explains a bit of the history of color spaces (sRGB, CIE XYZ, p3, rec2020, CIE LAB...) and why they are ...","images":{"default":{"url":"https://i.ytimg.com/vi/cGyLHxn16pE/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/cGyLHxn16pE/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/cGyLHxn16pE/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Qcpru-fIgwk","published_at":"2021-09-08T23:00:09Z","title":"Thinking on ways to solve SPLIT BUTTONS","description":"In today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows ...","images":{"default":{"url":"https://i.ytimg.com/vi/Qcpru-fIgwk/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Qcpru-fIgwk/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Qcpru-fIgwk/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"HkvmYKqnytw","published_at":"2021-09-08T17:00:21Z","title":"FLEDGE | What is the Privacy Sandbox?","description":"Find out more → https://goo.gle/2XRRwm9 FLEDGE provides a solution for remarketing use cases, designed so it cannot be used ...","images":{"default":{"url":"https://i.ytimg.com/vi/HkvmYKqnytw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/HkvmYKqnytw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/HkvmYKqnytw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"R5RUVO_g2NI","published_at":"2021-08-31T23:00:46Z","title":"New in Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more!","description":"Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules. Installed ...","images":{"default":{"url":"https://i.ytimg.com/vi/R5RUVO_g2NI/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/R5RUVO_g2NI/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/R5RUVO_g2NI/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"ALKqavp9Fg0","published_at":"2021-08-31T14:10:46Z","title":"Random paint effects - HTTP 203","description":"In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random. The original by ...","images":{"default":{"url":"https://i.ytimg.com/vi/ALKqavp9Fg0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/ALKqavp9Fg0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/ALKqavp9Fg0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"1VaPAnUGRz8","published_at":"2021-08-26T17:00:03Z","title":"Chrome 93 - What’s New in DevTools","description":"New to DevTools in Chrome 93: What's new in DevTools (Chrome 93) → https://goo.gle/3Dl005K Attribution reporting ...","images":{"default":{"url":"https://i.ytimg.com/vi/1VaPAnUGRz8/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/1VaPAnUGRz8/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/1VaPAnUGRz8/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"UGA74CIcom8","published_at":"2021-08-25T23:00:06Z","title":"Attribution reporting | What is the Privacy Sandbox?","description":"Find out more → https://goo.gle/2XRRwm9 The Attribution Reporting API makes it possible to measure when user action (such as ...","images":{"default":{"url":"https://i.ytimg.com/vi/UGA74CIcom8/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/UGA74CIcom8/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/UGA74CIcom8/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"SYkzk_j3yb0","published_at":"2021-08-17T14:00:09Z","title":"Deno - HTTP 203","description":"In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node. Ryan Dahl's talk ...","images":{"default":{"url":"https://i.ytimg.com/vi/SYkzk_j3yb0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/SYkzk_j3yb0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/SYkzk_j3yb0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"cNJ8mZ-J3F8","published_at":"2021-08-11T23:00:14Z","title":"First-party sets | What is the Privacy Sandbox?","description":"Find out more → https://goo.gle/3CEBewZ First-Party Sets is a proposal to allow related domain names owned and operated by ...","images":{"default":{"url":"https://i.ytimg.com/vi/cNJ8mZ-J3F8/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/cNJ8mZ-J3F8/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/cNJ8mZ-J3F8/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"_KqccADghcA","published_at":"2021-08-11T17:00:20Z","title":"Thinking on ways to solve SWITCHES","description":"In today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of ...","images":{"default":{"url":"https://i.ytimg.com/vi/_KqccADghcA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/_KqccADghcA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/_KqccADghcA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"YDU_3WdfkxA","published_at":"2021-08-03T14:17:50Z","title":"Debugging memory leaks - HTTP 203","description":"Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks. Some links mentioned: Squoosh ...","images":{"default":{"url":"https://i.ytimg.com/vi/YDU_3WdfkxA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/YDU_3WdfkxA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/YDU_3WdfkxA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"bXB1Iwq6Eq4","published_at":"2021-07-28T19:01:19Z","title":"Trust tokens | What is the Privacy Sandbox?","description":"Get started with Trust Tokens → https://web.dev/trust-tokens Trust Tokens is a new API to help combat fraud and distinguish bots ...","images":{"default":{"url":"https://i.ytimg.com/vi/bXB1Iwq6Eq4/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/bXB1Iwq6Eq4/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/bXB1Iwq6Eq4/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"2baY3JpCxpo","published_at":"2021-07-15T23:00:01Z","title":"Chrome 92 - What’s New in DevTools","description":"New to DevTools in Chrome 92: What's new in DevTools (Chrome 92) → https://goo.gle/2TeLSJ1 Tweet us ...","images":{"default":{"url":"https://i.ytimg.com/vi/2baY3JpCxpo/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/2baY3JpCxpo/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/2baY3JpCxpo/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"kHL3gxAlvK8","published_at":"2021-07-14T17:00:18Z","title":"Thinking on ways to solve BREADCRUMBS","description":"In today's GUI challenge, we're building a breadcrumbs component.. with a twist! Instead of a linear list of links, this breadcrumbs ...","images":{"default":{"url":"https://i.ytimg.com/vi/kHL3gxAlvK8/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/kHL3gxAlvK8/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/kHL3gxAlvK8/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"nTySRzu0Xto","published_at":"2021-07-08T17:00:22Z","title":"Introduction to Web Stories (Swiss German with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. Web Stories bring the popular, immersive storytelling format to your own ...","images":{"default":{"url":"https://i.ytimg.com/vi/nTySRzu0Xto/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/nTySRzu0Xto/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/nTySRzu0Xto/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"evrNn54UkHQ","published_at":"2021-06-24T17:00:19Z","title":"Core Web Vitals: An everyday explanation (Taiwanese with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. Core Web Vitals are meant to measure user experience of actual ...","images":{"default":{"url":"https://i.ytimg.com/vi/evrNn54UkHQ/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/evrNn54UkHQ/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/evrNn54UkHQ/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Lh9q3h2khlc","published_at":"2021-06-22T15:12:58Z","title":"Top 10 performance pitfalls - HTTP 203","description":"Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. Who has the fastest F1 ...","images":{"default":{"url":"https://i.ytimg.com/vi/Lh9q3h2khlc/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Lh9q3h2khlc/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Lh9q3h2khlc/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"oHcTn83M1ls","published_at":"2021-06-09T17:01:09Z","title":"Thinking on ways to solve COLOR SCHEMES","description":"In today's GUI challenge, we're building dark, light and dim color schemes with HSL. The CSS works across modern browsers, ...","images":{"default":{"url":"https://i.ytimg.com/vi/oHcTn83M1ls/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/oHcTn83M1ls/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/oHcTn83M1ls/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"PZryHH8roIY","published_at":"2021-06-08T14:41:15Z","title":"From nothin’ to gzip - HTTP 203","description":"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 ...","images":{"default":{"url":"https://i.ytimg.com/vi/PZryHH8roIY/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/PZryHH8roIY/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/PZryHH8roIY/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"kzJfiKQyD24","published_at":"2021-06-03T17:00:59Z","title":"Deep dive into the PWA install flow","description":"How does the install flow work for Progressive Web Apps? How can you provide your own in-app install experience? How do you ...","images":{"default":{"url":"https://i.ytimg.com/vi/kzJfiKQyD24/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/kzJfiKQyD24/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/kzJfiKQyD24/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"d1SJL51FFxQ","published_at":"2021-05-26T18:01:15Z","title":"Angular DevTools | Demo","description":"Learn what Angular DevTools is and how to use it to preview your application and profile its performance. Resources: Angular ...","images":{"default":{"url":"https://i.ytimg.com/vi/d1SJL51FFxQ/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/d1SJL51FFxQ/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/d1SJL51FFxQ/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"-7k3H2GxE5E","published_at":"2021-05-26T14:12:22Z","title":"Progressively loading images - HTTP 203","description":"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 ...","images":{"default":{"url":"https://i.ytimg.com/vi/-7k3H2GxE5E/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/-7k3H2GxE5E/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/-7k3H2GxE5E/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"vy6FXa0n1r0","published_at":"2021-05-25T23:00:13Z","title":"New in Chrome 91: File System Access API improvements, Google IO, and more","description":"Chrome 91 is rolling out now. Web apps that interact with files, can now suggest file names and directories when using the file ...","images":{"default":{"url":"https://i.ytimg.com/vi/vy6FXa0n1r0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/vy6FXa0n1r0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/vy6FXa0n1r0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"YCrEmhfwsgg","published_at":"2021-05-24T23:45:19Z","title":"[Bahasa Melayu] Chrome 91 - Fungsi-fungsi terbaru DevTools","description":"To watch this episode in English visit → https://goo.gle/3eLof2N New to DevTools in Chrome 91: What's new in DevTools (Chrome ...","images":{"default":{"url":"https://i.ytimg.com/vi/YCrEmhfwsgg/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/YCrEmhfwsgg/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/YCrEmhfwsgg/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Givhtk3rObE","published_at":"2021-05-24T23:41:43Z","title":"Chrome 91 - What’s New in DevTools","description":"New to DevTools in Chrome 91: What's new in DevTools (Chrome 91) → https://goo.gle/3eLof2N Memory inspector ...","images":{"default":{"url":"https://i.ytimg.com/vi/Givhtk3rObE/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Givhtk3rObE/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Givhtk3rObE/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"b-osLoWii2M","published_at":"2021-05-24T20:26:46Z","title":"Web runtime performance | Q&A","description":"How do I build performant web apps from the beginning of my process? What can I do to improve the performance of existing apps ...","images":{"default":{"url":"https://i.ytimg.com/vi/b-osLoWii2M/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/b-osLoWii2M/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/b-osLoWii2M/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Gv2H3cUz_DM","published_at":"2021-05-24T20:20:53Z","title":"Privacy sandbox | Q&A","description":"Chrome's making progress towards building a more private web by default and that's bringing an array of changes to the browser ...","images":{"default":{"url":"https://i.ytimg.com/vi/Gv2H3cUz_DM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Gv2H3cUz_DM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Gv2H3cUz_DM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"VQlyOGkkHz0","published_at":"2021-05-21T20:19:06Z","title":"Progressive Web Applications and Fugu | Q&A","description":"Want to learn more about Progressive Web Apps (PWA) or have questions about the new web capabilities that are part of Project ...","images":{"default":{"url":"https://i.ytimg.com/vi/VQlyOGkkHz0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/VQlyOGkkHz0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/VQlyOGkkHz0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"500nh0LiIyU","published_at":"2021-05-20T01:27:46Z","title":"Chrome and Web | Q&A","description":"In this Ask Me Anything (AMA) Session, Developer Relations leads Paul and Dion talk about all things Web, Chrome and answer ...","images":{"default":{"url":"https://i.ytimg.com/vi/500nh0LiIyU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/500nh0LiIyU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/500nh0LiIyU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"ddbHp8tGBwQ","published_at":"2021-05-19T18:00:15Z","title":"List your Progressive Web App in Google Play | Session","description":"Google Play is the best place for people to find and install stellar software for their Chromebooks. This hands-on Session is for ...","images":{"default":{"url":"https://i.ytimg.com/vi/ddbHp8tGBwQ/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/ddbHp8tGBwQ/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/ddbHp8tGBwQ/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"FPuaaYpUd5s","published_at":"2021-05-19T18:00:13Z","title":"Input matters for Chrome OS | Session","description":"In this Session, we give you a look at approaching app input given the increasing variety of device form-factors. Users are ...","images":{"default":{"url":"https://i.ytimg.com/vi/FPuaaYpUd5s/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/FPuaaYpUd5s/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/FPuaaYpUd5s/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"a8kkzdOfAgU","published_at":"2021-05-19T17:43:14Z","title":"What's new in Chrome OS | Keynote","description":"Chrome OS turns 10 this year, and the products you know and love are evolving fast. This session will talk about Google's latest ...","images":{"default":{"url":"https://i.ytimg.com/vi/a8kkzdOfAgU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/a8kkzdOfAgU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/a8kkzdOfAgU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"k60bVCtf17A","published_at":"2021-05-19T12:15:06Z","title":"Top 8 web things to know from Google I/O 2021","description":"Want the highlights of Chrome Developer Keynote? We've got you covered! Learn what's new for the web platform in this recap as ...","images":{"default":{"url":"https://i.ytimg.com/vi/k60bVCtf17A/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/k60bVCtf17A/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/k60bVCtf17A/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"nPmAE0YjGK0","published_at":"2021-05-18T21:45:15Z","title":"The business impact of Core Web Vitals | Session","description":"Join the Chrome Dev team to hear about the stories of why popular global brands decided to invest in Web Vitals and how it ...","images":{"default":{"url":"https://i.ytimg.com/vi/nPmAE0YjGK0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/nPmAE0YjGK0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/nPmAE0YjGK0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"XxvHY4wC8Co","published_at":"2021-05-18T21:45:15Z","title":"What's new in Web Vitals | Session","description":"We've been hard at work listening to feedback on Web Vitals and in this Session, we will share the latest in our research about ...","images":{"default":{"url":"https://i.ytimg.com/vi/XxvHY4wC8Co/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/XxvHY4wC8Co/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/XxvHY4wC8Co/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"jUQ2-C5ZNRc","published_at":"2021-05-18T21:45:14Z","title":"The new responsive: Web design in a component-driven world | Session","description":"The web community is entering into a new era of responsive design and shifting our perspectives on what it means. With user ...","images":{"default":{"url":"https://i.ytimg.com/vi/jUQ2-C5ZNRc/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/jUQ2-C5ZNRc/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/jUQ2-C5ZNRc/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"4QkuvwRftTw","published_at":"2021-05-18T21:45:13Z","title":"Page performance after load | Session","description":"Web performance optimization tends to focus on initial page load because it's the first major landmark where you can lose your ...","images":{"default":{"url":"https://i.ytimg.com/vi/4QkuvwRftTw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/4QkuvwRftTw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/4QkuvwRftTw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"df_QYkxfnfA","published_at":"2021-05-18T21:45:14Z","title":"Future-proof web apps with Angular and TensorFlow.js | Session","description":"In this Session, we share how you can build an intelligent User Interface (UI) at any scale by combining Angular and ...","images":{"default":{"url":"https://i.ytimg.com/vi/df_QYkxfnfA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/df_QYkxfnfA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/df_QYkxfnfA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"J6BZ9IQELNA","published_at":"2021-05-18T21:45:15Z","title":"From security as opt-in to security by default | Session","description":"Spectre impacted the security landscape of the web significantly. In this Session, we talk about some of the security headers best ...","images":{"default":{"url":"https://i.ytimg.com/vi/J6BZ9IQELNA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/J6BZ9IQELNA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/J6BZ9IQELNA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"xg47r3Y6K8I","published_at":"2021-05-18T21:45:27Z","title":"Measure and debug performance with Google Analytics 4 and BigQuery | Session","description":"Google Analytics 4 has some game-changing new features for developers like custom event parameters, and integrated BigQuery ...","images":{"default":{"url":"https://i.ytimg.com/vi/xg47r3Y6K8I/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/xg47r3Y6K8I/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/xg47r3Y6K8I/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"baSiSIyTGSk","published_at":"2021-05-18T21:45:13Z","title":"5 tips for your PWA | Session","description":"Progressive Web Apps make it possible to create web apps that look and behave like every other installed app on a user's ...","images":{"default":{"url":"https://i.ytimg.com/vi/baSiSIyTGSk/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/baSiSIyTGSk/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/baSiSIyTGSk/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"EK1AkxgQwro","published_at":"2021-05-18T21:45:12Z","title":"Excalidraw and Fugu: Improving core user journeys | Session","description":"Any sufficiently advanced technology can feel like magic, unless you understand it. In this talk, we'll go over some new web ...","images":{"default":{"url":"https://i.ytimg.com/vi/EK1AkxgQwro/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/EK1AkxgQwro/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/EK1AkxgQwro/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"0UiaD059eqM","published_at":"2021-05-18T21:15:12Z","title":"What's new for the web platform | Keynote","description":"Fast approaching 5 billion users, the web platform has seen tremendous growth and innovation in the past year! Web developers ...","images":{"default":{"url":"https://i.ytimg.com/vi/0UiaD059eqM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/0UiaD059eqM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/0UiaD059eqM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"jmLdZY_Lo1k","published_at":"2021-05-12T17:06:43Z","title":"Thinking on ways to solve a MEDIA SCROLLER","description":"In today's GUI challenge, @Adam Argyle shares thinking on ways to create inline scrolling experiences for the web that are ...","images":{"default":{"url":"https://i.ytimg.com/vi/jmLdZY_Lo1k/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/jmLdZY_Lo1k/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/jmLdZY_Lo1k/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Es7Ab2VH_Vg","published_at":"2021-04-29T19:11:54Z","title":"Practical intro to WebAssembly (Ukrainian with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. Learn how to get started with WebAssembly by compiling an existing ...","images":{"default":{"url":"https://i.ytimg.com/vi/Es7Ab2VH_Vg/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Es7Ab2VH_Vg/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Es7Ab2VH_Vg/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"Ar3py-W-osA","published_at":"2021-04-26T17:00:08Z","title":"Advertising on a privacy-first web","description":"The Privacy Sandbox includes a number of proposals to enable advertising use cases without the need for cross-site cookies.","images":{"default":{"url":"https://i.ytimg.com/vi/Ar3py-W-osA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/Ar3py-W-osA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/Ar3py-W-osA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"khFus6YQi8w","published_at":"2021-04-22T17:00:05Z","title":"Back/forward cache (Indonesian with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. Back/forward cache (or BFcache) is a browser optimization that enables ...","images":{"default":{"url":"https://i.ytimg.com/vi/khFus6YQi8w/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/khFus6YQi8w/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/khFus6YQi8w/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"3hvN7bkjZBk","published_at":"2021-04-21T17:00:01Z","title":"Thinking on ways to solve SPLIT TEXT","description":"In today's GUI challenge, @Adam Argyle will be responding to your comments for the first 30 minutes after the episode releases.","images":{"default":{"url":"https://i.ytimg.com/vi/3hvN7bkjZBk/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/3hvN7bkjZBk/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/3hvN7bkjZBk/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"hFyQn5F5pc0","published_at":"2021-04-20T16:01:15Z","title":"Conducting tech interviews - HTTP 203","description":"In this episode Jake and Surma chat about interviewing for web dev roles, drawing on their good and bad experiences as ...","images":{"default":{"url":"https://i.ytimg.com/vi/hFyQn5F5pc0/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/hFyQn5F5pc0/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/hFyQn5F5pc0/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"h3MONldIoNM","published_at":"2021-04-13T17:00:30Z","title":"New in Chrome 90: Overflow Clip, Permissions Policy, the Declarative Shadow DOM, and more!","description":"Chrome 90 is rolling out now! There's a new value for the CSS overflow property. The Feature Policy API has been renamed to ...","images":{"default":{"url":"https://i.ytimg.com/vi/h3MONldIoNM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/h3MONldIoNM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/h3MONldIoNM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"kOodTLAjPsE","published_at":"2021-04-09T17:00:03Z","title":"Chrome 90 - What’s New in DevTools","description":"New to DevTools in Chrome 90: What's new in DevTools (Chrome 90) → https://goo.gle/39OKDVP Web Vitals ...","images":{"default":{"url":"https://i.ytimg.com/vi/kOodTLAjPsE/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/kOodTLAjPsE/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/kOodTLAjPsE/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"UyXPdYLQVQk","published_at":"2021-04-09T17:00:07Z","title":"[华语] Chrome 90 - DevTools 的最新功能","description":"To watch this episode in English visit → https://goo.gle/3uy9Wn2 New to DevTools in Chrome 90: What's new in DevTools ...","images":{"default":{"url":"https://i.ytimg.com/vi/UyXPdYLQVQk/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/UyXPdYLQVQk/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/UyXPdYLQVQk/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"u0Jgz6QVJqg","published_at":"2021-04-06T14:00:15Z","title":"AssemblyScript - HTTP 203","description":"Surma gives Jakes a quick-start to AssemblyScript, a TypeScript-like language that compiles to WebAssembly. Is it faster? Smaller ...","images":{"default":{"url":"https://i.ytimg.com/vi/u0Jgz6QVJqg/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/u0Jgz6QVJqg/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/u0Jgz6QVJqg/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"UJ6YtvPLT8E","published_at":"2021-04-01T17:00:01Z","title":"Core Web Vitals: Essential metrics for a healthy site (Tamil with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. This video introduces Core Web Vitals (CWV), which are essential ...","images":{"default":{"url":"https://i.ytimg.com/vi/UJ6YtvPLT8E/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/UJ6YtvPLT8E/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/UJ6YtvPLT8E/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"W6lvQvdeF8U","published_at":"2021-03-23T14:00:06Z","title":"The big back button quiz - HTTP 203","description":"How well do you know how the back button works (and other session history related things)? Jake has written an impossible quiz ...","images":{"default":{"url":"https://i.ytimg.com/vi/W6lvQvdeF8U/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/W6lvQvdeF8U/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/W6lvQvdeF8U/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"wGT9s6NW6hg","published_at":"2021-03-22T17:00:04Z","title":"Core Web Vitals - Measure what matters (Serbian with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. One of the biggest challenges with using performance metrics is that ...","images":{"default":{"url":"https://i.ytimg.com/vi/wGT9s6NW6hg/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/wGT9s6NW6hg/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/wGT9s6NW6hg/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"dm7gnp6eh3Q","published_at":"2021-03-18T17:00:03Z","title":"Thinking on ways to solve SETTINGS","description":"In today's GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is ...","images":{"default":{"url":"https://i.ytimg.com/vi/dm7gnp6eh3Q/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/dm7gnp6eh3Q/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/dm7gnp6eh3Q/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"34iDTeCNTz4","published_at":"2021-03-11T18:01:34Z","title":"Simulating color vision deficiencies in the Blink Renderer (available in Flemish and English)","description":"Switch audio to English or Flemish by clicking on the settings wheel and selecting your preferred audio track. Switch on/off English ...","images":{"default":{"url":"https://i.ytimg.com/vi/34iDTeCNTz4/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/34iDTeCNTz4/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/34iDTeCNTz4/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"rZm1YaMZkUU","published_at":"2021-03-04T16:00:23Z","title":"Supercharged Microtip: Workers (German with English subtitles)","description":"Switch on/off English subtitles by clicking on the CC icon. Surma revives Supercharged for a special episode on Web Workers, the ...","images":{"default":{"url":"https://i.ytimg.com/vi/rZm1YaMZkUU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/rZm1YaMZkUU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/rZm1YaMZkUU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"O-gv6zLZHKw","published_at":"2021-03-02T20:00:12Z","title":"New in Chrome 89: Web Serial, HID, NFC, PWA installability changes, and more!","description":"Chrome 89 is rolling out now! Web HID, Web NFC, and Web Serial have graduated from their origin trials and are now available in ...","images":{"default":{"url":"https://i.ytimg.com/vi/O-gv6zLZHKw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/O-gv6zLZHKw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/O-gv6zLZHKw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"msHeKmMEeHU","published_at":"2021-02-26T00:01:54Z","title":"[粤语] Chrome 89 - DevTools 的最新功能","description":"To watch this episode in English visit → https://goo.gle/3dIhJcX New to DevTools in Chrome 89: What's new in DevTools (Chrome ...","images":{"default":{"url":"https://i.ytimg.com/vi/msHeKmMEeHU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/msHeKmMEeHU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/msHeKmMEeHU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"VtaRYSBIbU4","published_at":"2021-02-26T00:00:28Z","title":"Chrome 89 - What’s New in DevTools","description":"New to DevTools in Chrome 89: What's new in DevTools (Chrome 89) → http://goo.gle/3qvGNrc Getting started with Trust Tokens ...","images":{"default":{"url":"https://i.ytimg.com/vi/VtaRYSBIbU4/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/VtaRYSBIbU4/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/VtaRYSBIbU4/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"8eHInw9_U8k","published_at":"2021-02-23T15:00:03Z","title":"Scheduling Tasks - HTTP 203","description":"Tasks, microtasks, nanotasks... JavaScript has it all. Or maybe not. What are they? How do you use them? What do they even ...","images":{"default":{"url":"https://i.ytimg.com/vi/8eHInw9_U8k/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/8eHInw9_U8k/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/8eHInw9_U8k/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"mMBcHcvxuuA","published_at":"2021-02-17T18:00:10Z","title":"Thinking on ways to solve TABS","description":"In today's GUI challenge, we're building a tabs component with some really cool features that you may not have thought about.","images":{"default":{"url":"https://i.ytimg.com/vi/mMBcHcvxuuA/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/mMBcHcvxuuA/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/mMBcHcvxuuA/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"MCi6AZMkxcU","published_at":"2021-02-09T16:36:31Z","title":"JavaScript counters the hard way - HTTP 203","description":"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 ...","images":{"default":{"url":"https://i.ytimg.com/vi/MCi6AZMkxcU/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/MCi6AZMkxcU/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/MCi6AZMkxcU/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"wS0Gck00nDw","published_at":"2021-01-26T17:00:44Z","title":"Dithering - HTTP 203","description":"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 ...","images":{"default":{"url":"https://i.ytimg.com/vi/wS0Gck00nDw/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/wS0Gck00nDw/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/wS0Gck00nDw/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"uiZqDLqjGRY","published_at":"2021-01-21T18:00:20Z","title":"Thinking on ways to solve a SIDENAV","description":"In today's GUI challenge we create a responsive, accessible slide out side navigation user experience using CSS and JS.","images":{"default":{"url":"https://i.ytimg.com/vi/uiZqDLqjGRY/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/uiZqDLqjGRY/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/uiZqDLqjGRY/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"cqAO2xR7lzM","published_at":"2021-01-19T17:01:35Z","title":"New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!","description":"Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS ...","images":{"default":{"url":"https://i.ytimg.com/vi/cqAO2xR7lzM/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/cqAO2xR7lzM/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/cqAO2xR7lzM/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"3tUXV_n3yng","published_at":"2021-01-14T18:00:08Z","title":"Chrome 88 - What’s New in DevTools","description":"New to DevTools in Chrome 88: What's new in DevTools (Chrome 88) → http://goo.gle/3owkBMr CSS Angle documentation ...","images":{"default":{"url":"https://i.ytimg.com/vi/3tUXV_n3yng/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/3tUXV_n3yng/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/3tUXV_n3yng/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}},{"id":"3H3gwUR5u3I","published_at":"2020-12-24T17:00:03Z","title":"The best of Chrome games | Chrome Developer Summit 2020","description":"Chrome Developer Summit was a blast and we learned a lot over 2 action packed days. Now that you've got developing for ...","images":{"default":{"url":"https://i.ytimg.com/vi/3H3gwUR5u3I/default.jpg","width":120,"height":90},"medium":{"url":"https://i.ytimg.com/vi/3H3gwUR5u3I/mqdefault.jpg","width":320,"height":180},"high":{"url":"https://i.ytimg.com/vi/3H3gwUR5u3I/hqdefault.jpg","width":480,"height":360},"standard":null,"maxres":null}}]