glines chrome extension

Simple tool for easy markup testing with photoshop-like guides

What is glines chrome extension?

glines chrome extension is a Chrome extension developed by Eugene Zadorin, and its main feature is "Simple tool for easy markup testing with photoshop-like guides".

Extension Screenshots

screenshot
screenshot
screenshot

Download glines chrome extension Extension CRX File

Download glines chrome extension 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

                        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.

Extension Basic Information

Name glines chrome extension glines chrome extension
ID hplhjkmgokoamhihlfgaddljbippfeje
Official URL https://chromewebstore.google.com/detail/glines-chrome-extension/hplhjkmgokoamhihlfgaddljbippfeje
Description Simple tool for easy markup testing with photoshop-like guides
File Size 55.27 KB
Installation Count 86
Current Version 0.0.8.3
Last Updated 2015-11-23
Publish Date 2015-11-23
Rating 1.00/5 Total 2 Ratings
Developer Eugene Zadorin
Payment Type free
Extension Website https://github.com/eugenezadorin/glines-chrome-extension
Help Page URL https://github.com/eugenezadorin/glines-chrome-extension/issues
Supported Languages en
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"
        }
    }
}

Related Extensions

SnapGuide
SnapGuide
Fresc - Website screenshots sharing extension
Fresc - Website screenshots sharing extension
Designer Tools
Designer Tools
Line Pointer
Line Pointer
Grid Ruler
Grid Ruler
Hand Tool
Hand Tool
Grid Builder
Grid Builder
Guide lines
Guide lines
Baseliner
Baseliner
Guided Lines for awesome web developers
Guided Lines for awesome web developers
Reticle
Reticle
Tape
Tape