[v2.0 fixes a bug where Tape will not install. Also adds nudging (with the arrow keys), removing the last dropped rule (with Z) and cosmetic changes.] Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements. It knows about borders and padding, and will even snap to the baseline of text. There is on-screen help, the ability to display user-defined column and row grids, a built-in magnifying glass for pixel-perfect measurement, and all guides can be quickly toggled on and off with a single keystroke. Unlike some extensions it will not interfere with any webpage you visit unless you click the Tape icon. Once installed: Click icon to activate. Read help, or press Space to dismiss it. Mouse over document, observe that rules snap to useful positions (including baselines!), and use keys as follows: H – drop Horizontal rule here (or remove if theres one here already) V – drop Vertical rule here (or remove if theres one here already) B - drop Both horizontal and vertical rules here arrow keys – fine adjustment (+shift, +alt for larger adjustment) S – toggle snapping on and off. P – toggle pointer events on and off O – set origin to current position. C / R – set column or row grid L or backquote – toggle loupe. (To refresh loupe image, press L twice.) Space – toggle help Press ESC to toggle everything on and off. Press X to reset all guides on a page.
You can Follow the below Step By Step procedure to install the Tape Chrome Extension to your Chrome Web browser.
It is the Tape Chrome extension download link you can download and install Chrome Browser.
Create grids and measure their distance easily.
Measure and align elements within Chrome
The ultimate measuring tool for the web
Measure page elements size in pixel with an easy-to-use ruler.
This extension helps develop your websites with pixel perfect accuracy!
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design
Element distance measurement tool.
Measure it!
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)