Style Adjusterとは何ですか？

Style Adjusterはhttps://thinkinghard.comによって開発されたChromeの拡張機能で、その主な機能は「Adjust your CSS styles, without taking your eyes off the result.」です。

拡張機能のスクリーンショット

Style Adjuster拡張機能のCRXファイルをダウンロード

Style Adjuster拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	Style Adjuster
ID	bmnmiidhocohelghddfcfbhojknfclba
公式URL	https://chromewebstore.google.com/detail/style-adjuster/bmnmiidhocohelghddfcfbhojknfclba
説明	Adjust your CSS styles, without taking your eyes off the result.
ファイルサイズ	265 KB
インストール数	200
現在のバージョン	1.0.5
最終更新日	2013-08-22
公開日	2013-08-22
評価	1.00/5 合計 1 レビュー
開発者	https://thinkinghard.com
支払い方法	free
拡張機能のウェブサイト	http://pdorrell.github.io/style-adjuster/
対応言語	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" ] }