--- title: "web.dev - Build Modern Web Experiences" url: https://stacklist.com/card/858bef2c-b409-462c-9408-1b955258a0cf source_url: "https://web.dev" stack: https://stacklist.com/c/technology/stack/8a0d73a6-b7a3-4efc-8f2b-cd046f2fabbc summary: "Web.dev is a comprehensive learning platform by the Chrome team offering courses, guides, and resources for web developers to build beautiful, accessible, fast, and secure websites. The site covers HTML, CSS, JavaScript, AI integration, Core Web Vitals optimization, PWAs, and includes a blog with the latest web development news and best practices." tags: "web-development, learning-resource, core-web-vitals, html-css-javascript, performance-optimization, accessibility" key_entities: "Google Chrome Team (organization), HTML (technology), CSS (technology), JavaScript (technology), Core Web Vitals (concept), Interaction to Next Paint (INP) (concept), Progressive Web Apps (PWA) (concept), TransformStream (technology), Web Accessibility (concept)" classification: "reference" content_hash: "sha256:3f02f18fe9402c30c8486cb2af1b1dac1a8fb99791cee53d2f3d9777980c2bae" acp_version: "0.2" token_counts_approximate: 1354 visibility: public agent_accessible: true status: "final" --- # web.dev - Build Modern Web Experiences We want to hear from you! We are looking for web developers to participate in user research, product testing, discussion groups and more. Apply now to join our WebDev Insights Community . web.dev Stay organized with collections Save and categorize content based on your preferences. 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. AI and the web Discover resources created to help you understand and build performant, web-first experiences with AI. Learn more Optimize INP Interaction to Next Paint (INP) is now a Core Web Vital metrics. Start measuring and optimizing your site's INP. Learn more Payments & Identity Read up on the latest features and best practices when it comes to identity and payment processing. Learn more The web platform is a constantly evolving ecosystem of browser features and APIs for developers 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 HTML HTML is the document layer of the web, providing structure and semantics for pages. Learn more web CSS CSS is the presentation layer of the web, and allows you to make your web pages look exactly like you imagine. Learn more timer JavaScript JavaScript adds rich interactivity to web pages, so you can build websites that help users to perform tasks and accomplish goals. Learn more New to the web platform? We've got you covered! Dive into each layer, with courses curated specifically for beginners to HTML, CSS, and JavaScript. Course Learn HTML A solid overview of HTML for developers, from novice to expert level HTML. Start course Course Learn CSS A guide to CSS with modules covering everything from accessibility to z-index. Start course Course Learn JavaScript An in-depth course on the basics of JavaScript. Start course Keep up on web development news Read our blog to learn the latest news in web development, including new web platform features, updates to Baseline, AI, Core Web Vitals, and more. Read the blog March 2026 Baseline monthly digest Read about various happenings with Baseline during March 2026. February 2026 Baseline monthly digest Read about various happenings with Baseline during February 2026. January 2026 Baseline monthly digest Read about various happenings with Baseline during January 2026. December 2025 Baseline monthly digest Read about various happenings with Baseline during December 2025. Adapting typography to user preference using 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 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? Improve web debugging experience with source maps. 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 A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web. How to optimize INP Learn how to optimize for the Interaction to Next Paint metric. Common misconceptions about how to optimize 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 Guidance for collecting and reporting Web Vitals quickly and reliably. Learn PWA A course that breaks down every aspect of modern progressive web app development. TransformStream is now supported cross browser. Now that transform streams are supported in Safari, Firefox, and Chrome they are finally ready for prime time. 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 On the Chrome Developers site, explore capabilities APIs. Learn Accessibility Our new course is a great entry point and reference for accessibility topics. 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 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 Read our interview with Melanie, a software engineer who specializes in digital accessibility. Create a passkey for passwordless logins Passkeys make user accounts safer, simpler, easier to use. Sign in with a passkey Create a sign in experience that uses passkeys while still accommodating existing password users. Web payments overview Learn more about Web Payments and how they work. Payment and address form best practices Maximize conversions by helping your users complete address and payment forms as quickly and easily as possible.