Hot Proton

Leave a comment

LiveReload and its benefits for Web Developers and Designers


What is LiveReload exactly ?

The simple answer to this is, Edit Code in Code Editor and view results immediately in Firefox or Chrome or Safari without hitting F5 isnt that cool. Imagine you tweaked some code or made some changes to CSS files or applied some jquery effects and how cool it would be if we could view it immediately in the browsers without hitting refresh. Live Reload does that for your and makes developement much faster.

How do I install and use the browser extensions? – LiveReload Help & Support

1. Code Editor : Sublime

You will need package control installed in Sublime to install Live Reload plugin for Sublime. If you don’t have package control installed in Sublime follow this URL  for easily installing packages control in Sublime Text

Install LiveReload – Packages – Package Control for Sublime.

2. Install  Firefox Extension 2.0.8


2. Install  Chrome Extension

After the extension installation is done in sublime and browsers you can start coding and view live previews in browser.

 photo LiveReload.jpg

That’s all you need and you are set.

Read N things that live reload can do for you.

Let the magic begin !!!!