guideLinr

Photoshop-like guide lines for any page

guideLinrとは何ですか?

guideLinrはslobaumによって開発されたChromeの拡張機能で、その主な機能は「Photoshop-like guide lines for any page」です。

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

screenshot
screenshot
screenshot

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

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

拡張機能の使用方法

                        guideLinr provides rich, Photoshop-like guidelines for any page on the web.

With guideLinr, you can create vertical or horizontal guidelines that will persist by URL.  If you visit Google today and add guides, tomorrow they'll be back when you return.  Right click on any element to add guides on any edge (top, right, bottom, left, or all).

There are several different color options available, and the color of guides can be changed from the rich context menu available on each guide.

There is an integrated distance measurement tool that shows distance between your guides as you move them.  The measurements are now sticky so you can see them wherever you scroll.

guideLinr guides can be dragged with your pointer, or moved with your arrow keys for more precise alignment.  Hold Shift while you press arrow keys, and they move faster.

There's an optional "Snap to Element" feature to help align guides to your elements while dragging. There's also a "Snap To Grid" feature that helps create or align guides to a grid of your choosing.

The source for guideLinr is available here:  https://bitbucket.org/slobaum/guidelinr/overview                    

拡張機能の基本情報

名前 guideLinr guideLinr
ID gpbpgpmnfkhkadopaeojaobkejiipgmb
公式URL https://chromewebstore.google.com/detail/guidelinr/gpbpgpmnfkhkadopaeojaobkejiipgmb
説明 Photoshop-like guide lines for any page
ファイルサイズ 53.25 KB
インストール数 730
現在のバージョン 1.1.0
最終更新日 2014-02-26
公開日 2014-02-25
評価 4.08/5 合計 24 レビュー
開発者 slobaum
支払い方法 free
拡張機能のウェブサイト https://bitbucket.org/slobaum/guidelinr/overview
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "guideLinr",
    "manifest_version": 2,
    "version": "1.1.0",
    "description": "Photoshop-like guide lines for any page",
    "icons": {
        "128": "images\/128.png",
        "64": "images\/64.png",
        "48": "images\/48.png",
        "32": "images\/32.png",
        "24": "images\/24.png",
        "16": "images\/16.png"
    },
    "permissions": [
        "tabs",
        "contextMenus",
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "*:\/\/*\/*"
    ],
    "browser_action": {
        "default_title": "guideLinr",
        "default_icon": "images\/16.png",
        "default_popup": "interface.html",
        "permissions": [
            "tabs",
            "http:\/\/*\/*",
            "https:\/\/*\/*"
        ]
    },
    "background": {
        "scripts": [
            "scripts\/guideLinr.background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "css": [
                "styles\/guideLinr.inject.css"
            ],
            "js": [
                "scripts\/jquery-1.10.2.min.js",
                "scripts\/guideLinr.inject.js"
            ]
        }
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}