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 extension testing process significantly. Watch the full episode of Developer Tooling Tips...

Learn how to create a smoother form completion experience for users and stop missing web form improvement opportunities using an AI agent equipped with Modern Web Guidance. This tool brings the appropriate form guides into your AI agent’s...

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 state of UI elements, including 'stuck,' 'snapped,' and 'scrollable' states. Discover...

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 conditionals with the if() function, and custom...

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 extension from disk, open popups, and click specific elements...

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 now provides detailed CSS specificity tooltips to help you manage complex stylesheets. You...

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 complete Developer Tooling Tips episode to learn more. Watch more DevTools Tips →...

Chrome makes it easy to see CSS specificity directly within DevTools. By hovering over any selector in the Styles tab, you can view a tooltip with the exact specificity math done for you. Check out the full episode...

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 for JavaScript. These APIs, which also power customizable select...

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 Web Guidance to build intuitive, responsive swipe-to-delete features.....

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 interact with highly specific internal states at runtime. Check out the...

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 plain JavaScript. Learn how to enable the third-party tools,...

View Transitions have been around for a little while. This episode of The CSS Podcast covers some of the recent additions and changes since we last covered this in episode 89. (Originally aired: November 5, 2025) Resources: What's new in view...

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 combining best-practice context with automated debugging in the...

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 shrinking out), demonstrating how using Modern Web Guidance results in a native, more...