DEV Community

Cover image for In love with the new Chrome CSS Overview Tab 😍
Aslam Shah
Aslam Shah

Posted on

7 2

In love with the new Chrome CSS Overview Tab 😍

I recently switched on the Experimental CSS Overview tab in Chrome Devtools and it looks like an awesome feature for both the designers and developers.

How to use?

Open Settings of DevTools, navigate to Experiments, and check CSS Overview as seen below.

Alt Text

Now reload the Devtools and click on CSS Overview tab.

Alt Text

That's it.

You can also click on each color/option to see where it has been used throughout your files.

Will SWITCH IT ON or NOT? Let me know in the comments below.

Happy Debugging!

Codedmails - Overview Tab Source

Top comments (0)

Billboard image

Try REST API Generation for MS SQL Server.

DevOps for Private APIs. With DreamFactory API Generation, you get:

  • Auto-generated live APIs mapped from database schema
  • Interactive Swagger API documentation
  • Scripting engine to customize your API
  • Built-in role-based access control

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay