What's New: Chrome DevTools 151-153
Chrome 151-153 introduces helpful tools to improve your web development process, such as enhanced network request replaying and built-in binary viewers. The updated Styles tab…
YouTube channel · Video
Chrome for Developers
The latest from Chrome for Developers, part of our Video coverage. Updated automatically as new posts are published.
Modern Web Guidance: Scroll-driven entry and exit effects
Implement scroll port entry and exit effects using Modern Web Guidance with your coding agent. This demo crafts engaging, scroll-triggered animations (like growing in and…
94: CSS carousels (and scroll)
Welcome back to The CSS Podcast! We’re diving into a series of powerful scroll APIs that enable you to build custom, interactive carousels entirely with CSS, eliminating the need…
93: State queries in 2025
Una and Bramus dive into the latest advancements in CSS with state-based container queries. Learn how to create responsive and dynamic user experiences by querying the scroll…
Modern Web Guidance: Swipe to remove
Modern Web Guidance helps your AI coding agent build smoother touch gestures and animations using web best practices. Watch this demo to see how your coding agent can use Modern…
92: CSS if() and custom functions
Welcome to the CSS Podcast featuring Una and Bramus as your guides, your co-hosts, and your CSS best friends. In this episode, we dig into two very powerful CSS features: inline…
Build custom third-party tools in Chrome DevTools
Learn how to build custom third-party tools in Chrome DevTools for agents. While standard developer tools provide a solid foundation, custom third-party tools allow your agent to…
How to use Chrome DevTools for agents with Chrome extensions
Learn how to use Chrome DevTools for agents to install and interact with Chrome extensions automatically. By configuring the specific setup flags, you can streamline your…
Third-party tools for Chrome DevTools for Agents
Find out how to build custom third-party tools for Chrome DevTools for Agents. By doing this, you can expose your application's internal state directly to your coding agent using…
Develop Chrome Extensions with DevTools for agents
Setting up extension tools for Chrome DevTools for agents allows your coding agent to interact with and debug Chrome Extensions. With the tools enabled, your agent can install an…
Stop Checking the Weather (Code This Instead) ☔
Learn how to create a custom weather Chrome Extension using the Modern Web Guidance extensions skill and Chrome DevTools for agents to boost a coding agent like Antigravity. By…
How AI agents fix Lighthouse errors in Chrome DevTools
Improve your web development workflow using your AI coding agents to fix Lighthouse errors. Lighthouse is now integrated straight into Chrome DevTools for agents. View the…
Lighthouse audits with DevTools for agents
Improve websites with Lighthouse audits from Chrome DevTools for agents. Learn how you can utilize Lighthouse for comprehensive checks in accessibility, SEO, and the new agentic…
Inspect and test WebMCP tools using Chrome DevTools
Developer Tooling Tips goes on tour with Alexandra Klepper at Google I/O Connect Berlin! Learn how WebMCP bridges the gap between your web application and browser agents by…
New AI features in Chrome
Built-in AI in Chrome delivers personalized experiences right in your browser. Learn about on-device AI models that process data locally, ensuring user privacy. Watch this demo…