Optimize Interaction to Next Paint
Learn how to optimize for the Interaction to Next Paint metric.
Blog
Our latest news, updates, and stories for developers
New to the web platform in November
Discover some of the interesting features that landed in stable and beta web browsers during November 2022.
The large, small, and dynamic viewport units
New CSS units that account for mobile viewports with dynamic toolbars.
Accessibility Week
Our week celebrating accessibility resources
Community highlight: Albert Kim
Albert Kim is a multi-faceted accessibility expert, leading the conversation around mental health and digital accessibility.
GDE community highlight: Lars Knudsen
Lars Knudsen is a Google Developer Expert, we talked to him about how a $10 device can make computers more accessible for people with disabilities.
Community highlight: Olutimilehin Olushuyi
Olutimilehin Olushuyi is a lawyer, new to accessibility. We talked about his battle with JavaScript, international standards, and the importance of reading a website's contents.
Speedy CSS Tip! Animated Gradient Text
Let's make that animated gradient text effect with scoped custom properties and background-clip
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.
New to the web platform in October
Discover some of the interesting features that landed in stable and beta web browsers during October 2022.
Building Chrometober!
How the scrolling book came to life for sharing fun and frightening tips and tricks this Chrometober.
CSS Animated Grid Layouts
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.
Building a tooltip component
A foundational overview of how to build a color-adaptive and accessible tooltip custom element.
Building a Better Web - Part 1: A faster YouTube on web
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.
Create a passkey for passwordless logins
Passkeys make user accounts safer, simpler, easier to use.
Sign in with a passkey through form autofill
Create a sign in experience that leverages passkeys while still accommodating existing password users.
New patterns for amazing apps
Dive into a fantastic collection of new patterns for amazing apps, including clipboard patterns, file patterns, and advanced app patterns.
Community highlight: Melanie Sumner
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.
Building a floating action button (FAB) component
A foundational overview of how to build color-adaptive, responsive, and accessible FAB components.
New to the web platform in September
Discover some of the interesting features that landed in stable and beta web browsers during September 2022.
Optimize long tasks
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?
Introducing Learn Accessibility
Today we are launching Learn Accessibility—the next in our series to help get you up to speed with modern web development.
Introducing Learn HTML
Today we are launching Learn HTML—the next course in our series to help get you up to speed with modern web development.
Testing Web Design Color Contrast
An overview of three tools and techniques for testing and verifying accessible color contrast of your design.
