glines chrome extension

Simple tool for easy markup testing with photoshop-like guides

¿Qué es glines chrome extension?

glines chrome extension es una extensión de Chrome desarrollada por Eugene Zadorin, y su función principal es "Simple tool for easy markup testing with photoshop-like guides".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión glines chrome extension

Descarga archivos de extensión glines chrome extension en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre glines chrome extension glines chrome extension
ID hplhjkmgokoamhihlfgaddljbippfeje
URL Oficial https://chromewebstore.google.com/detail/glines-chrome-extension/hplhjkmgokoamhihlfgaddljbippfeje
Descripción Simple tool for easy markup testing with photoshop-like guides
Tamaño del Archivo 55.27 KB
Cantidad de Instalaciones 86
Versión Actual 0.0.8.3
Última Actualización 2015-11-23
Fecha de Publicación 2015-11-23
Calificación 1.00/5 Total de 2 Calificaciones
Desarrollador Eugene Zadorin
Tipo de Pago free
Sitio Web de la Extensión https://github.com/eugenezadorin/glines-chrome-extension
URL de la Página de Ayuda https://github.com/eugenezadorin/glines-chrome-extension/issues
Idiomas Soportados 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"
        }
    }
}