Building a floating action button (FAB) component
A foundational overview of how to build color-adaptive, responsive, and accessible FAB components.
Blog
Our latest news, updates, and stories for developers
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.
Speedy CSS Tip! Animated Loader
Let's make an animated CSS loader with scoped custom properties and animation-timing-function
GDE community highlight: Alba Silvente Fuentes
Alba Silvente Fuentes is a Google Developer Expert, we talked to her about making coding and community-building human.
Submit your proposals for Interop 2023
We are thrilled at the progress of Interop 2022 that we’ve made together and are excited to announce that Interop 2023 is happening!
Building the main navigation for a website
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.
Is it :modal?
This handy CSS pseudo-selector gives you a way to select elements that are modal.
New to the web platform in August
Discover some of the interesting features that landed in stable and beta web browsers during August 2022.
How Rakuten 24's investment in Core Web Vitals increased revenue per visitor by 53.37% and conversion rate by 33.13%
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%.
Creative list styling
A look at some useful and creative ways to style a list.
Building a crooked grid illusion
A fun exploration of ways to recreate an optical illusion with CSS.
How Nordhealth uses Custom Properties in Web Components
The benefits of using Custom Properties in design systems and component libraries.
Why is CrUX data different from my RUM data?
Learn about reasons why RUM data can show different Core Web Vitals numbers from CrUX.
Finer grained control over CSS transforms with individual transform properties
Transform elements with the translate, rotate, and scale properties
CSS border animations
Looking at several ways to animate a border in CSS
New to the web platform in July
Discover some of the interesting features that landed in stable and beta web browsers during July 2022.
New patterns
Animations, theming, components, and more layout patterns are live and ready to help kick start or inspire your UI and UX.
How the BBC is rolling out HSTS for better security and performance.
The BBC is rolling out HSTS for their website to improve security and performance. Find out what it means, and how HSTS can help you.
How GoDaddy's Websites + Marketing service improved customer Core Web Vitals by 75%
A case study of changes GoDaddy implemented to improve website performance for millions of sites, helping them to achieve good PageSpeed Insights and Core Web Vitals scores.
A win-win situation
GDE Enrique Fernandez Guerra on open sourcing his NGO HelpDev.