Wat is Style Adjuster?

Style Adjuster is een Chrome-extensie ontwikkeld door https://thinkinghard.com, en de belangrijkste functie is "Adjust your CSS styles, without taking your eyes off the result.".

Extensie Screenshots

Download het CRX-bestand van de extensie Style Adjuster

Download Style Adjuster-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

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.

Basisinformatie over de Extensie

Naam	Style Adjuster
ID	bmnmiidhocohelghddfcfbhojknfclba
Officiële URL	https://chromewebstore.google.com/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba
Beschrijving	Adjust your CSS styles, without taking your eyes off the result.
Bestandsgrootte	265 KB
Aantal Installaties	200
Huidige Versie	1.0.5
Laatst Bijgewerkt	2013-08-22
Publicatiedatum	2013-08-22
Beoordeling	1.00/5 Totaal 1 Beoordelingen
Ontwikkelaar	https://thinkinghard.com
Betalingswijze	free
Extensiewebsite	http://pdorrell.github.io/style-adjuster/
Ondersteunde Talen	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" ] }