guideLinr

Photoshop-like guide lines for any page

What is guideLinr?

guideLinr is a Chrome extension developed by slobaum, and its main feature is "Photoshop-like guide lines for any page".

Extension Screenshots

screenshot
screenshot
screenshot

Download guideLinr Extension CRX File

Download guideLinr 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

                        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                    

Extension Basic Information

Name guideLinr guideLinr
ID gpbpgpmnfkhkadopaeojaobkejiipgmb
Official URL https://chromewebstore.google.com/detail/guidelinr/gpbpgpmnfkhkadopaeojaobkejiipgmb
Description Photoshop-like guide lines for any page
File Size 53.25 KB
Installation Count 730
Current Version 1.1.0
Last Updated 2014-02-26
Publish Date 2014-02-25
Rating 4.08/5 Total 24 Ratings
Developer slobaum
Payment Type free
Extension Website https://bitbucket.org/slobaum/guidelinr/overview
Supported Languages 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'"
}