Simple tool for easy markup testing with photoshop-like guides

Latest Version

Version
0.0.8.3
Update
November 23, 2015
Size
55.27KiB
Developer
Category
Users
80
Rating
1 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
ActiveTab

See more

glines chrome extension Extension

This tool adds photoshop-like guides to the page that makes alignment of blocks easier.

How to use:
1. Click on plugin button at Chrome panel
2. Use dropdown menu or shortcuts to add lines
3. Move lines using mouse or keyboard arrows
4. Drag lines with Ctrl to clone them
5. Delete lines by double click, or remove all using menu

There are some predefined shortcuts:
1. Alt+V to add vertical line
2. Alt+H to add horizontal line
3. Alt+C to add crossline
4. Alt+S to show/hide lines

Release notes

[Nov 23, 2015]
Small improvement: show/hide lines behavior is now more photoshop-like.

[Nov 09, 2015]
Now you can quickly show/hide guides using extension menu or \"Alt+S\" shortcut.

[Oct 30, 2015]
Now extension can ask to allow local files access.
Guide default style is totally photoshop-like.
Small bugfixes.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","manifest_version": 2,"name": "glines chrome extension","short_name": "glines","version": "0.0.8.3","description": "Simple tool for easy markup testing with photoshop-like guides","author": "Eugene Zadorin","homepage_url": "https://github.com/eugenezadorin/glines-chrome-extension","icons": {"16": "images/icon16.png","32": "images/icon32.png","48": "images/icon48.png","128": "images/icon128.png"},"permissions": ["tabs","storage","activeTab",""],"browser_action": {"default_title": "glines","default_icon": "images/icon48.png","default_popup": "popup.html"},"options_ui": {"page": "options.html","chrome_style": true},"content_scripts": [{"matches": [""],"js": ["js/glines.js"],"css": ["css/glines.css"]}],"background": {"scripts": ["js/events.js"],"persistent": false},"commands": {"add-vertical-line": {"suggested_key": {"default": "Alt+V"},"description": "Add vertical line"},"add-horizontal-line": {"suggested_key": {"default": "Alt+H"},"description": "Add horizontal line"},"add-cross-line": {"suggested_key": {"default": "Alt+C"},"description": "Add cross line"},"show-hide-lines": {"suggested_key": {"default": "Alt+S"},"description": "Show/hide lines"}}}
Read more

Similar Extensions

icon

SnapGuide Extension · Developer Tools 80 14 ★ 194KiB

icon

Fresc - Website screenshots sharing extension Extension · Productivity 80 7 ★ 52.93KiB

icon

Line Pointer Extension · Productivity 80 10 ★ 33.17KiB

icon

Grid Ruler Extension · Developer Tools 80 335 ★ 288KiB

icon

Grid Builder Extension · Developer Tools 80 11 ★ 43.28KiB

icon

Guide lines Extension · Developer Tools 80 3 ★ 9.17KiB

icon

Baseliner Extension · Developer Tools 80 45 ★ 205KiB

icon

Guided Lines for awesome web developers Extension · Developer Tools 80 1 ★ 210KiB

icon

Reticle Extension · Developer Tools 80 27 ★ 39.33KiB

icon

Tape Extension · Developer Tools 80 155 ★ 12.68KiB

icon

Zaqwes Guide Lines Extension · Developer Tools 80 14 ★ 83.35KiB

icon

guideLinr Extension · Developer Tools 80 25 ★ 53.25KiB

icon

Liner. The Real Ruler Extension · Developer Tools 80 74 ★ 54.28KiB

icon

Guides Extension · Developer Tools 80 10 ★ 14.65KiB

icon

PixelGuide Extension · Developer Tools 80 3 ★ 312KiB

icon

Hand Tool Extension · Productivity 80 96 ★ 92.94KiB

icon

Grids & Rulers Extension · Developer Tools 80 5 ★ 31.24KiB

icon

Grid Lines Ruler Extension · Developer Tools 80 25 ★ 152KiB

icon

Better Ruler Extension · Developer Tools 80 52 ★ 93.66KiB

icon

Measuring Box Extension · Developer Tools 80 4 ★ 86.55KiB

icon

Formal Measures Extension · Developer Tools 80 3 ★ 7.19KiB

icon

Designer Tools Extension · Developer Tools 80 227 ★ 987KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 80 87 ★ 816KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 80 65 ★ 223KiB

User reviews

icon

Annisa McConnell (ID: 000000ab722dc146) Voted 1 ★ - Updated 08/24/2017 it dosent work

icon

q Bot (ID: 0000003ed7bac807) Voted 1 ★ - Updated 06/02/2017 Doesn't work. Just try the extension on example.com and you'll see that the extension´s elements are not resetted with css. Lines aren't saved when reloading the page.