LiveReload removes the need of clicking on your browser and having to hit F5/refresh for the hundredth time, increasing your productivity and enabling you to do what you would rather, see the results the moment you save your JavaScript, markup or stylesheets.

Here’s a quick demo of how to install LiveReload and use it.

LiveReload works only in Safari or Chrome and apparently works on windows… this demo is just for Mac users but you can still learn a lot about how this tool from this demo.

There are a few caveats I mention in this screencast that are a requirement to get it to run:

• Install LiveReload on you machine
• Install LiveReload in Chrome or enable extensions and add to Safari
• Have a localhost environment set up (windows/OSX)