Responsive Web Design

418 views

Published on

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
418
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Web Design

  1. 1. ¿Qué es Responsive Web Design/ Diseño Web Adaptable?
  2. 2. Los sitios web adaptables, responden a su ambiente.
  3. 3. Adaptativo(Multiple fixed layouts/Múltiples diseños adaptables para brindar la mejor experiencia a una audiencia más extensa) O Responsivo (Multiple fluid grid layouts/ Estructura fluida para adaptar el sitio web al entorno del usuario.)
  4. 4. ¿Por qué es importante? “Día tras día, crece el número de dispositivos,plataformas y exploradores que hacen uso de tu sitio. El diseño web adaptable representa un cambio fundamental en la manera en la que construimos sitios para la siguiente década.” - Jeffrey Veen
  5. 5. Pequeño + mediano + grandeun sitio para todas las pantallas.
  6. 6. ¿Quién lo está haciendo? No solo demos, sitios de diseño y de vanidades. Clientes reales.
  7. 7. The Boston GlobeEl proyecto de diseño web adaptable más grande hasta el momento.
  8. 8. Grey GooseSitio adaptable con animación de desplazamiento parallax.
  9. 9. Barak ObamaLa campaña de Obama se situó como líder en tecnología y diseño web.
  10. 10. … y muchos más.
  11. 11. ¿Cuándo utilizarlo? Cosas a considerar: Tiempo y dineroCompatibilidad con exploradores Funcionalidad Contenido Sitio web vs. Aplicación web
  12. 12. Frameworks (Estructura previa – ahorra tiempo.)Crear una estructura propia (Mayor control)
  13. 13. Buenas prácticas Revisión de contenido Empezar pequeño (móviles)Salir de Photoshop, entrar al explorador Optimizar siempre
  14. 14. Nuevas y mejores prácticas van surgiendo constantemente.
  15. 15. Fuente:“What The Heck Is Responsive Web Design?” (John Polacek)

×