Google Chrome Developers

Chrome 97 is rolling out now! There’s a new option for sending real time messages between the client and server using Web Transport.

Turns out it's impossible to cross-fade two DOM elements unless they're opaque. Here's why, and a new feature that could fix it.

What’s new in DevTools (Chrome 97) → goo.gle/3JDdZXo Chapters: 0:00 - Intro 0:12 - Record, replay and measure user flows 1:29 - Refresh device list in Device Mode 1:45 - Autocomplete with

Learn how to record, replay and audit user flows with the Recorder panel in DevTools.

In this video, Surma and Jake pick up the topic of Color Spaces again, because there’s more to talk about.

Welcome back to Designing in the Browser with Developer Relations Engineer, Una Kravets.

Let’s take a look at some of the color features in DevTools.

There are many options for using caches to improve performance in your web app, you can use different strategies for different types of assets and Workbox ( goo.gle/workboxjs) provides a set

Jake and Surma chat about 'features' of yesterday that still get in our way today. You might have encountered some of them before, but here's why they're weird.

In this episode of Designing in the Browser, we’re going to take a look at dark mode with our host Una Kravets.

Caches are fundamental to creating a fast, responsive experience for web apps, but designing a cache strategy for your app can get really complex.

In today's GUI Challenge, @AdamArgyleInk shares thinking on a way to build toasts, a non-interactive and passive component for UI to provide user feedback.

In this episode of Designing in the Browser, we will be elaborating on some concepts introduced in the Container Queries episode and expanding beyond on how to use container queries into the

With service workers it is possible to implement an offline experience for our web app, but there are cases, when the user is offline, that all our app does is display a message letting the user

Container queries are an experimental API that unlocks intrinsic component-level styling based on an element’s containing parent.

Sharing some useful shortcuts and settings for quicker DevTools navigation.

Learn about the key CSS layout methods of flexbox and grid.

Let's have some fun and build an application in Angular inspired by vacation rental apps.

Get started developing with accessibility in mind in this Angular workshop.

Android and Chrome OS users turn to the Play Store to discover and review apps, but this has usually meant Android apps.

Discover why, what, and how to enable cross-origin isolation, including some updates to the specification.

Images account for more than 60% of the bytes on average needed to load a web page. Using AVIF, you can make your images smaller and make your website load faster.

Users have indicated many preferences on their devices these days. They want the operating system and apps to look and feel like their own.

Learn step-by-step how to implement two-factor authentication with WebAuthn and a security key. WebAuthn is a web API that enables creating public key-based credentials for strong authentication.

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.

Chrome Dev Summit may be over, but Designcember is near!

SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.

Chrome 96 is rolling out now! There are two new properties in the web app manifest.

The latest updates on the Privacy Sandbox and the new technologies under development for a new modern, privacy-focused web.

Join us as we discuss the latest updates on UI styling, DevTools, and the evolution of responsive design.