New to the web platform in May
Discover some of the interesting features that have landed in stable and beta web browsers during May 2026.
New to the web platform in April
Discover some of the interesting features that have landed in stable and beta web browsers during April 2026.
New to the web platform in March
Discover some of the interesting features that have landed in stable and beta web browsers during March 2026.
New to the web platform in February
Discover some of the interesting features that have landed in stable and beta web browsers during February 2026.
3D and CSS
5 CSS snippets every front-end developer should know in 2024
Toolbelt worthy, powerful, and stable CSS you can use today.
6 CSS snippets every front-end developer should know in 2023
Toolbelt worthy, powerful, and stable CSS you can use today.
Accessibility for teams
How to incorporate accessibility into your team's process.
Accessibility for web developers
It's important to build sites that are inclusive and accessible to everyone. There are at least six key areas of disability we can optimize for: visual, hearing, mobility, cognition, speech and neural.
Profiling your WebGL Game with the about:tracing flag
CSS accent-color
Bring your brand color to built-in HTML form inputs with one line of code.
Accessibility
Improving accessibility for web pages
Accessibility audit with react-axe and eslint-plugin-jsx-a11y
react-axe is a library that audits a React application and logs any accessibility issues to the Chrome DevTools console. eslint-plugin-jsx-a11y is an ESLint plugin that identifies and enforces a number of accessibility rules directly in your JSX. Using them in combination can provide a comprehensive auditing approach to find and fix any accessibility concerns in your application.
Audit your Angular app's accessibility with codelyzer
Learn how to make your Angular application accessible using codelyzer.
Accessible responsive design
Design responsively to provide the best multi-device experience and for accessibility.
Accessible tap targets
It's important that interactive elements have enough space around them, when used on a mobile or touchscreen device. This helps everyone, and especially those with motor impairments.
Adapting typography to user preferences with CSS
A method to adapt a font to your users' preferences, so they're maximally comfortable reading your content.
Adaptive loading: improving web performance on slow devices
Learn about adaptive loading pattern, how to implement it, and how Facebook, Tinder, eBay, and other companies use adaptive loading in production.
Adaptive serving based on network quality
Use Network Information API to adapt the assets served to users based on the quality of their connection.
Add a web app manifest
The web app manifest is a simple JSON file that tells the browser how your web app should behave.
Add a web app manifest with Create React App
Create React App includes a web app manifest by default. Modifying this file will allow you to change how your application is displayed when installed on the user's device.
Add media to a web page
Embed a media file in a web page using the and tags.
Add touch to your site
Touchscreens are available on more and more devices, from phones up to desktop screens. Your app should respond to their touch in intuitive and beautiful ways.
Additional HTML elements
Essential metrics for a healthy site
Advancing the web framework ecosystem
Learn about how Chrome is investing efforts in a number of open-source tools to advance the JavaScript ecosystem
Build agent-friendly websites
When designing your websites for agents and humans, you can follow similar best practices. Learn what they are.
Introduction to agents
Build a local and offline-capable chatbot with the Prompt API
Build a local and offline-capable chatbot with WebLLM
Part 2: Build client-side AI toxicity detection
Toxicity detection protects your users and creates a safer online environment. In part two, we learn how to build a client-side AI tool to detect and mitigate toxicity at its source.
Part 1: Client-side AI to combat online toxicity
"Protect your users and create a safer online environment with toxicity detection. In part one, we share the context you need to deploy AI to mitigate toxicity at its source: users' keyboards."
Ethics and AI
There are numerous ethical considerations when using AI tools and generating new content.
Benefits and limits of large language models
Learn about the benefits and drawbacks of on-device and client-side large language models.
Choose a small, efficient model
We've outlined different model types so you can choose a right-sized, sustainable model for your application.
What is artificial intelligence?
Understand the difference between client-side AI and server-side AI, machine learning and deep learning, and so much more.
Upgrade your site search: Contextual answers with generative AI
There are numerous ethical considerations when using AI tools and generating new content.
Meet the Web.dev AI Team
Meet the tech writers and developer relations team.
Provide shipping and contact information from an Android payment app
Learn how to modify your Android payment app to provide the user's selected shipping address as well as contact information when the merchant has requested them using the Payment Request API.
Android payment app developers guide
Learn how to adapt your Android payment app to work with Web Payments and provide a better user experience for customers.
Writing an AngularJS App with Socket.IO
Animating Between Views
Learn how to animate between two views in your apps.
Animating Modal Views
Learn how to animate modal views in your apps.
Animations and performance
Animations must perform well, otherwise they will negatively impact the user experience.
Examples of high-performance CSS animations
Demonstrating how high performance techniques can create complex and beautiful animations.
How to create high-performance CSS animations
To improve the performance of your CSS animations, use the transform and opacity CSS properties as much as possible, and avoid anything that triggers layout or painting.
Why are some animations slow?
Animating well is core to a great web experience. This post explains why certain types of animation perform better than others.
Antialiasing 101
An API for fast, beautiful web fonts
An update on the Google Fonts CSS API—how it works, how to use it, and how it can efficiently deliver your web fonts.
Make your PWA feel more like an app
Learn how to make your Progressive Web App feel like a real app by understanding how to implement platform-specific app patterns with web technologies.
Get things done quickly with app shortcuts
App shortcuts give quick access to a handful of common actions that users need frequently.
A beginner's guide to using the application cache
Preparing for AppCache removal
Details of Chrome's and other browsers' plans to remove AppCache.
Apply instant loading with the PRPL pattern
PRPL is an acronym that describes a pattern used to make web pages load and become interactive, faster. In this guide, learn how each of these techniques fit together but still can be used independently to achieve performance results.
Positioning virtual objects in real-world views
The WebXR Hit Test API is an enhancement to the web's augmented reality that lets you place virtual objects in a real-world view.
ARIA labels and relationships
Using ARIA labels to create accessible element descriptions
ARIA: poison or antidote?
How lying to screen readers cures accessibility, when it doesn't rub salt in it!
The CSS aspect-ratio property
Maintaining aspect ratio within images and elements is now easier to achieve with the new aspect-ratio CSS property.
Assess spam damage
Find out what to do if your site has been hacked to host spam.
Simple asset management for HTML5 games
Asymmetric animation timing
Breaking symmetry provides contrast and appeal to your projects. Learn when and how to apply this to your projects.