Item logo image for Tape

Tape

Featured
4.6(

155 ratings

)
Item media 1 screenshot
Item media 2 screenshot

Overview

Measurement tools, rulers and grids

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.

4.6 out of 5155 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    2.2
  • Updated
    May 22, 2024
  • Offered by
    Richard Tucker
  • Size
    12.68KiB
  • Languages
    English
  • Developer
    Google Ireland, Ltd.
    Gordon House Barrow Street Dublin 4 D04 E5W5 IE
    Email
    rit@reyet.com
    Phone
    +1 650-253-0000
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.
  • D-U-N-S
    985840714

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Grid Ruler

3.8(335)

Create grids and measure their distance easily.

Measure-it

3.6(38)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Ruler Measurement

3.3(42)

Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)

PerfectPixel by WellDoneCode (pixel perfect)

4.4(604)

This extension helps develop your websites with pixel perfect accuracy!

Designer Tools

4.7(228)

A collection of tools to help you design and develop websites with precision.

Dimensions

4.1(456)

A tool for designers to measure screen dimensions

Better Ruler

4.8(52)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Simple Ruler

2.8(17)

Measure it!

Measuremate

4.6(42)

The ultimate measuring tool for the web

Page Ruler

4.0(86)

Measure page elements size in pixel with an easy-to-use ruler.

PixelZoomer

4.5(49)

PixelZoomer takes a website screenshot and provides a measuring tool, a zoom and an eye dropper.

Measure Everything

4.6(40)

Element distance measurement tool.

Grid Ruler

3.8(335)

Create grids and measure their distance easily.

Measure-it

3.6(38)

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Ruler Measurement

3.3(42)

Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)

PerfectPixel by WellDoneCode (pixel perfect)

4.4(604)

This extension helps develop your websites with pixel perfect accuracy!

Designer Tools

4.7(228)

A collection of tools to help you design and develop websites with precision.

Dimensions

4.1(456)

A tool for designers to measure screen dimensions

Better Ruler

4.8(52)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Simple Ruler

2.8(17)

Measure it!

Google apps