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.
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.
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.
Antialiasing 101
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.
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
Assess spam damage
Find out what to do if your site has been hacked to host spam.
Simple asset management for HTML5 games
Unblocking clipboard access
Async Clipboard API simplifies permissions-friendly copy and paste.
Asynch JS - The power of $.Deferred
Async functions: making promises friendly
Async functions allow you to write promise-based code as if it were synchronous.
Using asynchronous web APIs from WebAssembly
Learn how to invoke asynchronous web APIs when compiling traditionally synchronous languages to WebAssembly.
Synchronize audio and video playback on the web
The Web Audio API makes it possible to properly achieve AV synchronization.
Quick guide to implementing the HTML5 audio tag
A tale of two clocks
How to think about Baseline and polyfills | Articles
Knowing when to reach for a polyfill can be a hard decision, but using Baseline features can help you answer this question. Learn more in this guide!
Baseline features you can use today
Learn about just some of the features that are part of Baseline.
Create Baseline tools with the web-features package
Learn how to use the data in the web-features npm package to create your own Baseline tools!
Feedback wanted: The road to a better layout shift metric for long-lived pages
Learn about our plans for improving the Cumulative Layout Shift metric and give us feedback.
Bitrate
Bitrate is the maximum number of bits used to encode one second of a stream. The more bits used to encode a second of stream, the higher the fidelity.
Bridging the gap
Making it easier to build for the web.
Broadcast updates to pages with service workers
How service workers can proactively communicate with the page to inform about certain events.
Building Chrometober!
How the scrolling book came to life for sharing fun and frightening tips and tricks this Chrometober.
Build multiple Progressive Web Apps on the same domain
Explore the recommended and not recommended ways of building multiple PWAs reusing the same domain with their advantages and disadvantages.
The Cache API: A quick guide
Learn how to use the Cache API to make your application data available offline.
Control camera pan, tilt, and zoom
Pan, tilt, and zoom features on cameras are finally controllable on the web.
High DPI Canvas
Image filters with canvas
Canvas inspection using Chrome DevTools
Integrating Canvas into your Web App
No tears guide to HTML5 games
Typographic effects in canvas
Everything announced at Chrome Dev Summit 2021
A roundup of all the key announcements from the 2021 Chrome Dev Summit, with the links you need to find out more.
Choose the right image format
Selecting the right image format is the first step in delivering optimized images on your website. This post helps you to make the right choice.
Choosing the right easing
Choose the appropriate easing for your project, whether that's easing in, out, or both. Maybe even use bounces for extra fun!
Chrome and Firefox soon to reach major version 100
User-Agent string changes, the strategies that Chrome and Firefox are taking to mitigate the impact, and how you can help.
Clean and maintain your site
This post explains how to clean up your site after it has been hacked.
Click to Call
On devices with phone capabilities, make it easy for users to directly connect with you by simply tapping a phone number, more commonly known as click to call.
Clipboard patterns
A collection of common patterns for dealing with the clipboard.
Cumulative Layout Shift (CLS)
This post introduces the Cumulative Layout Shift (CLS) metric and explains how to measure it.
Address form best practices codelab
Learn best practices for address forms.
Art direction
In this codelab, learn how to load completely different images based on device display size.
Building resilient search experiences with Workbox
How to implement a resilient search experience with Workbox, using Background Sync and the Push API.
Use density descriptors
In this codelab, learn how to use density descriptors and srcset to load images with the right pixel density for the user's device.
Fix sneaky 404s
In this codelab, learn how to track down a sneaky 404 that may prevent your page from being properly indexed.
Make it installable
In this codelab, learn how to make a site installable using the beforeinstallprompt event.
Get started with the Notifications API
In this codelab, learn how to request user permission and send notifications.
Build a push notifications server
In this codelab, learn how to build a push notifications server.
Use a Service Worker to manage notifications
In this codelab, learn how to manage notifications with a service worker.
Payment form best practices codelab
Learn best practices for payment forms.
Same Origin Policy & Fetch requests
In this codelab, learn how the same-origin policy works when fetching resources.
Same Origin Policy & iframe
In this codelab, learn how the same-origin policy works when accessing data inside an iframe.