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
  • 2237 Vistas

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

Desconectado Alejandro_99

  • *
  • Underc0der
  • Mensajes: 453
  • 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. <No tienes permisos para ver links. Registrate o Entra con tu cuenta 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. <No tienes permisos para ver links. Registrate o Entra con tu cuenta></No tienes permisos para ver links. Registrate o Entra con tu cuenta>
del archivo application.html.erb





 

¿Te gustó el post? COMPARTILO!



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

Iniciado por Alejandro_99

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

Iniciado por Alejandro_99

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

Iniciado por Alejandro_99

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

Iniciado por Alejandro_99

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

Iniciado por Alejandro_99

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