TEMARIO:

1. Fundamentos

• Conceptos comunes
• Controlar los viewports
• Comprender las densidades de pantalla
• Diseñar para múltiples densidades de pantallas
• Comprender las mediaqueries
• Crear break points con mediaqueries
• Usar rejilla fluida
• Hacer imágenes responsivas
• Crear formularios responsivos.

2. Preparación

• Estrategias de diseño responsivo
• Planificar el diseño responsivo
• Crear responsive mockups
• Diseñar para móviles
• Frameworks de rejilla fluida (Bootstrap,...)

3. Maquetación responsive

• Preparar el archivo html5
• Crear contenedores para los contenidos y la maquetación
• Establecer archivos CSS para todas las dimensiones de pantalla
• Enlazar las hojas de estilo CSS según los tamaños de pantalla con mediaqueries
• Permitir que Internet Explorer 7 y 8 entiendan HTML5
• Configurar la escala de viewport
• Crear reglas CSS según cada pantalla
• Selectores CSS avanzados

4. Visualización y rendimiento

• Testar diseños responsivos
• Manejar los cambios de orientación
• Mejorar el rendimiento de un sitio
• Generación y uso de sprites.