(http://zurb.com/blog/system/images/1177/original/blog-post-image.jpg?1385055116)
¿Que es Foundation?Es un framework limpio, fácil y nada intimidante para usar, ofreciendo elementos esenciales totalmente necesarios para conseguir un sitio propio, con todo el poder del diseño web pero que realmente sea funcional. Cabe mencionar que podemos diseñar la interfaz gráfica con el mismo a un sitio web.
Comencemos a agregar Foundation a nuestra aplicación:
1. Adherimos al archivo Gemfile la gema:
gem 'foundation-rails' luego ejecutamos
bundle install2. Instalamos Foundation en nuestro proyecto:
rails g foundation:install3. Agregamos la siguiente línea:
*= require foundation a nuestro CSS para ello debemos ingresar al siguiente directorio:
app/assets/stylesheets/application.css 4. Ahora nos dirigimos a
app/assets/javascripts/application.js y colocamos la siguiente línea:
//= require foundation
$(function(){ $(document).foundation(); });5. Incorporamos la siguiente línea a nuestro archivo
production.rb:
config.assets.precompile += %w( vendor/modernizr.js )Para ello hay que dirigirse a
config/environments/production.rb 6. Finalmente abrimos el archivo (
application.html.erb) el mismo se encuentra en:
app/views/layouts/ application.html.erb y añadimos la siguientes líneas:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />Y
<%= javascript_include_tag "vendor/modernizr" %>Las mismas deben ir dentro de la etiqueta
<head></head> del archivo
application.html.erb