1. ¿Qué es Responsive Web Design/
Diseño Web Adaptable?

2. Los sitios web adaptables,
responden
a su ambiente.

4. 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.)

5. ¿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

6. Pequeño + mediano + grande
un sitio para todas las pantallas.

7. ¿Quién lo está haciendo?
No solo demos, sitios de diseño y de vanidades.
Clientes reales.

8. The Boston Globe
El proyecto de diseño web adaptable más grande
hasta el momento.

9. Grey Goose
Sitio adaptable con animación de desplazamiento
parallax.

10. Barak Obama
La campaña de Obama se situó como líder en
tecnología y diseño web.

11. … y muchos más.

12. ¿Cuándo utilizarlo?
Cosas a considerar:
Tiempo y dinero
Compatibilidad con exploradores
Funcionalidad
Contenido
Sitio web vs. Aplicación web

13. Frameworks
(Estructura previa – ahorra tiempo.)
Crear una estructura propia
(Mayor control)

14. Buenas prácticas
Revisión de contenido
Empezar pequeño (móviles)
Salir de Photoshop, entrar al explorador
Optimizar siempre

15. Nuevas y mejores prácticas van
surgiendo constantemente.

16. Fuente:
“What The Heck Is Responsive Web Design?”
(John Polacek)