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.
@property: giving superpowers to CSS variables
Learn how to implement CSS custom properties with semantic typing, a fallback value, and more, directly in your CSS file.
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
Measure browser autofill on your forms
To optimize user experience, it's essential to understand how users interact with your forms. Browser autofill plays a significant role in this process. Learn how to collect and analyze data on how users use autofill in your forms.
Automating audits with AutoWebPerf
A new modular tool that enables automatic gathering of performance data from multiple sources.
Deploying AVIF for more responsive websites
An overview of how AVIF is adopted in the ecosystem, and what kind of performance and quality benefits developers can expect from AVIF for still images and animations.
Avoid large, complex layouts and layout thrashing
Layout is where the browser figures out the geometric information for elements - their size and location in the page. Each element will have explicit or implicit sizing information based on the CSS that was used, the contents of the element, or a parent element. The process is called Layout in Chrome.
Create OS-style backgrounds with backdrop-filter
Learn how to add background effects like blurring and transparency to UI elements on the web using the CSS backdrop-filter property.
Download AI models with the Background Fetch API
The nuances of base64 encoding strings in JavaScript
Understand and avoid common problems when applying base64 encoding and decoding to strings.
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.
Color themes with Baseline CSS features
Learn how to create color themes with Baseline web features available in CSS.
Container queries and units in action
Learn how to use CSS container queries for adding both responsive typography and styles based on container dimensions in this guide.
<dialog> and popover: Baseline layered UI patterns
Learn how to build UI patterns for modal windows and prompts using the <dialog> and popover web features.
Responsive and fluid typography with Baseline CSS features
Learn how to use Baseline CSS features to create typography that responds to the user with accessibility and developer ergonomics in mind.
How to implement an image gallery using Baseline features
Image galleries are a common user interface pattern on the web. Learn how to create one using Baseline features.
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.
Back/forward cache
Learn to optimize your pages for instant loads when using the browser's back and forward buttons.
Compiling to and optimizing Wasm with Binaryen
Using the example of a synthetic toy language called ExampleScript, learn how to write and optimize WebAssembly modules in JavaScript using the Binaryen.js API.
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.
Browser-level image lazy loading for the web
This post covers the loading attribute and how it can be used to control the loading of images.
Browser-level lazy loading for CMSs
This post provides guidance on how to adopt the loading attribute in content management systems.
Browser sandbox
To defend against attacks, a developer needs to mitigate vulnerabilities and add security features to an application. Luckily, on the web, the browser provides many security features, including the idea of a "sandbox".
Build a support team
Work with your site hoster to deal with spam damage, and find online communities to help.
Building a PWA at Google, part 1
What the Bulletin team learned about service workers while developing a PWA.
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.
Bundling non-JavaScript resources
Learn how to import and bundle various types of assets from JavaScript in a way that works both in browsers and bundlers.
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
Improving HTML5 Canvas performance
Typographic effects in canvas
Best practices for carousels
Learn how to optimize carousels for performance and usability.
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.
Centering in CSS
Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change.
Help users change passwords easily by adding a well-known URL for changing passwords
By redirecting requests to /.well-known/change-password to the change password URL, you can let users update their passwords easier than before.
Choose a JavaScript library or framework
Understand the decisions around using a JavaScript library or framework.
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.
Improve performance and UX for client-side AI
Discover the benefits of client-side AI, including low latency, reduced server-side costs, no API key requirements, increased user privacy, and offline access.
Client-side rendering of HTML and interactivity
Rendering HTML with JavaScript is different than rendering HTML that's sent by the server—and that can affect performance. Learn the difference in this guide, and what you can do to preserve your website's rendering performance—especially where interactions are concerned.
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.