Measuring the pixels on a webpage often requires taking screenshots, opening them in Photoshop or other equivalent high-end image editing software and using guidelines to work out measurements. If you've ever been tasked with the redesign of an existing page, or the refinement of a new project, this can be arduous work especially when the guides aren't sure where they're supposed to snap to. If this is a bane in your work, Tape for Chrome might just be the answer.

web developer ruler

The extension is designed as a tool for measuring distance down to the pixel without taking screenshots. Now you can view, scroll and use the page you're working on without having to take screenshots for the nitty-gritty work. Tape lets you put guides down on the page while reporting the distances and measurements you like on the fly. What's more, being a browser extension, Tape can interpret the code and knows where to snap-to when you put down a new guideline.

tape for chrome

These guides are intelligent and will move around should elements move or scroll as you work. The extension gets on just fine with borders and padding, and a magnifying glass feature lets you pick the point at which you want to place the guide with ease and accuracy, while intuitive keyboard shortcuts make it easy for you to get the job done quickly.

Features:

  • Place guides and rulers on a live webpage, with intelligent snap-to features.
  • Measurements are visible on the guides themselves and a magnifying glass makes it easy to place your guidelines.
  • Use keyboard shortcuts to place, remove and toggle visible guides.

Check out Tape for Chrome @ Chrome Web Store