Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.
Reticle Extension
https://github.com/billdami/reticle
FEATURES
----------------------------------------
* Inspired by the excellent Mac app, Crosshairs (http://giantcomet.com/crosshairs)
* Super quick and easy to use, just click and drag anywhere on the page to draw an overlay, then move and resize it to your heart's content.
* Lightweight and minimalistic UI
* Use keyboard shortcuts to interact with the extension (see below for full list)
* Toggle between a primary and alternate overlay color
* Customize the overlay colors and opacity/transparency
AVAILABLE SETTINGS (Right-click extension button > Options)
----------------------------------------
* Primary overlay color (hex color value)
* Alternate overlay color
* Overlay opacity/transparency level
KEYBOARD SHORTCUTS
----------------------------------------
* Ctrl/Cmd+Shift+X - Toggle extension (This can be customized in Extensions > Keyboard shortcuts)
* Esc - Deactivate extension
* Arrow keys - Move overlay
* Shift+Arrow keys - Move overlay by 10px
* Alt+Arrow keys - Resize overlay
* Shift+Alt+Arrow keys - Resize overlay by 10px
* Ctrl/Cmd+Up/Down - Increase/decrease overlay opacity
* Tab - Toggle between primary and alternate overlay color
* Delete / Backspace - Clear the current overlay
CHANGELOG
----------------------------------------
v1.0.1 (June 14, 2014)
* BUGFIX: Overlay resize handles were not being hidden when dragging a newly drawn overlay
Source Manifest.json
Similar Extensions
Line Pointer 2,000+ 10 ★ 33.17KiB
Crosshair 2,000+ 7 ★ 275KiB
Emmet Re:view 2,000+ 162 ★ 74.65KiB
AIM 2,000+ 3 ★ 109KiB
Dimensions 2,000+ 454 ★ 17.28KiB
Grid Ruler 2,000+ 335 ★ 288KiB
Tape 2,000+ 155 ★ 12.68KiB
Baseliner 2,000+ 45 ★ 205KiB
Simple Ringed Reticle | Shell Shockers Theme 2,000+ 6 ★ 16.9KiB
SnapGuide 2,000+ 14 ★ 194KiB
Blue Button | the webpage X-ray 2,000+ 21 ★ 82.66KiB
Catchpoint User Experience 2,000+ 32 ★ 662KiB
CSS3 Generator 2,000+ 60 ★ 346KiB
Guides 2,000+ 10 ★ 14.65KiB
guideLinr 2,000+ 25 ★ 53.25KiB
Grid Builder 2,000+ 11 ★ 43.28KiB
45to75 2,000+ 7 ★ 5.22KiB
Crosshair Plus 2,000+ 18 ★ 47.01KiB
Web Maker 2,000+ 1002 ★ 5.76MiB
Quick Color 2,000+ 5 ★ 94.49KiB
CSS Shapes Editor 2,000+ 101 ★ 84.76KiB
Code Cola 2,000+ 188 ★ 189KiB
PixelParallel by htmlBurger 2,000+ 65 ★ 223KiB
Designer Tools 2,000+ 227 ★ 987KiB
User reviews
Stanislav (ID: 000000ce13c99b47) Voted 5 ★ - Updated 02/15/2023
Maksym Shapoval (ID: 0000000c38d03c78) Voted 5 ★ - Updated 07/05/2019
Rom Filippini (ID: 00000047d239d749) Voted 1 ★ - Updated 05/09/2019
neo (ID: 0000009fb61564fc) Voted 4 ★ - Updated 11/30/2017
Kirill Nikolaev (ID: 000000bbd2dda32e) Voted 5 ★ - Updated 03/14/2017