Reticle Chrome Extension

Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage..
Report issues and submit suggestions on github (pull requests are also welcome!):

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

How to install Reticle chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Reticle Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Reticle Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Reticle in Chrome Webstore Search and click on the search button.
• Step 3: click on the Reticle Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Reticle extension for your Chrome Web browser .