JoachimK / everyscrub

Extension for Brackets that turns every CSS number/color into a draggable "scrubber"

Everyscrub for Brackets

Everything's a scrubber! Cmd/Ctrl + drag on any number or hex color to scrub its value. In "Live development" mode, the browser preview will update in real time while you're dragging.

You can also tap Shift+Alt+Up/Down to "nudge" the value in individual increments.

Works with any number in CSS, LESS, SVG, HTML and JavaScript. Also works with 3- or 6-digit hex colors (darkens/lightens the color). Just hold down Cmd (Mac) or Ctrl (Win), mouse down on the number in your source code, and drag the mouse horizontally.

What is Brackets?

Everyscrub is an extension for Brackets, a new open-source code editor for the web.

To use Everyscrub:

1. Download the ZIP and unzip it; or clone this repo
2. Open your extensions folder: Help > Show Extensions Folder
3. Place the folder so the structure is: extensions/user/everyscrub/main.js
4. Restart Brackets!

License

MIT-licensed -- see main.js for details.

Compatibility

Brackets Sprint 14 or newer (or any version of Adobe Edge Code). Undo functionality is improved when running in Brackets Sprint 20 or newer.