TinkerCSS

An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.

What is TinkerCSS?

TinkerCSS is a Chrome extension developed by Jan Baykara, and its main feature is "An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.".

Extension Screenshots

screenshot

Download TinkerCSS Extension CRX File

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

                        TinkerCSS appends a CSS style tag to the end of a HTML document , that you can then live modify via the extension's editor Inspector panel, and see the results in real-time.

The CSS you write is saved with reference to the page URL, so if you open the same page again and load the panel, your previously written snippet will load up.                    

Extension Basic Information

Name TinkerCSS TinkerCSS
ID flbdabolfkgfmcnlheopgencfhjcllbp
Official URL https://chrome.google.com/webstore/detail/tinkercss/flbdabolfkgfmcnlheopgencfhjcllbp
Description An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.
File Size 682 KB
Installation Count 154
Current Version 1.2.2
Last Updated 2015-07-09
Publish Date 2015-07-09
Rating 3.00/5 Total 2 Ratings
Developer Jan Baykara
Email [email protected]
Payment Type free
Extension Website https://github.com/janbaykara/TinkerCSS
Help Page URL https://github.com/janbaykara/TinkerCSS/issues
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "TinkerCSS",
    "description": "An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.",
    "manifest_version": 2,
    "version": "1.2.2",
    "icons": {
        "128": "img\/icon128.png"
    },
    "permissions": [
        "storage",
        "tabs",
        ""
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "deps\/jquery.js",
                "lib\/content.js"
            ]
        }
    ],
    "background": {
        "scripts": [
            "lib\/background.js"
        ]
    },
    "devtools_page": "lib\/devtools\/devtools.html"
}