Responsive Web Design

UNIDAD - Reponsive Web Design

- ¿Qué es Responsive Web Design?
- Características del Responsive Web Design
- Ventajas e inconvenientes
- Crear un diseño adaptable: CSS
- Ejemplo de una página web con diseño Responsive Web Design
- Ejemplo de una página web sin diseño Responsive Web Design
- Cómo comprobar el diseño de tu página Web
- CSS: Medias Queries
- Mobile first
- Patrones de diseño adaptivo
- Diseñar para varios dispositivos en papel
- Plantillas para diseñar
- Navegadores que soportan Responsive Web Design
- Video Ejercicio - Reponsive Web Design
- Autopractica - Opera mobile emulator
- Autopractica - Responsive web Design
- Test - Responsive Web Design

UNIDAD - Creando un diseño adaptable

- Cómo comenzar a diseñar
- Cómo crear un diseño adaptable
- El HTML de mi diseño adaptable
- Meta tags
- El CSS de mi diseño adaptable
- Medias Queries
- Diseño web fluido
- Cálculo de porcentajes
- Fuentes flexibles
- Imágenes flexibles
- Resize Windows
- Video Ejercicio - Creando un diseño adaptable
- Autopráctica - Creando un diseño adaptable
- Autopráctica - Creando un diseño adaptable II
- Test - Creando un diseño adaptable

UNIDAD - Web con responsive design

- Frameworks
- Booststrap
- Booststrap II
- Semantic
- Semantic II
- Skeleton
- Skeleton II
- Less Framework
- Less Framework II
- Columnal
- Video ejercicio - Web con responsive design
- Autopractica - Patrón de diseño columnal
- Autopráctica - Patrón de diseño bootstrap
- Test - Web con responsive design