Marketing Sales and Service Blog | Bluleadz Inbound Agency

How To Use the Inspect Element Tool and CSS Peeper [Vlog]

Written by Karey Mitchell | 2/27/18 12:45 AM

If you're an aspiring website developer or marketer in a pinch, there are more than a few incredibly valuable tools you may have overlooked that make extracting website information, styles and CSS seamless.

Two of these—tools that I use every day—are the Inspector tool in Chrome and, CSS Peeper plugin for Chrome.

Check out my video blog below to learn how you can use the Inspect Element tool and CSS Peeper to pull valuable information, styling details, font families and individual website elements from a website.

 

 

Inspect and CSS Peeper

The Inspect tool makes it really easy for developers—and even everyday marketers, advertisers and website users—to draw design information from websites and live-edit CSS and HTML within their browser. With this tool, users can:

  • Locally live-edit the CSS of many on-screen elements
  • Pull information from both visible elements on a website and hidden files
  • Gather useful information on page performance and more

In addition to the inspector, one of my favorite tools to use when creating new websites is the CSS Peeper plugin for Chrome. With this tool, users can easily extract CSS and grab typeface information and object properties from any website.