New patterns for media apps
Dive into a fantastic collection of new patterns for media apps. Grab the user's screen, add video Picture-in-Picture mode, create audio effects, record from the mic, or customize media notifications.
Our latest news, updates, and stories for developers
Dive into a fantastic collection of new patterns for media apps. Grab the user's screen, add video Picture-in-Picture mode, create audio effects, record from the mic, or customize media notifications.
Discover some of the interesting features that landed in stable and beta web browsers during October 2022.
How the scrolling book came to life for sharing fun and frightening tips and tricks this Chrometober.
In CSS Grid, the grid-template-columns
and grid-template-rows
properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties allows grid layouts to smoothly transition between states, instead of snapping at the halfway point of an animation or transition.
A foundational overview of how to build a color-adaptive and accessible tooltip custom element.
A case study of changes the YouTube Web team made to improve performance, increase their Core Web Vitals pass rates and lift key business metrics.
Passkeys make user accounts safer, simpler, easier to use.
Create a sign in experience that leverages passkeys while still accommodating existing password users.
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns.
Melanie Sumner is a software engineer, specializing in digital accessibility. We talked about her path to engineering, accessible design, Ember.js, and the importance of funding these efforts.
A foundational overview of how to build color-adaptive, responsive, and accessible FAB components.
Discover some of the interesting features that landed in stable and beta web browsers during September 2022.
You've been told to "don't block the main thread" and "break up your long tasks", but what does it mean to do those things?
Today we are launching Learn Accessibility—the next in our series to help get you up to speed with modern web development.
Today we are launching Learn HTML—the next course in our series to help get you up to speed with modern web development.
An overview of three tools and techniques for testing and verifying accessible color contrast of your design.
Let's make an animated CSS loader with scoped custom properties and animation-timing-function
Alba Silvente Fuentes is a Google Developer Expert, we talked to her about making coding and community-building human.
We are thrilled at the progress of Interop 2022 that we’ve made together and are excited to announce that Interop 2023 is happening!
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
This handy CSS pseudo-selector gives you a way to select elements that are modal.
Discover some of the interesting features that landed in stable and beta web browsers during August 2022.
By measuring real users' Web Vitals, Rakuten 24 also found that a good Largest Contentful Paint (LCP) can lead to a conversion rate increase of 61.13%.
A look at some useful and creative ways to style a list.