Style Adjuster

Adjust your CSS styles, without taking your eyes off the result.

Was ist Style Adjuster?

Style Adjuster ist eine Chrome-Erweiterung, die von https://thinkinghard.com entwickelt wurde, und ihr Hauptmerkmal ist "Adjust your CSS styles, without taking your eyes off the result.".

Erweiterungsscreenshots

screenshot

Style Adjuster-Erweiterungs-CRX-Datei herunterladen

Laden Sie Style Adjuster-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        What makes Style Adjuster great is that you can adjust numerical CSS property values using a slider, without having to take your eyes off the changes happening in the target page. This reduces cognitive load, and lets you concentrate on the aesthetics of the changed values, which is what matters.

Click the extension icon to bring up the Style Adjuster dialog. The dialog shows you all CSS styles in the current (target) tab. Choose which CSS properties you wish to "adjust". In the "Edit" tab, select the property to edit. Edit the property. Text-editing is always available, but other editor UI is available for common property types, such as dimensions, positions and colors. See your changes made in the target page. Go to the "Changes" tab to see any changes you have made in CSS format. Select and copy the changes and paste them back into your source code.

Rinse and repeat.                    

Grundlegende Informationen zur Erweiterung

Name Style Adjuster Style Adjuster
ID bmnmiidhocohelghddfcfbhojknfclba
Offizielle URL https://chromewebstore.google.com/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba
Beschreibung Adjust your CSS styles, without taking your eyes off the result.
Dateigröße 265 KB
Installationsanzahl 200
Aktuelle Version 1.0.5
Letztes Update 2013-08-22
Veröffentlichungsdatum 2013-08-22
Bewertung 1.00/5 Insgesamt 1 Bewertungen
Entwickler https://thinkinghard.com
Zahlungsart free
Erweiterungswebsite http://pdorrell.github.io/style-adjuster/
Unterstützte Sprachen en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Style Adjuster",
    "version": "1.0.5",
    "manifest_version": 2,
    "description": "Adjust your CSS styles, without taking your eyes off the result.",
    "homepage_url": "https:\/\/github.com\/pdorrell\/style-adjuster",
    "permissions": [
        "activeTab"
    ],
    "icons": {
        "48": "icons\/icon48.png",
        "128": "icons\/icon128.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_title": "StyleAdjuster",
        "default_icon": {
            "19": "icons\/icon19.png",
            "38": "icons\/icon38.png"
        }
    },
    "web_accessible_resources": [
        "icons\/tab-icon.png",
        "style-adjuster-common.js",
        "style-adjuster.js",
        "initialise-popup.js",
        "help.html",
        "style-adjuster-extension-popup.html",
        "rule-prechecker.css",
        "style-adjuster.css",
        "libs\/jquery-ui-1.10.3\/themes\/base\/jquery-ui.extension.css",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/animated-overlay.gif",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_75_dadada_1x400.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_2e83ff_256x240.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_flat_0_aaaaaa_40x100.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_75_e6e6e6_1x400.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_454545_256x240.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_flat_75_ffffff_40x100.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_95_fef1ec_1x400.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_888888_256x240.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_55_fbf9ee_1x400.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_highlight-soft_75_cccccc_1x100.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_cd0a0a_256x240.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-bg_glass_65_ffffff_1x400.png",
        "libs\/jquery-ui-1.10.3\/themes\/base\/images\/ui-icons_222222_256x240.png"
    ]
}