glines chrome extension

Simple tool for easy markup testing with photoshop-like guides

Hvad er glines chrome extension?

glines chrome extension er en Chrome-udvidelse udviklet af Eugene Zadorin, og dens hovedfunktion er "Simple tool for easy markup testing with photoshop-like guides".

Udvidelsesskærmbilleder

screenshot
screenshot
screenshot

Download glines chrome extension-udvidelses-CRX-fil

Download glines chrome extension-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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.                    

Grundlæggende oplysninger om udvidelsen

Navn glines chrome extension glines chrome extension
ID hplhjkmgokoamhihlfgaddljbippfeje
Officiel URL https://chromewebstore.google.com/detail/glines-chrome-extension/hplhjkmgokoamhihlfgaddljbippfeje
Beskrivelse Simple tool for easy markup testing with photoshop-like guides
Filstørrelse 55.27 KB
Antal Installationer 86
Nuværende Version 0.0.8.3
Senest Opdateret 2015-11-23
Udgivelsesdato 2015-11-23
Bedømmelse 1.00/5 Samlet 2 Bedømmelser
Udvikler Eugene Zadorin
Betalingsmetode free
Udvidelseswebsted https://github.com/eugenezadorin/glines-chrome-extension
Hjælpeside-URL https://github.com/eugenezadorin/glines-chrome-extension/issues
Understøttede Sprog 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"
        }
    }
}