When comparing LiveReload vs CSS refresh, the Slant community recommends LiveReload for most people. In the question“What are the best cross-browser live-update / synchronization tools?” LiveReload is ranked 3rd while CSS refresh is ranked 9th. The most important reason people chose LiveReload is:
LiveReload supports LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML and Jade out of the box. It instantly compiles them and puts the compiled files in the specified folder.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Great bundled compilers
LiveReload supports LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML and Jade out of the box. It instantly compiles them and puts the compiled files in the specified folder.
Pro Works with most modern browsers
LiveReload supports Safari, Chrome, Firefox, Mobile Safari and Opera with web sockets enabled.
Pro CSS injection
Once the monitored .css file is saved, changes are implemented without a refresh.
Pro CSS injection
Once the monitored .css file is saved, changes are implemented without refreshing the whole page. Only the CSS is changed.
Pro Easy setup
To use CSSrefresh, all that is needed is to include the small .js file or to use the bookmark provided by the CSSrefresh page.
Cons
Con To use it, a code snippet or an extension to the browser needs to be added
To use LiveReload, a code snippet needs to be added inside the view, or an extension to be installed to the browser(s) of choice. While it's not too much work, it can be a hassle and a deal-breaker for some people.
Con Only for CSS
CSS refresh only watches for .css file changes. It does not watch for JavaScript or HTML updates.
Alternative Products
