[Skip to main content](#main-content)
[](/)
/
* [English](https://web.dev/)
* [Deutsch](https://web.dev/?hl=de)
* [Español – América Latina](https://web.dev/?hl=es-419)
* [Français](https://web.dev/?hl=fr)
* [Indonesia](https://web.dev/?hl=id)
* [Italiano](https://web.dev/?hl=it)
* [Polski](https://web.dev/?hl=pl)
* [Português – Brasil](https://web.dev/?hl=pt-br)
* [Tiếng Việt](https://web.dev/?hl=vi)
* [Türkçe](https://web.dev/?hl=tr)
* [Русский](https://web.dev/?hl=ru)
* [עברית](https://web.dev/?hl=he)
* [العربيّة](https://web.dev/?hl=ar)
* [فارسی](https://web.dev/?hl=fa)
* [हिंदी](https://web.dev/?hl=hi)
* [বাংলা](https://web.dev/?hl=bn)
* [ภาษาไทย](https://web.dev/?hl=th)
* [中文 – 简体](https://web.dev/?hl=zh-cn)
* [中文 – 繁體](https://web.dev/?hl=zh-tw)
* [日本語](https://web.dev/?hl=ja)
* [한국어](https://web.dev/?hl=ko)
[Sign in](https://web.dev/_d/signin?continue=https%3A%2F%2Fweb.dev%2F&prompt=select_account)
Guidance to build modern web experiences that work on any browser.
Chrome is back at Google I/O on May 20-21! [Register now](https://io.google/2025/register/?utm_source=devsite&utm_medium=embedded_marketing&utm_campaign=wdd&utm_content=)
* [web.dev](https://web.dev/)
### Building a better web, together
We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts who specialize in web development topics such as accessibility, performance, design, and more.
[](https://web.dev/baseline)
### [Baseline](https://web.dev/baseline)
Web Platform Baseline brings clarity to information about browser support for web platform features, providing clear information about which web platform features are ready to use in your projects today. When reading an article here on web.dev, if the features used are all part of Baseline, you can trust the level of browser compatibility.
[Learn more](https://web.dev/baseline)
[](https://web.dev/explore/ai)
### [AI and the web](https://web.dev/explore/ai)
Discover resources created to help you understand and build performant, web-first experiences with AI.
[Learn more](https://web.dev/explore/ai)
[](https://web.dev/explore/how-to-optimize-inp?utm_source=web.dev&utm_medium=cards&utm_campaign=inp-cwv)
### [Optimize INP](https://web.dev/explore/how-to-optimize-inp?utm_source=web.dev&utm_medium=cards&utm_campaign=inp-cwv)
Interaction to Next Paint (INP) is now a Core Web Vital metrics. [Start measuring and optimizing](https://web.dev/explore/how-to-optimize-inp?utm_source=web.dev&utm_medium=cards&utm_campaign=inp-cwv) your site's INP.
[Learn more](https://web.dev/explore/how-to-optimize-inp?utm_source=web.dev&utm_medium=cards&utm_campaign=inp-cwv)
[](https://web.dev/identity)
### [Payments & Identity](https://web.dev/identity)
Read up on the latest features and best practices when it comes to identity and payment processing.
[Learn more](https://web.dev/identity)
### Explore the web platform
The web platform is a constantly evolving ecosystem of browser features and APIs that developers can use to make websites that are easy and delightful to use. These pages are pathways for you to dive into each part of the web platform on web.dev—at your pace:
[
image
](https://web.dev/html)
### [HTML](https://web.dev/html)
HTML is the document layer of the web, providing structure and semantics for pages.
[Learn more](https://web.dev/html)
[
web
](https://web.dev/css)
### [CSS](https://web.dev/css)
CSS is the presentation layer of the web, and allows you to your web pages look just like you want them to.
[Learn more](https://web.dev/css)
[
timer
](https://web.dev/javascript)
### [JavaScript](https://web.dev/javascript)
JavaScript provides rich interactivity to web pages, allowing developers to build richly interactive websites that help users to perform tasks and accomplish goals.
[Learn more](https://web.dev/javascript)
### Learn the web platform
New to the web platform? We've got you covered! Dive into each part of the web platform with these courses curated specifically for beginners to HTML, CSS, and JavaScript.
[](https://web.dev/learn/html)
Course
### [Learn HTML](https://web.dev/learn/html)
A solid overview of HTML for developers, from novice to expert level HTML.
[Start course](https://web.dev/learn/html)
[](https://web.dev/learn/css)
Course
### [Learn CSS](https://web.dev/learn/css)
A guide to CSS with modules covering everything from accessibility to z-index.
[Start course](https://web.dev/learn/css)
[](https://web.dev/learn/javascript)
Course
### [Learn JavaScript](https://web.dev/learn/javascript)
An in-depth course on the basics of JavaScript.
[Start course](https://web.dev/learn/javascript)
[](https://web.dev/baseline)
### [Keep up on web development news](https://web.dev/baseline)
Our blog contains the latest news in web development, including new web platform features, updates to Baseline, AI, Core Web Vitals, and more. Keep up with the latest blog reading our blog.
[Read the blog](https://web.dev/baseline)
### [Adapting typography to user preference using CSS](https://web.dev/articles/adapting-typography-to-user-preferences-with-css)
Adapt a font to your users' preferences, so they're maximally comfortable reading your content.
### [New CSS color spaces and functions in all major engines](https://web.dev/blog/color-spaces-and-functions)
All major engines now support the new CSS color spaces and functions. Find out how they can bring vibrancy to your designs.
### [What are source maps?](https://web.dev/articles/source-maps)
Improve web debugging experience with source maps.
### [CSS subgrid](https://web.dev/articles/css-subgrid)
Subgrid is now interoperable across all three major engines. Find out how to use it.
### [The most effective ways to improve Core Web Vitals](https://web.dev/articles/top-cwv)
A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web.
### [How to optimize INP](https://web.dev/explore/how-to-optimize-inp)
Learn how to optimize for the Interaction to Next Paint metric.
### [Common misconceptions about how to optimize LCP](https://web.dev/blog/common-misconceptions-lcp)
Explore common misconceptions about optimizing Largest Contentful Paint by looking beyond image optimization and considering factors like Time to First Byte and resource load delay.
### [Best practices for measuring Web Vitals in the field](https://web.dev/articles/vitals-field-measurement-best-practices)
Guidance for collecting and reporting Web Vitals quickly and reliably.
### [Learn PWA](https://web.dev/learn/pwa)
A course that breaks down every aspect of modern progressive web app development.
### [TransformStream is now supported cross browser.](https://web.dev/blog/transformstream)
Now that transform streams are supported in Safari, Firefox, and Chrome they are finally ready for prime time.
### [New patterns for amazing apps](https://web.dev/blog/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.
### [Project Fugu API showcase](https://developer.chrome.com/fugu-showcase/)
On the Chrome Developers site, explore capabilities APIs.
### [Learn Accessibility](https://web.dev/learn/accessibility)
Our new course is a great entry point and reference for accessibility topics.
### [Testing web design color contrast](https://web.dev/testing-web-design-color-contrast)
An overview of three tools and techniques for testing and verifying accessible color contrast of your design.
### [Building the main navigation for a website](https://web.dev/articles/website-navigation)
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.
### [Community highlight: Melanie Sumner](https://web.dev/blog/community-highlights/melanie)
Read our interview with Melanie, a software engineer who specializes in digital accessibility.
### [Create a passkey for passwordless logins](https://web.dev/articles/passkey-registration)
Passkeys make user accounts safer, simpler, easier to use.
### [Sign in with a passkey](https://web.dev/articles/passkey-form-autofill)
Create a sign in experience that uses passkeys while still accommodating existing password users.
### [Web payments overview](https://web.dev/articles/web-payments-overview)
Learn more about Web Payments and how they work.
### [Payment and address form best practices](https://web.dev/articles/payment-and-address-form-best-practices)
Maximize conversions by helping your users complete address and payment forms as quickly and easily as possible.