Dialog
Build modal and non-modal dialogs with the native element — focus, top layer and dismissal included. Read the guide
Modern Web Guidance
The Modern Web Guidance was written for AI agents. This edition makes it readable for people: full-text search, live demos you can run, and a Baseline compatibility badge on every feature reference.
Unofficial site. Content comes from
GoogleChrome/modern-web-guidance-src
(Apache-2.0, commit 179dbc6, synced 2026-11-12). This is an
independent publication, not a Google site. First batch: 40 of 252 guides,
chosen across all 17 categories; the rest are converted and will follow.
Start with the essentials
Section titled “Start with the essentials”Passkey authentication
Sign returning users in with a passkey, the way the platform intends. Read the guide
Identify causes of poor INP
Find the JavaScript and layout work that makes interfaces feel slow. Read the guide
Animated select picker
Animate a custom select dropdown without rebuilding the platform control. Read the guide
Field notes (original to this site)
Section titled “Field notes (original to this site)”- Building this site with the guidance itself — what the MWG installer, a 390px viewport and our own conversion pipeline taught us.
- Dialog and Popover: what we actually chose
- When demo pages pollute your search index