Style Adjuster

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

What is Style Adjuster?

Style Adjuster is a Chrome extension that allows you to easily adjust CSS styles using a slider, without losing sight of the result. With a simple interface, you can edit numerical CSS property values and see the changes in real-time. Save time and focus on the aesthetics of your design with Style Adjuster.

Download

Extension stats

By: https://thinkinghard.com

View on Chrome Web Store

Users: 186 ▲ 8

Rating: 1.00 (1)

Version: 1.0.5 (Last updated: 2013-08-22)

Creation date: 2013-08-22

Risk impact: Very low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 271.36K

URLs: Website

Ranking

# 58245 ▲ 585

Other rankings

#4228 in Developer Tools ▲ 15 #30 in style keyword 20 ▼ 4 #89 in target keyword 5 ▲ 13 #128 in property keyword 18 ▲ 14 #285 in text editor keyword 12 ▲

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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.