{"id":40696682,"url":"https://github.com/empatisoft/youtube","last_synced_at":"2026-01-21T11:37:01.499Z","repository":{"id":37531329,"uuid":"236151662","full_name":"empatisoft/youtube","owner":"empatisoft","description":"Youtube API v3","archived":false,"fork":false,"pushed_at":"2023-04-19T18:43:44.000Z","size":319,"stargazers_count":3,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-13T22:35:09.596Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/empatisoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-25T09:49:39.000Z","updated_at":"2022-01-04T09:12:09.000Z","dependencies_parsed_at":"2022-08-19T04:50:46.181Z","dependency_job_id":null,"html_url":"https://github.com/empatisoft/youtube","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/empatisoft/youtube","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/empatisoft%2Fyoutube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/empatisoft%2Fyoutube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/empatisoft%2Fyoutube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/empatisoft%2Fyoutube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/empatisoft","download_url":"https://codeload.github.com/empatisoft/youtube/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/empatisoft%2Fyoutube/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28632773,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T04:47:28.174Z","status":"ssl_error","status_checked_at":"2026-01-21T04:47:22.943Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-21T11:37:01.443Z","updated_at":"2026-01-21T11:37:01.491Z","avatar_url":"https://github.com/empatisoft.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Youtube API v3\n\nYoutube Api servisi üzerinden video, kanal ve oynatma listelerine erişim sağlar.\n\nProjenize composer aracılığıyla kurmak için aşağıdaki komutu proje dizininde çalıştırabilirsiniz.\n\n```shell\ncomposer require empatisoft/youtube\n```\n\nKullanı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.\n\nÖrnek Kullanım:\n```php\n$youtube = new Empatisoft\\Api\\Youtube(YOUTUBE_API_ANAHTARINIZ);\n```\n\nKanal\n```php\n$youtube-\u003eget('https://www.youtube.com/user/ChromeDevelopers');\n```\n\nOynatma Listesi\n```php\n$youtube-\u003eget('https://www.youtube.com/watch?v=rMUayh1QPYs\u0026list=PLNYkxOF6rcIAcezfL8q0rjt13ufKseL5X');\n```\n\nVideo\n```php\n$youtube-\u003eget('https://www.youtube.com/watch?v=rMUayh1QPYs');\n```\n\nDönen Cevap:\n\n```json\n[{\"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 \u0026amp; 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 \u0026amp; 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\u0026#39;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\u0026#39;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 \u0026 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\u0026amp;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\u0026amp;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\u0026amp;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\u0026amp;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\u0026#39;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\u0026#39;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\u0026#39;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}}]\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fempatisoft%2Fyoutube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fempatisoft%2Fyoutube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fempatisoft%2Fyoutube/lists"}