Reticle
Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.
Overview
What is Reticle?
Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage..
SCREENSHOT
SUMMARY
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
See More
Stats
Trends for Reticle:
Rank
User count
Category Rank
Rating
Download
HOW TO INSTALL Reticle FROM A CRX FILE
- Download Reticle CRX file
- NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
- In the URL bar, go to chrome://extensions
- Enable Developer mode
Ratings
USER REVIEWS (0)
No reviews