There is no one way to solve interfaces challenges. In this series, we'll be challenging ourselves and each other to find multiple ways to solve interface challenges and expand the diversity of our skills. | Continue reading
The Storage Foundation API is a storage API that resembles a basic file system, with direct access to stored data through buffers and offsets. It gives developers flexibility by providing generic, simple, and performant primitives on which they can build higher-level components. … | Continue reading
Images are a common source of performance bottlenecks for web applications and a key focus area for optimization. This article explains how the Aurora team at Google designed a powerful image component in Next.js that is built-in with a number of optimizations via a developer-fri … | Continue reading
Over the last three years, Chrome has been working to empower web applications that want to push the boundaries of what's possible in the browser. One such web application has been Photoshop. The idea of running software as complex as Photoshop directly in the browser would have … | Continue reading
Use the Reporting API to monitor security violations, deprecated API calls, and more. | Continue reading
A foundational overview of how to build a responsive, adaptive, and accessible, multiselect component for sort and filter user experiences. | Continue reading
The new Sanitizer API aims to build a robust processor for arbitrary strings to be safely inserted into a page. This article introduces the API, and explains its usage. | Continue reading
This article focuses on speculative prefetching and prerendering. Learn more about how they're used, the drawbacks of the current implementations, popular external libraries that implement sophisticated speculation, and the origin trial that bring same-origin speculative prerend … | Continue reading
Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations. | Continue reading
This case study explains how Swappie team increased conversions and revenue by optimizing their web app for Core Web Vitals. | Continue reading
The VirtualKeyboard API provides a mechanism for developers to opt-in to a special behavior when the virtual keyboard appears: a docked virtual keyboard will overlay content (as opposed to repositioning it) and JavaScript events will be dispatched to allow the author to rearrange … | Continue reading
Learn how to import and bundle various types of assets from JavaScript in a way that works both in browsers and bundlers. | Continue reading
Learn about the App History API, a new API which adds improved functionality to build single-page applications. | Continue reading
WebGPU enables high-performance 3D graphics and data-parallel computation on the web. | Continue reading
Learn why tools that monitor Core Web Vitals metrics may report different numbers, and how to interpret those differences. | Continue reading
Learn how to use CSS module scripts to import CSS stylesheets using the same syntax as JavaScript modules. | Continue reading
Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web. | Continue reading
A foundational overview of how to establish a dynamic and configurable color scheme | Continue reading
Our latest news, updates, and stories for developers | Continue reading
An approach to standardizing common pattern matching use cases. | Continue reading
Eagerly loading images within the initial viewport—while liberally lazy-loading the rest—can improve Web Vitals while loading fewer bytes. | Continue reading
"same-site" and "same-origin" are frequently cited but often misunderstood terms. This article helps you understand what they are and how they are different. | Continue reading
Learn how to bring multithreaded applications written in other languages to WebAssembly. | Continue reading
As a web font loads, you can now adjust its scale to normalize the document font sizes and prevent layout shift when switching between fonts | Continue reading
After registering a PWA as a URL handler, when a user clicks on a hyperlink that matches one of the registered URL patterns, the registered PWA will open. | Continue reading
This article covers CSS-related techniques for optimizing Web Vitals. | Continue reading
Explore the recommended and not recommended ways of building multiple PWAs reusing the same domain with their pros and cons. | Continue reading
These seemingly small additions to CSS selector syntax are going to have a big impact. | Continue reading
User-preference based media features, container queries, and media queries for new screen types, such as foldable screens, will enable us to usehr in a new era of responsive web design. | Continue reading
An evergreen CSS course and reference to level up your web styling expertise. | Continue reading
This article lists the most important security headers you can use to protect your website. Use it to understand web-based security features, learn how to implement them on your website, and as a reference for when you need a reminder. | Continue reading
The Handwriting Recognition API allows web applications to use advanced handwriting recognition services to recognize text from handwritten input in real time. | Continue reading
Web developers can customize media notifications and respond to media related events such as seeking or track changing with the Media Session API. | Continue reading
A foundational overview of how to build a responsive horizontal scrollview for TVs, phones, desktops, etc. | Continue reading
Today, we will cover new tooling features in Lighthouse, PageSpeed and DevTools to help identify how your site can improve on the Web Vitals. | Continue reading
After registering a PWA as a protocol handler, when a user clicks on a hyperlink with a specific scheme such as mailto, bitcoin, or web+music from a browser or a platform-specific app, the registered PWA will open and receive the URL. | Continue reading
Insertable streams for MediaStreamTrack is about exposing the content of a MediaStreamTrack as a stream that can be manipulated or used to generate new content. | Continue reading
See how well your website performs. Then, get tips to improve your user experience. | Continue reading
Learn how to invoke asynchronous web APIs when compiling traditionally synchronous languages to WebAssembly. | Continue reading
Learn more about how Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms. | Continue reading
WebOTP API can now receive an OTP from within an iframe. | Continue reading
A foundational overview of how to build a responsive slide out sidenav | Continue reading
A foundational overview of how to build a settings component of sliders and checkboxes. | Continue reading
Learn about how cookie notices affect performance, performance measurement, and UX. | Continue reading
Our latest news, updates, and stories for developers | Continue reading
By running an A/B test specifically focused on optimizing Web Vitals, Vodafone found that a 31% improvement in LCP led to 8% more sales, a 15% improvement in their lead to visit rate, and a 11% improvement in their cart to visit rate. | Continue reading
Learn how to deploy a CSP based on script nonces or hashes as a defense-in-depth against cross-site scripting. | Continue reading