CSS Subgrid is now Baseline Widely Available across all major engines → goo.gle/4lOlLRL
It allows nested elements to inherit and align with their parent’s grid tracks, ensuring perfect alignment across complex layouts without manual sizing hacks.
Automatic runtime error fixed with DevTools MCP
CyberAgent moved to an automated debugging workflow via the Chrome DevTools MCP server for Ameba → goo.gle/4rQg8nG
By giving AI direct access to console logs and runtime states, they achieved:
📉 Days of work → 1 hr
✨ 100% audit coverage
🚀 Zero false negatives
Syncing the hidden DOM element to the pointer coordinates is a brilliant approach to the selection problem. Keeping the math perfectly synced gets incredibly tricky once you start introducing multi-line text blocks to that curved plane.
Active view transition code example
The :active-view-transition and :active-view-transition-type() pseudo-classes are now Baseline Newly available → goo.gle/4qtrKgu
Use these to apply specific style rules while transitions are in flight.
Abstracting all that boilerplate for scroll-driven transitions is a massive time saver.
When an agent has to actively request its own instructions, you completely eliminate the noise of pre-loading unused context. It makes the entire execution loop significantly more deliberate.
🦖 We love a good Dino tribute!
Projects like this are the ultimate stress test for modern CSS. Proof that the web platform is more capable than ever!
A declarative win for the web—it even supports Shadow DOM & reading-flow.
We’re currently in the RFC phase & need your feedback! Test it today in Chrome/Edge via origin trials or experimental flags.
Manual "roving tabindex" is a headache. focusgroup handles RTL, writing modes, & focus memory declaratively.
One attribute manages tab stops & arrow logic in the browser, letting you focus on your app’s core features 🧵 (2/3)
Request for developer feedback
Stop writing boilerplate JS for accessible menus. We’re proposing a new HTML primitive: focusgroup. It brings native keyboard arrow-key navigation directly to the platform.
Tell us what you think → goo.gle/4uvFIkz 🧵(1/3)
Every web dev knows the feeling: #7 when the build fails, #9 when the remix finally works.
Play through all builds to unlock the final bonus ⬇️ #GoogleIO
3 things you didn’t know about the Prompt API ⬇️
Runs locally with Gemini Nano 💻
Available today for Extensions and coming soon to Web 🛠️
Cross-browser polyfill is live 🌐
CSS shape() is now Baseline Newly Available → goo.gle/47nnZBG
The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().
What agentic use case do you want to see the team tackle next?
Designing DevTools: Efficient token usage with LLMs
Bridging the gap between massive performance traces and small AI context windows required a shift to custom serialization and BFS re-indexing → goo.gle/3Zg42Z9
By prioritizing relevant data, we made AI assistance in DevTools possible without hitting LLM limits 🤖
Navigation API
Building single-page apps just got a lot more reliable with the Navigation API hitting Baseline Newly available → goo.gle/3MGV7NN
Use it to intercept navigations and manage history entries natively without the sharp edges of the legacy History API 🧭
An extension that bridges the gap between the code we write and the actual visual boundaries the browser renders is exactly what we need.
This is going to make debugging waterfall issues and resource priority so much more intuitive.
Let the agent do the heavy lifting 🧩
This WebMCP maze demo shows how an AI agent can dynamically discover and use website tools to solve complex tasks autonomously.
Transcoding pipeline
10,000 videos processed daily with WebGPU + WebCodecs → goo.gle/4biAsbg
Learn how AI Video Upscaler handles hardware-accelerated processing entirely in the browser with $0 server costs.
Love where this is going! For absolute positioning headaches, throwing the computed coordinate offsets (top/left/bottom/right) directly onto the visual overlay relative to that specific containing block would be incredibly helpful.
Skip the morning scroll and start shipping: dive into Chrome 146 and show the community what you’ve created → goo.gle/3OXdxe1
Having this built natively into CSS eliminates an entire class of accessibility headaches when building dynamic design systems.
🛠️ The "platform-as-a-framework" era continues in Chrome 146 → goo.gle/4sHVbwb
We’re nerding out over Scoped Custom Element Registries—finally allowing multiple versions of the same tag name on one page. Perfect for micro-frontends and avoiding library conflicts.
The web was built for humans, but it’s time to make room for agents 🤖 Join @bandarra.me and Francois Beaufort on the WeAreDevs podcast as they discuss WebMCP and the shift toward an agent-ready architecture → goo.gle/3ZWqkzu
Corner Cases Example
Go under the hood of the corner-shape implementation to see the engineering challenges of bringing native, non-rounded geometry to the CSS engine → goo.gle/46DW9kz
Building a Chrome Extension doesn't mean you have to ditch your favorite framework.
However, frameworks relying on Server Side Rendering or external CDNs might hit a wall with Manifest V3's security policies.
Learn how to pick the right stack for your extension → goo.gle/4uAtFlV
New in Chromium 148: detect at-rule support in CSS with `@supports at-rule(@keyword)`
www.bram.us/2026/03/15/a...
Chrome 148 is currently available on the Canary and Dev release channels. It goes stable at the end of April.
Predictive AI loop
Predictive AI isn't a "one-and-done" task, it's a cycle 🦖
Learn how to define opportunities, prepare data, and evaluate models with our new guide to predictive AI systems. Determine if it's the right fit for your app's needs → goo.gle/4aCvTJL
Since the model relies on expertise for the architectural heavy lifting, which specific DevTools APIs did you find it struggled to understand the most?
