The dream of a designer and web developer
Often designers and webmasters need to quickly learn what styles are used on the site in order to draw a similar layout or develop a new element in the same style. There is a great tool for extracting this information.
The CSS Peeper extension for Google Chrome is a smart CSS style viewer. This is a simple, well-organized and beautiful service, with which you no longer have to dig into the code and look for the necessary information there.
Activate the extension and select any object on the site to get a conveniently organized specification about its properties. This information can be easily used in Sketch or Photoshop.
The extension will show font and text size, block widths, object colors, etc. In the report, you can also find a beautifully laid out color palette with the shades used on the site, so you can find the right one in seconds.
In addition, the service offers the ability to export nested assets. If you’ve ever tried to extract some nested assets from code, you’ll love this. CSS Peeper allows you to download individual assets or zip them all as a .zip file.