Agregar Foundation a Rails

Iniciado por Alejandro_99, Octubre 12, 2014, 03:04:07 AM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.


¿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