πŸš€ I made a holiday wishlist for DevTools in November! Because I can πŸ˜€ What's the thing you'd like to see to simplify your CSS/layout debugging?
https://utilitybend.com/blog/5-css-debugging-features-i-want-to-see-in-chrome-devtools-holidays-list

#Chrome #DevTools #CSS

5 CSS debugging features I want to see in Chrome DevTools - Holidays list | utilitybend

A wish list of 5 CSS debugging features I want to see in Chrome DevTools, from better positioning tools to scroll-driven animations panel and design tools integration.

@utilitybend ...You really should try Polypane.

Layout debugging https://polypane.app/docs/layout-debugging/

Stacking and other contexts https://polypane.app/docs/elements-panel/#debug

Rulers, grids, guides and whatnot https://polypane.app/docs/rulers-grids-and-guides/

Plus, plans for anchoring devtools, and continued plans to build the best damned garage you could have without unhelpful AI features.

Layout debugging | Polypane

With the shortcut you can quickly toggle layout debugging in your panes. This adds outlines to all the HTML elements on the pages letting…

@utilitybend nice blog post! I think I can squeeze a few things in @FirefoxDevTools πŸ™‚
@utilitybend @FirefoxDevTools it looks like Firebug already had a way to hide overridden declarations, and we have this bug to bring that back in DevTools: https://bugzilla.mozilla.org/show_bug.cgi?id=1335327
Don't hesitate to add a comment there, I have a few questions on how this should work :)
1335327 - Add option to only show applied styles

REOPENED (nobody) in DevTools - Inspector: Rules. Last updated 2025-12-01.