Reticle
Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.
What is Reticle?
Reticle is a Chrome extension developed by https://billdami.com, and its main feature is "Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.".
Extension Screenshots
Download Reticle Extension CRX File
Download Reticle extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  Reticle |
| ID | holbpikmjepcdgpfclodjljclfnpojak |
| Official URL | https://chromewebstore.google.com/detail/reticle/holbpikmjepcdgpfclodjljclfnpojak |
| Description | Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage. |
| File Size | 39.33 KB |
| Installation Count | 2,585 |
| Current Version | 1.0.1 |
| Last Updated | 2014-07-02 |
| Publish Date | 2014-07-02 |
| Rating | 4.71/5 Total 28 Ratings |
| Developer | https://billdami.com |
| Payment Type | free |
| Extension Website | https://github.com/billdami/reticle |
| Help Page URL | https://github.com/billdami/reticle/issues |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Reticle",
"version": "1.0.1",
"manifest_version": 2,
"description": "Drag and resize a ruler overlay to quickly measure pixel dimensions, positioning, and alignment of elements on any webpage.",
"options_page": "settings.html",
"icons": {
"16": "images\/icon-16.png",
"48": "images\/icon-48.png",
"128": "images\/icon-128.png"
},
"background": {
"scripts": [
"js\/background.js"
],
"persistent": false
},
"permissions": [
"activeTab"
],
"browser_action": {
"default_icon": {
"19": "images\/browser-action-19.png",
"38": "images\/browser-action-38.png"
},
"default_title": "Enable Reticle"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+X",
"windows": "Ctrl+Shift+X",
"mac": "Command+Shift+X",
"chromeos": "Ctrl+Shift+X",
"linux": "Ctrl+Shift+X"
}
}
}
} | |
