Preview CSS changes against a live site, then upload when done

If most of the work you do is tweaking styles, you can preview your changes against a live site and only upload them when done:

  1. Make sure you have an up-to-date local copy of the CSS (SASS, LESS, etc) files you want to edit.
  2. Add the local folder to LiveReload and enable URL overriding (“Override URLs to serve modified CSS from localhost”) in Monitoring Options.
  3. Install the LiveReload browser extension if not already installed.
  4. Go to the live site and turn LiveReload on by clicking the toolbar button.
  5. Change a CSS file locally and watch it being applied to your site.
  6. When satisfied, actually upload the new CSS.

Limitations:

The last two limitations will be fixed in one of the upcoming updates.

See an overview of other remote workflows.