Videos

Caching Strategies: Micro Tip #19 – Supercharged

3 days ago
In this video Surma explains a simple but very widely applicable caching strategy for your ServiceWorkers If you have questions or suggestions, hit us up on Twitter! Surma: twitter.com/DasSurma Watch more episodes of Supercharged here: goo.gl/WFD8py Subscribe to the Chrome Developers channel at goo.gl/LLLNvf

Chrome 62: Improved Network Information API, Support for OpenType Variable Fonts and more!

5 days ago
Chrome 62 improves the network information API with network quality indicators, support for OpenType Variable Fonts has landed, and you can now capture and process media streams from HTMLMediaElements with the Media Capture from DOM elements API. Pete LePage has all the details and how you can use these new developer features in Chrome 62! […]

Testing Shadow DOM with aXe Coconut – A11ycasts #26

1 week ago
Today we’re going to look at aXe Coconut, the leading edge of the aXe developer toolchain. You can think of aXe Coconut kind of like Chrome Canary or Firefox Nightly. It’s a preview channel for developers to test out new versions of the library and offer feedback before they hit the stable version. One of […]

Chrome 62 – What’s New in DevTools

1 week ago
New to DevTools in Chrome 62: screenshots of HTML nodes and portions of the viewport, top-level await operators in the Console, negative and URL filters in the Console, the new queryObjects API, CSS Grid highlighting, HAR imports, block-level code coverage, and improved cache debugging. Check out the blog version of these release notes here: goo.gl/kBbs1B […]

TWC9: Windows Developer Day On-Demand, TypeScript is 5, Xbox Onesies and Giant Battling Robots!

1 week ago
This week on Channel 9, Christina and Beth Pan discuss the week’s top developer news, including; [00:33] Windows Developer Day On-Demand – Fall Creators Update [00:57] TypeScript Turns 5 [Daniel Rosenwasser] [01:54] Announcing Microsoft Edge for iOS and Android, Microsoft Launcher [Joe Belfiore], Microsoft Edge for iOS and Android: What developers need to know [Sean […]

CSS Grid: Micro Tip #18 – Supercharged

1 week ago
CSS Grid is the next-generation layout for the web. Surma explains the basics. For more about Grid, look at Rachel Andrew’s gridbyexample.com/ If you have questions or suggestions, hit us up on Twitter! Surma: twitter.com/DasSurma Watch more episodes of Supercharged here: goo.gl/WFD8py Subscribe to the Chrome Developers channel at goo.gl/LLLNvf

Imposter Syndrome – HTTP203

2 weeks ago
Surma and Jake Archibald discuss how they feel about imposter syndrome and whether it really matters that you can’t remember technical stuff by heart if you can look it up. Plus a little Flexbox hack! #HTTP203 Subscribe to Chrome Developers here: goo.gl/LLLNvf Watch more HTTP203 here: goo.gl/bTQMrY Check out the HTTP203 podcast for the full […]

Totally Tooling Tips: Managing Your Bundle Size

2 weeks ago
The amount of JavaScript you send to your users can affect your load and parse time of your Javascript resulting in a slow feeling site. In this episode, learn how to keep track of your bundle size during development and get accustomed with tools that will help you track your bundle size over time. Links […]

Aspect Ratio Hack: Micro Tip #17 – Supercharged

2 weeks ago
Surma shows you how you can make an element maintain an aspect ratio with CSS. If you have questions or suggestions, hit us up on Twitter! Surma: twitter.com/DasSurma Watch more episodes of Supercharged here: goo.gl/WFD8py Subscribe to the Chrome Developers channel at goo.gl/LLLNvf

How to build a toggle button – A11ycasts #25

3 weeks ago
Today we’ll walk through building an accessible toggle button. A toggle button is just a button with two states: pressed, and unpressed. It’s a pretty simple control, but it’ll allow us to show off a number of best practices for building accessible custom elements. ARIA Authoring Practices 1.1: Button: goo.gl/bx42jW Custom elements: goo.gl/9xUH4Y HowTo: Components: […]

WebGL Image Processing: Live Code Session – Supercharged

3 weeks ago
In this Supercharged Live Code Session Mat Scales joins Surma to show you how to use WebGL to add effects to an image. Send your questions and ideas to the guys and they will read them live or answer them in the comments below. Will there be bugs? Watch and see.

Designing for the Next Billion Users — Designer vs. Developer #11

4 weeks ago
Mustafa Kurtuldu speaks to Sam Dutton, a Developer Advocate on the Google Developers Relations Team, about why we need to design for the next billion users. We also talk about whether it is worth creating a website for everyone. Designer Vs Developer is a show that tries to solve the challenges faced in the industry […]