WatchMeCode: Using LiveReload In Web Development

From all of the screencasts that I’ve produced at WatchMeCode so far, the number one question that I get is:

What tool do you use to refresh your browser when you change a file in your editor?

It’s LiveReload, and I’ve put together a 10 minute introduction that shows how to get up and running with the GUI application and the Guard plugin, how to use it to compile your assets such as SASS or CoffeeScript, and more.

Personally, I can’t live without this tool anymore. It takes the “refresh” button out of my development effort and greatly simplifies my workflow.

Be sure to checkout my other screencasts (paid and free) at WatchMeCode.net as well.


Post Footer automatically generated by Add Post Footer Plugin for wordpress.

About Derick Bailey

Derick Bailey is an entrepreneur, problem solver (and creator? :P ), software developer, screecaster, writer, blogger, speaker and technology leader in central Texas (north of Austin). He runs SignalLeaf.com - the amazingly awesome podcast audio hosting service that everyone should be using, and WatchMeCode.net where he throws down the JavaScript gauntlets to get you up to speed. He has been a professional software developer since the late 90's, and has been writing code since the late 80's. Find me on twitter: @derickbailey, @mutedsolutions, @backbonejsclass Find me on the web: SignalLeaf, WatchMeCode, Kendo UI blog, MarionetteJS, My Github profile, On Google+.
This entry was posted in Screencast, WatchMeCode, Web Sockets. Bookmark the permalink. Follow any comments here with the RSS feed for this post.
  • http://twitter.com/fernandozamoraj fernandozamoraj

    Great Tool Thanks for Sharing.

  • Anonymous

    For cheapskates:

    a js lib: http://cssrefresh.frebsite.nl/ 
    a SignalR implementation http://nuget.org/packages/ExpressCss
    Node.js http://aboutcode.net/vogue/ 

    (credit due to Andrew Davey for the last two)