Browser as a Design Tool - Change colors, Save Them? [closed]

Answer 1

How to use Chrome to play with CSS and Save it

• Determine which Stylesheet you will make changes to. Be sure to only affect rules associated with this stylesheet.
• Navigate to this stylesheet in the Sources panel of the Developer Tools, Right-click it, and Save-As this file to your computer. You can get to a stylesheet in the Sources panel quickly by clicking the stylesheet at the top-right of each CSS rule for a selected element in the Elements panel.
• Freely make changes to CSS Rules associated with your chosen-and-saved stylesheet. Chrome will automatically save each change to the stylesheet you saved on your computer.

Keep in mind, however, that you must do things in this order. If you save the stylesheet, then make your CSS changes, then save again, Chrome will oddly write the original unmodified source to file (until you make one more change, which causes Chrome to auto-save all changes to file).

How to use this with your clients and friends

• Set up a theme stylesheet with blank (or default-ish) CSS rules (that have top precedence) for every element you intend to let them play with.
• Over the phone, guide them to Save-As this theme stylesheet from within the Sources panel.
• Guide them in inspecting elements, and using the the Chrome inspector's GUI color-picker to meddle around and find the exact colors they want.
• Have them send you the saved stylesheet :)
  It's a good idea for you to verify that the modifications are in the file they sent you, before they close their browser window :P

Answer 2

i use this Chrome extension to save the files i modify directly in Chrome DevTools.
Seems hard to configure it, but it does his job. Plus i think it's a must-have for web-developers/designers.
Maybe with some tweak you can make it do what your trying to do.

Answer 3

Sitemod.io allows you to use Chrome Developer Tools to edit any HTML, CSS or JS code on any live or local web page. After you finished working, you can save the edits and get a unique URL to the modified version so you can share your mod with your clients.

Here is an example that illustrates how the above can be done.

I'm one of the developers of this tool so please feel free to ask me anything