everyscrub
everyscrub copied to clipboard
Extension for Brackets that turns every CSS number/color into a draggable "scrubber"
Everyscrub for Brackets
Note: Shortcuts & modifiers changed recently to avoid clashing with the "multiple cursors" functionality in Brackets Sprint 38.
Everything's a scrubber! Alt/⌥ + 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 Ctrl/⌘+Alt + Up/Down to "nudge" the value in individual increments.
Scrubbing a hex color darkens/lightens the color. Like numbers, this works in any file type (not just CSS, JS, etc.).
How to Install
Everyscrub is an extension for Brackets, a new open-source code editor for the web.
To install extensions:
- Choose File > Extension Manager and select the Available tab
- Search for this extension
- Click Install!
License
MIT-licensed -- see main.js
for details.
Compatibility
Brackets Sprint 33 or newer (Adobe Edge Code Preview 7 or newer).
Use the older release at commit e974ebd8
if you need compatibility
with older versions of Brackets and Edge Code.