Live Reload to test your CSS instantly in browsers

LiveReload.md

Setup Steps

• Refer to this website: http://blog.55minutes.com/2013/01/lightning-fast-sass-reloading-in-rails-32/

# Gemfile
group :development do
  gem 'guard',              :require => false
  gem 'guard-livereload',   :require => false
  gem 'rack-livereload'
end

# config/environments/development.rb

YOURAPPLICATIONNAME::Application.configure do
  # Automatically inject JavaScript needed for LiveReload
  config.middleware.use Rack::LiveReload
end

# monkey patch to make Rack::LiveReload work for IE
# Not needed anymore if your IE > 9 and gem all updated
module Rack
  class LiveReload
    class ProcessingSkipAnalyzer
      def bad_browser?
        false
      end
    end
  end
end

Bundle and init

• Run bundle install
• Run guard init livereload

To use

• Start server first: rails s
• Start guard for livereload only: guard -P livereload
• That's it!

Tip: You need to manually CMD + s to save your CSS in order for the reload to work (in rubymine)

Trouble-shooting

• Try running bundle update to ensure you have all the latest gems
• Make sure IE has installed Flash player
• It seems to work well for IE if you are using POW instead of webricks