O que é Style Adjuster?

Style Adjuster é uma extensão do Chrome desenvolvida por https://thinkinghard.com, e sua principal característica é "Adjust your CSS styles, without taking your eyes off the result.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Style Adjuster

Baixe arquivos de extensão Style Adjuster no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Style Adjuster
ID	bmnmiidhocohelghddfcfbhojknfclba
URL Oficial	https://chromewebstore.google.com/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba
Descrição	Adjust your CSS styles, without taking your eyes off the result.
Tamanho do Arquivo	265 KB
Contagem de Instalações	200
Versão Atual	1.0.5
Última Atualização	2013-08-22
Data de Publicação	2013-08-22
Classificação	1.00/5 Total de 1 Avaliações
Desenvolvedor	https://thinkinghard.com
Tipo de Pagamento	free
Site da Extensão	http://pdorrell.github.io/style-adjuster/
Idiomas Suportados	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" ] }