TinkerCSS

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

Wat is TinkerCSS?

TinkerCSS is een Chrome-extensie ontwikkeld door Jan Baykara, en de belangrijkste functie is "An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.".

Extensie Screenshots

screenshot

Download het CRX-bestand van de extensie TinkerCSS

Download TinkerCSS-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.

Basisinformatie over de Extensie

Naam TinkerCSS TinkerCSS
ID flbdabolfkgfmcnlheopgencfhjcllbp
Officiële URL https://chrome.google.com/webstore/detail/tinkercss/flbdabolfkgfmcnlheopgencfhjcllbp
Beschrijving An inspector tools panel. Tinker with a site's CSS in real time, automatically remember your changes.
Bestandsgrootte 682 KB
Aantal Installaties 154
Huidige Versie 1.2.2
Laatst Bijgewerkt 2015-07-09
Publicatiedatum 2015-07-09
Beoordeling 3.00/5 Totaal 2 Beoordelingen
Ontwikkelaar Jan Baykara
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://github.com/janbaykara/TinkerCSS
Help Pagina-URL https://github.com/janbaykara/TinkerCSS/issues
Ondersteunde Talen 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"
}

Gerelateerde Extensies

Clear Code
Clear Code
CSS Brio
CSS Brio
Dev Helpers
Dev Helpers
HTML5 Debugger
HTML5 Debugger
DOM-JSON Tree Matcher
DOM-JSON Tree Matcher
Developer pages
Developer pages
Dev Playground
Dev Playground
Restyler
Restyler
Layout Debugger
Layout Debugger
DynamicCSSEditor
DynamicCSSEditor
Javascript & Css auto injection
Javascript & Css auto injection
Quickfix CSS Editor
Quickfix CSS Editor
Redesign
Redesign
Style Adjuster
Style Adjuster
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
captureCalls
captureCalls
Code Plunker (Live HTML CSS Editor)
Code Plunker (Live HTML CSS Editor)
simple-debug.css
simple-debug.css
Light JavaScript Playground
Light JavaScript Playground
Live CSS Editor
Live CSS Editor
EnjoyCSS
EnjoyCSS
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
Code Cola
Code Cola
CSS3 Generator
CSS3 Generator