glines chrome extension

Simple tool for easy markup testing with photoshop-like guides

glines chrome extensionとは何ですか?

glines chrome extensionはEugene Zadorinによって開発されたChromeの拡張機能で、その主な機能は「Simple tool for easy markup testing with photoshop-like guides」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

glines chrome extension拡張機能のCRXファイルをダウンロード

glines chrome extension拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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.                    

拡張機能の基本情報

名前 glines chrome extension glines chrome extension
ID hplhjkmgokoamhihlfgaddljbippfeje
公式URL https://chromewebstore.google.com/detail/glines-chrome-extension/hplhjkmgokoamhihlfgaddljbippfeje
説明 Simple tool for easy markup testing with photoshop-like guides
ファイルサイズ 55.27 KB
インストール数 86
現在のバージョン 0.0.8.3
最終更新日 2015-11-23
公開日 2015-11-23
評価 1.00/5 合計 2 レビュー
開発者 Eugene Zadorin
支払い方法 free
拡張機能のウェブサイト https://github.com/eugenezadorin/glines-chrome-extension
ヘルプページのURL https://github.com/eugenezadorin/glines-chrome-extension/issues
対応言語 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"
        }
    }
}