new @e18e.dev blog post about when to publish source maps to npm 📦 source maps are often the reason behind bloated install sizes, but sometimes necessary. here we try to explain some of the balance, do/don't

Source maps or not?

Source maps are great for debugging, but should we be shipping them in production?

e18e.dev

It's up! Capo extension for Firefox: addons.mozilla.org/en-US/firefo... Let me know if you run into any issues

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order – Get this Extension for 🦊 Firefox (en-US)

Download Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order for Firefox. Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page

addons.mozilla.org

Rick Viscomi@rviscomi.dev · last wk.

Capo extension support finally coming to Firefox

Capo extension support finally coming to Firefox

Introducing passkey skills— The Chrome team launched an early preview of Modern Web Guidance at Google I/O — a tool that injects web development best practices directly into your coding agents as skills.

There's a lot of excitement for CSS Gap Decorations right now, which is great. However, the feature is only available in Chromium-based browsers (Chrome or Edge 149+) for now. Want it in other browsers? Have a specific use case for it? Leave a 👍 AND a comment with your use case here ⬇️

Gap decorations · Issue #362 · web-platform-dx/developer-signals

This GitHub issue is for collecting web developer signals for Gap decorations. The column-rule and row-rule CSS properties display decorative lines between columns and rows of a flex, grid, or mult...

github.com

Not a single day without me wishing I could use sibling-count() and sibling-index() in CSS across browsers. They're so useful when styling collections of elements. Do you want them too? Let us know your use cases by dropping a comment at github.com/web-platform-dx/developer-signals/issues/361.

sibling-count() and sibling-index() · Issue #361 · web-platform-dx/developer-signals

This GitHub issue is for collecting web developer signals for sibling-count() and sibling-index(). The sibling-count() and sibling-index() CSS functions return integers that are useful to style ele...

github.com

Making the most of a 24 hour layover in Iceland This place is unreal

👀 URL.canParse() - Now Baseline Widely Available In all browsers since December 2023 - safe to use in most cases If you run isValidUrl() against many non-URL inputs, switching could significantly improve performance, bypassing the usage of errors for control flow.

Reminder: The State of CSS Survey is closing *SOON*, so **NOW** is the moment to complete it. stateofcss.com/en-US/ This survey directly influences efforts like Interop and feature planning, so this is **YOUR** moment to let browser vendors know what you find missing on the web!

The Chrome DevTools team are doing a "papercuts" sprint where they try to address lots of small, irritating bugs and annoyances. Reply with crbug.com links (no bug, no fix—that's the deal!) and will see what we can do. No promises though as some may be features/too big/unclear how to solve.

Did you attend #CSSDay and saw my talk (or heard about it), and you really want CSS Grid Lanes to be supported across browsers? ➡️ Give this issue a thumbs-up *and* add a comment explaining your use case. This can help a lot move things forward 💟 github.com/web-platform...

Masonry · Issue #308 · web-platform-dx/developer-signals

This GitHub issue is for collecting web developer signals for Masonry. The display: grid-lanes or display: inline-grid-lanes CSS declaration creates a layout where items are tightly packed, like br...

github.com

The people of #cssday have spoken: we want gamut mapping and we want it NOW!

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 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

People say AI sucks at web dev, but why does it suck and what can we do about it? See @philipwalton.com explain why that is and how Modern Web Guidance can help youtu.be/bo3i0FzDUYo

Unlock modern web capabilities in your AI coding workflows

YouTube video by Chrome for Developers

youtu.be

Imagine if your AI coding partner actually understood Baseline. With the new Modern Web Guidance early preview, it can. We’ve packaged 100+ guides that prioritize modern implementations while always providing a fallback for features that aren't widely available yet → goo.gle/49Kt9sG

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...

This is the kind of layer I want more of: not just stronger models, but stronger defaults. If coding agents are going to touch production web apps, guardrails around accessibility, security, and performance need to be built into the workflow instead of added as cleanup later.

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!

Chrome for Developers@developer.chrome.com · 3mo ago

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.

🚨 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()

Do you need the filter() function to be implemented across browsers? (Safari only so far.) It allows you to apply filters to an image, like: background-image: filter(url(myimage.png), blur(5px)); If you do, please 👍 and comment here: ➡️ github.com/web-platform...

filter() · Issue #509 · web-platform-dx/developer-signals

This GitHub issue is for collecting web developer signals for filter(). The filter() CSS function applies one or more graphic effects to a CSS image, such as a background image. You can use functio...

github.com

No more hacky padding or margin workarounds for bibliographies or news layouts → goo.gle/4c7tO9j Use hanging to indent every line except the first, or each-line to ensure indents persist after hard breaks.

I'm old-fashioned. I want your business to have a website. Don't gimme an Instagram page and a phone number. I wanna see what services you offer and then make an appointment on a regular degular website!

That project AI was helping me with that I was so excited about a while back? It's finally ready enough for some public exposure: I bring you "Waterfall Tools": blog.patrickmeenan.com/2026/04/12/i...

Introducing Waterfall Tools - Patrick Meenan's Blog

I’ve been wanting to build a 100% client-based waterfall tool for a long time. Something with a much more modern rendering engine and UI than WebPageTest’s s...

blog.patrickmeenan.com

Generate cryptographically secure UUIDs in the browser 🔐 `crypto.randomUUID()` is built into the Web Crypto API, no npm package needed. Works in all modern browsers and Node.js 14.17+. Learn more 👇 developer.mozilla.org/en-US/docs/...

Stop fighting specificity wars🛡️ The @scope at-rule is Baseline Newly Available and gives you granular control over where your styles apply. Define your root, set your limits, and keep your CSS clean → goo.gle/4aO0vbw

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

Interop 2026 is here → goo.gle/4tujOxz This year focuses on improving interoperability for high-priority features like CSS anchor positioning, container style queries, and scroll-driven animations to ensure a more reliable experience across all rendering engines.

I love how @npmx.dev brought the whole community together to solve a problem we're all having. We need more of that.