Agregar Foundation a Rails

Alejandro_99 · Octubre 12, 2014, 03:04:07 AM

¿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:

Código: ruby

gem 'foundation-rails'

luego ejecutamos

Código: ruby

bundle install

2. Instalamos Foundation en nuestro proyecto:

Código: ruby

rails g foundation:install

3. Agregamos la siguiente línea:

Código: ruby

*= 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:

Código: ruby

//= require foundation
$(function(){ $(document).foundation(); });

5. Incorporamos la siguiente línea a nuestro archivo production.rb:

Código: ruby

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:

Código: html5

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Y

Código: ruby

<%= javascript_include_tag "vendor/modernizr" %>

Las mismas deben ir dentro de la etiqueta

Código: html5

<head></head>

del archivo application.html.erb

Agregar Foundation a Rails

Alejandro_99

Octubre 12, 2014, 03:04:07 AM