Tape Tape

Developer Tools
Version: 2.1
Last Update: 2021-08-06

Overview

Tape is a Chrome extension developed by Richard Tucker. According to the data from Chrome web store, current version of Tape is 2.1, updated on 2021-08-06.
20,000+ users have installed this extension. 152 users have rated this extension with an average rating of .

Measurement tools, rulers and grids

[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 there's one here already)
V – drop Vertical rule here (or remove if there's 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.

Rating

152 ratings

Total Installs

20,000+

Information

Last Update

2021-08-06

Current Version

2.1

Size

11.44KiB

Author

Richard Tucker

Website

None

Category

Developer Tools

Latest Reviews

See More

avatar Sergei Nekrasov
2021-11-18

функциональность на высоте, при этом ничего лишнего

avatar Александр Ратманский
2021-08-31

One of the best extensions on the marker. Thank you for not giving it up and continuing to develop it.

avatar Todd Chambery
2021-07-27

Simple to use, indispensable.

avatar Magno Alberto
2021-06-09

The best ruler extension ever on the Chrome Web Store. Easy to use and super complete, it provides all the necessary information from a ruler! Even more complete than the Photoshop ruler itself.

avatar Diego Alejandro Montoya G.
2020-11-14

Excelente!