respond-rails¶ ↑

Respond.js provides a fast and lightweight script to enable responsive web designs in browsers that don’t support CSS3 media queries. You can find the original source repository at github.com/scottjehl/Respond.

Installation¶ ↑

Include the gem in your Gemfile:

gem "respond-rails", "~> 1.0"

Include Respond.js in your application layout like so:

<%= respond_include_tags %>

And add respond.js to the list of precompiled assets:

# config/environments/production.rb

config.assets.precompile += %w( modernizr.js respond.js respond-proxy.html respond.proxy.js )

CDN/X-Domain Setup¶ ↑

If you store your assets on a separate host, you’ll need to edit asset_host like so:

# config/environments/production.rb

config.action_controller.asset_host = Proc.new { |source, request|
  if source =~ /respond\.proxy-.+(js|gif)$/
    "#{request.protocol}#{request.host_with_port}"
  else
    "//assets.example.com"
  end
}

This will skip the asset_host for respond.proxy.js and respond.proxy.gif which need to be on the same domain. After that, you’ll need to make an addition to the precompiled assets:

config.assets.precompile += %w( respond.js respond-proxy.html respond.proxy.js )

Copyright¶ ↑

Copyright © 2011 Scott Jehl, scottjehl.com

See github.com/scottjehl/Respond for details.