Today I Learned

Chrome CSS overview feature

What CSS overview is: new experimental feature, gives overview of CSS used on a site: what colors are used, different fonts and font-sizes, media-queries and lists some unused declarations (declaration that is in CSS but doesn’t affect the element in any way).

image image image image image

To enable this feature in Chrome:

  1. Open devtools
  2. Go to settings (cog icon)
  3. Open experiments tab
  4. Check CSS Overview