How to automatically compile a SASS file refresh your browser and iPhone using LiveReload with MAMP and WordPress

I've recently be using an App called LiveReload in my workflow. It enables the browser to automatically refresh when you save your files, which is cool. If you imagine making a few hundred changes a day, this soon adds up. It will also compile files, if for example you're using a SASS file, even better… and recently I got it working with an iPhone (pretty sure it'll work with iPad as well, going to test this soon). So have done a screencast to demonstrate how I set this up. It's my first screencast so hope it's ok. Please feel free to comment if you've got any suggestions how to improve it.

Noticed after I'd finished doing the screencast that the code snippet is actually available when you open LiveReload.

Ran into an issue when I came back to my local development environment and the IP had changed, here's how to fix it.

Using FireSass for Firebug? Remember to make sure this option is ticked:

Firesass


Like this post? Hire Me!