Skip to content

Instantly share code, notes, and snippets.

@vicainelli

vicainelli/README.md

Last active July 13, 2020 10:58
Show Gist options
  • Save vicainelli/163c43b93c8a586ff1d974ccac19365a to your computer and use it in GitHub Desktop.
Save vicainelli/163c43b93c8a586ff1d974ccac19365a to your computer and use it in GitHub Desktop.
Download ZIP
CSS Overview, new experimental feature on Chrome DevTools
Raw
README.md

Hey Developer, have you heard about the new experimental feature of Chrome DevTools?

It's called CSS Overview, and it shows you the colors, font info, unused declarations, and media queries.

chrome-css-overview

To enable it in your Chrome or Brave browser

  1. Open up DevTools
  2. Head over to DevTool Settings
  3. Click open the Experiments section
  4. Enable the CSS Overview option

DevTools window in a settings tab to enable CSS Overview feature

You probably should close the DevTools window and open it again to see the CSS Overview new tab.

DevTools window with a CSS Overview feature tab

This is pretty cool, right?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment