Google Chrome Developers

Chrome 76 is rolling out now! It adds support for the prefers-color-scheme media query, bringing dark mode to websites.

You can make your website faster and less data-hungry by using the right file format for images.

How can you make payments easier on the web? This video shows you how to use the payment tools built into Android and iOS, from your Progressive Web App.

How do you build websites that work well for all your users, not matter what the device, screen or window size? Why do we need 'responsive design'?

Images give the web life and colour. But on average, images consume by far the most bytes on most web pages.

For offline applications, you need to store data as well as static assets. One of the best places to do this is in a database.

New to DevTools in Chrome 76: 0:10 - Autocomplete with CSS values 0:43 - New UI for network settings 1:15 - HAR import and export buttons 2:00 - Real-time total memory usage 2:21 - Service worker

Poorly compressed images add to page weight and server load, both of which can damage performance and increase costs.

When we pull stats about the state of the web, like the percent of websites adopting HTTPS or the median amount of image bytes per page, these figures come from web transparency datasets on BigQuery

The srcset attribute is a great way to enable the browser to choose the right image size of image with an img element. But what about background images?

Jake and Surma chat about handling updates to offline-first apps. Can we do better than "Click here to update"?

Predictive prefetching is a technique which improves the perceived performance of web applications by utilizing techniques from machine learning and data analytics.

Learn how the web provides the connective tissue for emerging technologies. Whether it's Assistant, Apps, VR, or even Gaming, the web evolves to support the next generation of tech.

As a web developer, you may or may not have tried Web Components – but as a web user, you almost certainly have. Adoption has quietly taken off.

How do you send a message from your web server to one user — or lots of users? How can you do that in a way that's fast, reliable and secure? What if the user's browser is closed?

This video gives you a quick introduction to collecting payments on the web. Full playlist: youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

How do you make sure that push messaging is secure? How can you avoid a user getting messages from another site pretending to be you?

What's the best way to display popup notifications on mobile and desktop. This video shows how to use the Notification API to display popup notifications — using JavaScript built in to the browser.

The Web Perception Tookit is a new JavaScript library that aims to make barcode, QR code and image detection a breeze.

Use the srcset attribute to enable web browsers to automatically choose the correct image size for any device.

Surma reminds Jake of four weird browser bugs they ran into while building proxx.app, most of which Jake has blocked from his memory. 1:45 - Our canvases made iOS Safari crash.

In this episode of The State of the Web, Rick Viscomi and Colin Bendell (CTO Office at Cloudinary) discuss the state of images.

How can you engage with your users without them having to revisit your website? With service workers, push notifications are now available on the web.

What would it be like if you never needed to maintain user names or passwords on your own site? This video give you a simple introduction to Identity Federation using Oauth2.

New to DevTools in Chrome 75: 0:10 - Meaningful preset values when autocompleting CSS functions 0:57 - Clear site data from the Command Menu 1:37 - View all IndexedDB databases 2:21 - View a

Chrome 75 is rolling out now. There’s a new way to reduce latency on canvas elements. Web apps can now share files to other installed apps using the system level share sheet.

Whether you’re an experienced programmer or you don’t write code at all, you can learn to check your site performance with Chrome DevTools!

In a particularly self-indulgent episode, Jake and Surma chat about what got them into the web, and the things that helped along the way. Also, did you know we do a podcast? No?

Progressive Web Apps need to be fast and reliable. How can you use caching to avoid network requests — even for a site where you can't possibly cache everything ahead of time?

Once you have a Progressive Web App, do you know how to give it a good search ranking? This video provides an introduction to discoverability and Search Engine Optimization (SEO) for PWAs.