v0.0.191 of Modern Web Guidance is out and it's a big one! *16* new guides covering: web components by @castastrophe.bsky.social Cross-Origin Storage by @tomayac.com security by @rowan.fyi UI and PWA by @jamessw.com and @sturobson.com Wasm by @sbc100.bsky.social github.com/GoogleChrome...
Philip Walton
@philipwalton.com
DevRel lead @ Google working on Chrome and the Web. I occasionally blog at: https://philipwalton.com
Google started shipping ad metrics in CrUX overnight, so I’ve added them to Calibre's free Core Web Vitals tool. First look at the Independent: ads take up 20% of the screen, 7.25s of CPU and 5.1MB of data per page. 88% of their readers are on phones. calibreapp.com/tools/core-w...
We just launched experimental ad metrics in the Chrome User Experience Report (CrUX): - Ad Count - Ad Density - Ad Weight: Network - Ad Weight: CPU These metrics are a set of ad-related measurements that provide transparency into sites' ad experiences. developer.chrome.com/blog/crux-ad... 1/8 🧵
New ad metrics in Chrome User Experience Report | Blog | Chrome for Developers
Learn about the new ad metrics now available in the Chrome User Experience Report (CrUX)
developer.chrome.com
If you've ever tried using a new web API in TypeScript, you've probably hit this problem: An API exists. It works in your browser. But TypeScript has no types for it. The reason is a limitation that TS unfortunately applies to its built-in libs. BUT, I've created a relatively simple fix 👇
I've just release v6.0.0 of the web-vitals library. It includes support for measuring Web Vitals per soft navigation (like those used in SPAs) for supporting browsers (Chrome 151+) to give more accurate performance metrics for those sites. github.com/GoogleChrome...
github.com
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)
🔥 New blog post: In defense of polyfills A highly influential spec editor expressed the opinion that polyfilling is harmful. I beg to differ. lea.verou.me/blog/2026/po...
In defense of polyfills • Lea Verou
An influential spec editor thinks polyfilling is harmful. I think blaming polyfills for compat accidents is like blaming car crashes on the ambulances that show up — and the alternative is a stagnant ...
lea.verou.me
Yeah, www.bram.us/2025/05/04/c... is the article Jakob's referring to. The post lists the difficulties (basically reiterating what @philipwalton.com said a decade ago), identifies the needs, and also explores a potential solution. I really wish we had something like it, for the better of the web.
Polyfilling CSS with CSS Parser Extensions
In April I attended #BlinkOn, the conference for web platform contributors in the Chromium open source project. At the conference I gave a presentation about “CSS Parser Extensions”, a wild idea I hav...
bram.us
Along with the laundry list of CSS features I didn't know had been knocking around for the last few years, I've just found that private JS properties are "widely available" baseline…since 2021. Apparently I just get older and slower 🐌
Solved: AI coding tools that hallucinate legacy web practices. Modern Web Guidance codifies decades of Chrome's platform expertise into your agents. Level up with guides for web best practices and new platform features, using Baseline data for cross-browser reliability → goo.gle/4on8BMS
My Google IO demo of HTML in Canvas and Web MCP github.com/PaulKinlan/3...
I really don't like to admit that, but agents are no longer bad at CSS. I'm playing around with these skills bundled by Googlers into the Modern Web Guidance, and they are impressive. Really good presentation @philipwalton.com 👏 developer.chrome.com/docs/modern-... #css
Modern Web Guidance | Chrome for Developers
Guidance on how to build for the modern web.
developer.chrome.com
My talk on Modern Web Guidance is up! youtu.be/bo3i0FzDUYo This talk is a deep dive into how Modern Web Guidance works and why it's useful. 👉 Make sure you watch until the end, where I show some live demos that really highlight this tool's capabilities!
Unlock modern web capabilities in your AI coding workflows
YouTube video by Chrome for Developers
youtu.be
HTML might be getting out of order streaming natively in the future. I really like this: developer.chrome.com/blog/declara...
Declarative partial updates | Blog | Chrome for Developers
Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148
developer.chrome.com
Here's the recording of this year's “What's new in Web UI” talk @una.im and I gave at Google I/O earlier this week. youtu.be/uT7MVcCQ4rw Very happy with how it went, and I think you might find it useful, so give it a watch 😊 #ChromeDevRel #GoogleIO
What's new in Web UI
YouTube video by Chrome for Developers
youtu.be
What's new in Web UI: 2026 Edition ✨ @bram.us and I go over 35+ new CSS, HTML, and JS features to help you build beautiful web experiences Video just went live: www.youtube.com/watch?v=uT7M...
What's new in Web UI
YouTube video by Chrome for Developers
youtube.com
My talk on Modern Web Guidance is up! youtu.be/bo3i0FzDUYo This talk is a deep dive into how Modern Web Guidance works and why it's useful. 👉 Make sure you watch until the end, where I show some live demos that really highlight this tool's capabilities!
Unlock modern web capabilities in your AI coding workflows
YouTube video by Chrome for Developers
youtu.be
Pretty excited about the Modern Web Guidance skills from Google. I had already created my own "semantic HTML" skill, but these are much better. https://developer.chrome...
✨ A challenge in today's web dev is telling AI agents to write modern code. Skills can help avoid legacy patterns and bloated JS. 🎉 We're teaming up with Chrome to bring you Modern Web Guidance: skills for web platform expertise, best practices, and modern API patterns!
GitHub - GoogleChrome/modern-web-guidance
Contribute to GoogleChrome/modern-web-guidance development by creating an account on GitHub.
github.com
We've been COOKING Modern Web Guidance is a skill pack that helps your coding agent write better, faster, more accessible and secure code Get it at goo.gle/mwg We'd love to know what you think!
Modern Web Guidance | Chrome for Developers
Guidance on how to build for the modern web.
goo.gle
Ensure your coding agents build modern, fast & secure apps by default → goo.gle/3PcqfGj We just announced Modern Web Guidance at #GoogleIO. It injects AI-ready skills and modern features—with Baseline Widely Available fallbacks—so your agent stays up to date 🧵
Thrilled this is out, keeping quiet has been SO HARD! 🤐 I’ve had the opportunity to contribute as a domain expert consultant over the past few months, and saw firsthand the level of thoughtfulness and care that went into it. Proud to have played a small part, and excited to see what folks build! ❤️
Ensure your coding agents build modern, fast & secure apps by default → goo.gle/3PcqfGj We just announced Modern Web Guidance at #GoogleIO. It injects AI-ready skills and modern features—with Baseline Widely Available fallbacks—so your agent stays up to date 🧵
💥 Game changer for Web Development announced at GoogleIO- Modern Web Guidance! It’s expert-vetted skills for web development based on best practices of latest specs and APIs. It ensures your agent/coding harness doesn’t default to older and out of date patterns to build sites.
I'm going to be giving a talk that deep dives into Modern Web Guidance in 2 hours: bsky.app/profile/deve... You can find the talk details here: io.google/2026/explore...
Ensure your coding agents build modern, fast & secure apps by default → goo.gle/3PcqfGj We just announced Modern Web Guidance at #GoogleIO. It injects AI-ready skills and modern features—with Baseline Widely Available fallbacks—so your agent stays up to date 🧵
🚨 What are some modern web platform (CSS, HTML, JS) features that you wish your AI agent utilized, but doesn't (or gets them wrong)? I’ll go first: - CSS: lh unit, trig functions, nesting - HTML: inert attribute - JS: Regex lookbehind, regex named groups, RegExp.escape(), Object.groupBy()
TypeScript excitement 😉 Congrats to @jakebailey.dev on updating upstream tsc to default to an unpinned *latest* yearly edition of ES20xx. Heading for TS 6.0 🎉 This mean less transpilation of new JS features & more use of native language features provided by JS engines 👍 github.com/microsoft/Ty...
Default `target` to "latest standard", deprecate ES5 by jakebailey · Pull Request #63067 · microsoft/TypeScript
target now defaults to ScriptTarget.LatestStandard, which is an alias to the most recent standardized ES version, currently ES2024 (until we add ES2025). target=ES5 is now deprecated. #63066 got mo...
github.com
ES5 🫡👋
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed? The solution is simpler than you think. With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
The Chrome Identity and Payments team in Waterloo Canada is hiring several early/mid-career developers. I'm on the lookout for exceptional candidates with a passion for browsers and/or the identity/payments space! www.linkedin.com/posts/rick-b...
Being an old-school web dev is always like "Oh wait, I *can* use container queries now"
There are many goodies that are newly and widely available in Baseline. backdrop-filter is so much fun to work with and I am obsessed with AVIF images and the ability to animate from display: none with @starting-style. And how easy is it to lazy load images now? web.dev/articles/bas...
How to implement an image gallery using Baseline features | Articles | web.dev
Image galleries are a common user interface pattern on the web. Learn how to create one using Baseline features.
web.dev