comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

Agregar Foundation a Rails

  • 0 Respuestas
  • 2039 Vistas

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

Desconectado Alejandro9999

  • *
  • Underc0der
  • Mensajes: 452
  • Actividad:
    0%
  • Reputación 1
  • Humildad y sencillez ante todo.
    • Ver Perfil
« en: 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
  1. gem 'foundation-rails'
luego ejecutamos
Código: Ruby
  1. bundle install

2.   Instalamos Foundation en nuestro proyecto:
Código: Ruby
  1. rails g foundation:install

3.   Agregamos la siguiente línea:
Código: Ruby
  1. *= 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
  1. //= require foundation
  2. $(function(){ $(document).foundation(); });

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

Código: Ruby
  1. 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
  1. <You are not allowed to view links. Register or Login name="viewport" content="width=device-width, initial-scale=1.0" />

Y

Código: Ruby
  1. <%= javascript_include_tag "vendor/modernizr" %>

Las mismas deben ir dentro de la etiqueta
Código: HTML5
  1. <You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
del archivo application.html.erb





 

¿Te gustó el post? COMPARTILO!



Preguntas de una entrevista de trabajo para Ruby y Ruby on Rails

Iniciado por Alejandro9999

Respuestas: 0
Vistas: 1105
Último mensaje Enero 02, 2014, 09:54:41 pm
por Alejandro9999
Desarrollo de aplicaciones Perl, PHP, Python y "Ruby on Rails"

Iniciado por Alejandro9999

Respuestas: 0
Vistas: 1098
Último mensaje Junio 13, 2014, 03:27:08 pm
por Alejandro9999
Como Instalar RubyMine y Crear un proyecto vacio para Ruby y Rails

Iniciado por Alejandro9999

Respuestas: 0
Vistas: 1582
Último mensaje Julio 07, 2013, 10:51:08 pm
por Alejandro9999
Subir aplicación en Rails/Django/Node en 5mins sin instalar nada.

Iniciado por Alejandro9999

Respuestas: 0
Vistas: 940
Último mensaje Agosto 25, 2013, 10:45:00 pm
por Alejandro9999
Subir imágenes a nuestra aplicación Rails, usando la gema 'Paperclip'

Iniciado por Alejandro9999

Respuestas: 0
Vistas: 1089
Último mensaje Septiembre 24, 2013, 02:33:08 pm
por Alejandro9999