ResponsiveWeb Design#joomladaygt@victorlopezg
¿por qué?
Mobile vs Desktop
Resoluciones
Principios:1.ResponsiveLayouts2.Ocultar Información/Funcionalidad3.Pensar en dedosgordos
1. Responsive Layouts
1. Responsive Layouts
1. Responsive Layouts
2. OcultarInformación/Funcionalidad
2. OcultarInformación/Funcionalidad
3. Dedos gordos Pantallaspequeñas
Twitter Bootstrap<demo>
https://gist.github.com/victorlopezg/5468526
</demo>#joomladaygt@victorlopezg
Upcoming SlideShare
Loading in...5
×

Responsive Web Design, por Víctor López

325

Published on

Víctor López nos da una introducción conceptual y práctica al Responsive Web Design, mostrando sus elementos claves y luego utilizando Bootstrap como base para la creación de un primer sitio responsive.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
325
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Web Design, por Víctor López

  1. 1. ResponsiveWeb Design#joomladaygt@victorlopezg
  2. 2. ¿por qué?
  3. 3. Mobile vs Desktop
  4. 4. Resoluciones
  5. 5. Principios:1.ResponsiveLayouts2.Ocultar Información/Funcionalidad3.Pensar en dedosgordos
  6. 6. 1. Responsive Layouts
  7. 7. 1. Responsive Layouts
  8. 8. 1. Responsive Layouts
  9. 9. 2. OcultarInformación/Funcionalidad
  10. 10. 2. OcultarInformación/Funcionalidad
  11. 11. 3. Dedos gordos Pantallaspequeñas
  12. 12. Twitter Bootstrap<demo>
  13. 13. https://gist.github.com/victorlopezg/5468526
  14. 14. </demo>#joomladaygt@victorlopezg
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×