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.
Bronson A.May 17, 2023
Wonderful!
irina pAug 31, 2022
broken? i click on it and nothing happens.
Richard TuckerDeveloperNov 21, 2022
Perhaps you're trying to use it on a file:: URL? In Manage Extensions you can select 'Allow access to file URLs' for this plugin to allow that.
Kenneth ThomasJul 18, 2022
Absolutely awesome! Above the cut, the ability to drop guideline + CSS integration set this extension apart.
Details
- Version2.2
- UpdatedMay 22, 2024
- Offered byRichard Tucker
- Size12.68KiB
- LanguagesEnglish
- Developer
Email
rit@reyet.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
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