El documento habla sobre el diseño web responsivo. Explica que debido al aumento en el uso de dispositivos móviles, los sitios web necesitan tener versiones móviles. Describe que el diseño responsivo se adapta al comportamiento del usuario, la resolución de pantalla, la plataforma y la orientación. Se recomienda usar layouts, imágenes y consultas CSS flexibles para lograr esto. Algunos beneficios son que el sitio se podrá ver en cualquier dispositivo y mejorará el posicionamiento en buscadores.

1. Responsive Web
Design
Ing. Alexander Acurio

2. El cambio de una computadora por el uso de
celulares hacen que casi todos los nuevos
clientes por estos días quieran una versión
móvil de sus sitios web.
En los próximos cinco años necesitaremos
diseñar para otro sin número de nuevos
dispositivos.

3. ¿Cuándo acabará esta locura?
No lo hará…

4. Sólo por mencionar algunos…

5. Pero… ¿Qué es Responsive?
Diseño que responde a:
• Comportamiento del usuario.
• Resolución de pantalla.
• Plataforma.
• Orientación.
Utilizar:
• Layouts flexibles.
• Imágenes flexibles.
• CSS Media Queries.

6. ¿Qué beneficios tengo?
• Tu sitio se podrá ver, literalmente, en
cualquier lado.
• Los sitios móviles actuales son pobremente
diseñados.
• SEO: Optimización para motores de
búsqueda.

7. Navegadores que lo soportan
•IE8+
•Safari
•Firefox
•Chrome
•Opera

8. Y… ¿Cómo lo hacemos?

9. Responsive Web
Design Frameworks
¿Por qué reinventar la pólvora?

13. Y… ¿qué más?
• Stuff&Nonsense :
Framework basado en HTML5 BoilerPlate
(JQuery, Modernizr, Normalize.css)
• ScreenFly :
Pruebas de resoluciones
• Sencha :
IDE
• Imágenes responsivas
• Masonry :
Layouts dinámicos

15. didjeram.com | info@didjeram.com
didjeram didjeram