yt:channel:UCnUYZLuoy1rq1aVMwx4aTzw UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2012-04-24T00:05:52+00:00 yt:video:srLRSQg6Jgg srLRSQg6Jgg UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-08-04T17:00:19+00:00 2017-08-05T19:24:01+00:00 Managing Focus - A11ycasts #22 Check out the demo: https://goo.gl/PZBDKu Single page web apps are awesome but may present interesting accessibility challenges. In particular, when the site loads new content, it needs to be able to inform an assistive technology user that the new content is available, and ideally move focus into the new area. Today on A11ycasts we'll look at how you can manage focus using a simple tabindex trick to improve the efficiency of your keyboard and screen reader navigation. yt:video:kW_atFXMG98 kW_atFXMG98 UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-08-03T16:02:47+00:00 2017-08-05T18:59:17+00:00 IntersectionObserver: Micro Tip #10 - Supercharged Surma introduces IntersectionObserver to build scroll-linked effects. Read more about IntersectionObserver in Surma’s article: https://goo.gl/R2NwMq IntersectionObserver polyfill: https://goo.gl/2Wi8yh If you have questions or suggestions, hit us up on Twitter! Surma: https://twitter.com/DasSurma Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf yt:video:kEieXe-3DGU kEieXe-3DGU UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-28T09:00:14+00:00 2017-08-05T19:47:47+00:00 Web Developer Portrait - Jecelyn Yeen In this video series we present portraits of Web developers from around the world. Our first video focuses on the Malaysian Web developer Jecelyn Yeen. We catch up with Jecelyn in her hometown Kuala Lumpur, one of the fastest growing and most connected cities in Asia. Read about "Building for Billions": https://goo.gl/sTvA1y Subscribe to the Chrome Developers YouTube channel: http://goo.gl/LLLNvf yt:video:vE7JTf2_-ws vE7JTf2_-ws UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-27T19:00:42+00:00 2017-08-05T18:26:54+00:00 Chrome 60: Paint Timing API, Control Font Loading with Font-Display and WebAssembly With Chrome 60, you can now measure time to first paint and time to first contentful paint with the Paint Timings API. You can control how fonts are rendered with the font-display CSS property. And WebAssembly has landed. From the National Museum of Mathematics in Manhattan, Pete LePage has all the details and how you can use these new developer features in Chrome 60! **Note:** I announced PaymentRequest was coming to Mac/Win/CrOs/Linux in Chrome 60, but the team found bugs we didn't like. So we decided to push the launch back to Chrome 61. Sorry for the miscommunication! Chrome 60 Beta blog post: https://goo.gl/1mKki9 Paint Timings API: https://goo.gl/iSWEkF https://goo.gl/4IpJhf Font Display: https://goo.gl/SzAis4 https://goo.gl/NPTEc5 WebAssembly: http://webassembly.org/ https://goo.gl/Vp9LTk https://goo.gl/eEuWbn https://goo.gl/aExT1H You can learn more about origin trials at https://goo.gl/6FP1a5 Special thanks to the The National Museum of Mathematics in Manhattan (https://momath.org/) for letting us shoot in their amazing space! Subscribe to the Chrome Developers channel at https://goo.gl/WkxCU5 yt:video:aN8wMQVaNvs aN8wMQVaNvs UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-27T16:32:11+00:00 2017-08-05T19:32:29+00:00 Caching Headers: Micro Tip #9 - Supercharged Surma shows how you can make your caching headers work for you and your content. Jake’s blog post on Caching Headers: https://goo.gl/1FXviv If you have questions or suggestions, hit us up on Twitter! Surma: https://twitter.com/DasSurma Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf yt:video:NtP1cxxqGos NtP1cxxqGos UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-26T16:00:15+00:00 2017-08-05T19:41:02+00:00 Becoming a Creative Coder -- Designer vs. Developer #7 In Designer vs. Developer 'Becoming a Creative Coder' Mustafa speaks to Mariko Kosaka, a Developer Advocate on the Google Developers Relations Team, about the art she creates with code and how developers can embrace the notion of making something that isn’t necessarily useful but still has value. You can subscribe to or download our podcast from these services: iTunes: https://goo.gl/1E9U0G Google Music: https://goo.gl/qCBlST (USA ONLY) Web Fundamentals: https://goo.gl/Kt3nE9 Feedburner: https://goo.gl/USHXv8 Read our blog post here: https://goo.gl/bVyf4Y Learn more about the subjects mentioned in our video: Sweaterify - https://goo.gl/BMdgqN 64 Stitches - https://goo.gl/nzaV2N Designer vs. Developer is a show that tries to solve the challenges faced in the industry by opening a conversation between the two, providing take aways, solutions to workflows, tools & discussions on everyday struggles. Subscribe to the Chrome Developers Channel: http://goo.gl/LLLNvf Watch the rest of the series: https://goo.gl/eIk8r6 yt:video:8MAvH6vYbDo 8MAvH6vYbDo UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-21T17:00:17+00:00 2017-08-05T01:04:19+00:00 Does reordering content affect accessibility? - A11ycasts #21 Check out the demo: https://goo.gl/BheA5x While it's possible to reorder content visually using CSS, we have to be careful that doing so doesn't throw off the reading order in our page. Today on A11ycasts we'll look at how you can visually reorder content using flexbox and absolute positioning, and I'll demonstrate how this affects keyboard focus and screen reader navigation. Watch all A11ycasts episodes: https://goo.gl/06qEUW Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf yt:video:3Tr-scf7trE 3Tr-scf7trE UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-20T14:55:51+00:00 2017-08-05T00:16:40+00:00 Streaming Service Workers: Live Code Session - Supercharged In this Supercharged Live Code Session, Jake & Surma implement a streaming Service Worker, coding in real time, bugs and all! Whether you are watching live or not, please send in your questions and comments to the guys as they will read them and if they can, answer them for you. Code for this live stream session: https://github.com/GoogleChrome/ui-element-samples/tree/gh-pages/streaming-service-worker yt:video:c-TDkcK8sFc c-TDkcK8sFc UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-19T16:00:57+00:00 2017-08-05T14:23:35+00:00 Season 2 is Coming -- Designer vs. Developer #S2 Season 2 of Designer vs. Developer is coming soon! Check out YouTube.com/ChromeDevelopers on 26th July at 1700 BST for the first episode featuring Mustafa Kurtuldu speaking to Mariko Kosaka - a developer at Google. Check out the first series here: https://goo.gl/eIk8r6 Subscribe to the Chrome Developers channel: http://goo.gl/LLLNvf yt:video:Qnmb2YhkQmQ Qnmb2YhkQmQ UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-14T19:00:08+00:00 2017-08-05T19:10:51+00:00 Chrome 60 - What's New in DevTools Kayce Basques walks us through the new features and major changes coming to Chrome DevTools in Chrome 60. Associated article: https://goo.gl/bTixuW Discuss these features and changes on the mailing list or send us a tweet: https://goo.gl/RvWtFx https://twitter.com/chromedevtools Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf yt:video:tei6lAtGZgI tei6lAtGZgI UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-13T16:00:47+00:00 2017-08-05T18:12:02+00:00 Performance Markers: MicroTip #8 - Supercharged Surma shows you how to measure performance in your web app. If you have any questions or suggestions, leave them in the comments below, or head to Twitter! https://twitter.com/DasSurma Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf yt:video:b_dTHSQVOZM b_dTHSQVOZM UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-11T17:00:35+00:00 2017-08-05T10:48:47+00:00 Gyroscope (The Standard, Ep. 10) Mobile devices have a bunch of interesting sensors, including the Gyroscope. Learn some basics about how to use them for games or other experiences. The Gyroscope, by @samthor: https://goo.gl/WXtg9C Detecting Device Orientation: https://goo.gl/fRQ5sF Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf yt:video:y1BsexcSW8o y1BsexcSW8o UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-11T17:00:28+00:00 2017-08-03T19:28:27+00:00 Drag and Drop (The Standard, Ep. 9) Does your site need to handle file uploads? Add a Drag and Drop handler to accept them for upload or disable the default behavior. Drag and Drop, by @samthor: https://goo.gl/qCbG6b HTML Drag and Drop API: https://goo.gl/fLrD6P Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf yt:video:rr3c62Wnaeo rr3c62Wnaeo UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-07T17:39:28+00:00 2017-08-05T09:55:56+00:00 How to Label Shadow DOM - A11ycasts #20 Shadow DOM is a newer web platform feature that lets you scope your CSS and markup. This is great for preventing style leakage, but it can also make things tricky when it comes to accessibility. In particular, labeling content inside of a shadow root. Today on A11ycasts I'll show a couple techniques I use to work around this thorny problem. Demo source - https://goo.gl/F6x4YK Shadow DOM primer - https://goo.gl/Gz2aHH Accessibility Object Model (AOM) - https://goo.gl/MQ41Z2 Watch all A11ycasts episodes: https://goo.gl/06qEUW Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf yt:video:6AaOXtTKUOw 6AaOXtTKUOw UCnUYZLuoy1rq1aVMwx4aTzw Google Chrome Developers https://www.youtube.com/channel/UCnUYZLuoy1rq1aVMwx4aTzw 2017-07-06T16:54:59+00:00 2017-08-05T17:58:26+00:00 Push Messages: MicroTip #7 - Supercharged Matt shows you how you can leverage DevTools to make debugging Push Notifications easier. If you have questions or suggestions, hit us up on Twitter! Surma: https://twitter.com/DasSurma or Paul: https://twitter.com/aerotwist Watch more episodes of Supercharged here: https://goo.gl/WFD8py Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf