Introducción al Responsive Web design
  • ¿Qué es el Responsive Web Design?
  • Descargando archivos usados en este curso
  • ¿Porqué tu Web debería ser Responsive?
  • Estudio de buenos sitios Responsive
  • Ingredientes del Responsive Web Design (parte 1)
  • Ingredientes del Responsive Web Design (parte 2)
  • Introducción al Responsive Web design
Entendiendo y Configurando el VIEWPORT
  • ¿Qué es el viewport?
  • La meta etiqueta Viewport
  • Configurando el Viewport
  • Entendiendo y Configurando el VIEWPORT
Entendiendo e Implementando las @Medias Queries
  • Estructura de las @Media Queries
  • Definiendo los tipos de medios
  • Entendiendo width, min-width y max-width
  • Practicando el min-width y max-width
  • ¿Donde definir los Medias Queries?
  • Creando puntos de corte (BreakPoints)
  • Entendiendo e Implementando las @Medias Queries
Implementando Imágenes Responsive
  • Imágenes Responsive con Max-width
  • Ventajas del uso de Max-width
  • Diferentes soluciones para la carga condicional de imágenes
  • Entendiendo la Dirección de Arte (Art Direction)
  • Sirviendo imágenes condicionales con Responsive-Images.js
  • Sirviendo imágenes condicionales con PictureFill
  • Sirviendo imágenes condicionales con CSS3
  • Implementando Imágenes Responsive
Implementando fuentes Responsive
  • Principios de la Tipografia Responsive
  • Tipografia fluida con EMs
  • Escalando el texto con Medias Queries
  • Implementando Fuentes Responsive
Creando Menús Responsive
  • ¿Qué tipo de Menú Responsive debo usar?
  • Menú Responsive “Déjalo Fluir” parte 1
  • Menú Responsive “Déjalo Fluir” parte 2
  • Menú Responsive “Déjalo Fluir” parte 3
  • Menú Responsive “Déjalo Fluir” parte 4
  • Menú Responsive “Déjalo Fluir + Jquery” parte 1
  • Menú Responsive “Déjalo Fluir + Jquery” parte 2
  • Menú Responsive “Déjalo Fluir + Jquery” parte 3
  • Menú Responsive “En el Pié de página”
  • Menú Responsive "Lista Desplegable"
  • Menú Responsive “Deslizante Lateral” parte 1
  • Menú Responsive “Deslizante Lateral” parte 2
  • Menú Responsive “Desplegable” parte 1
  • Menú Responsive “Desplegable” parte 2
Creación de un Proyecto Web Responsive desde 0
  • Descargando y personalizando HTML5 BoilerPlate
  • Analizando el Diseño en PSD
  • Escribiendo el HTML5 del encabezado
  • Escribiendo el HTML5 el Menú principal
  • Escribiendo el HTML5 del Slide de imagen
  • Escribiendo el HTML5 del bloque de Bienvenida
  • Escribiendo el HTML5 del contenido principal y del pie de página
  • Estilizando el Logo con CSS3
  • Implementando Íconos basados en Fuentes con Font Awesome
  • Estilizando la caja de búsqueda con CSS3
  • Estilizando los botones de redes Sociales con CSS3
  • Estilizando el Menú principal con CSS3
  • Estilizando la zona de Presentacion con CSS3 (parte 1)
  • Insertando fuentes Personalizadas
  • Estilizando la zona de Presentacion con CSS3 (parte 2)
  • Estilizando la Zona de Bienvenida con CSS3
  • Estilizando el contenido principal con CSS3
  • Estilizando el Pie de página con CSS3
  • Planificando la inserción de BreakPoints (Medias Queries)
  • Aplicando BreakPoint para pantallas medianas
  • Aplicando BreakPoint para pantallas medianas (parte 2)
  • Aplicando BreakPoint para pantallas pequeñas
  • Aplicando BreakPoint para pantallas enormes
  • Aplicando BreakPoint para pantallas enormes (parte 2)
Optimización de Recursos
  • Carga condicional de imágenes con CSS3
  • Carga condicional de imagenes con JavaScript
  • Carga condicional de archivos basadas en el ViewPort
  • Comprimiendo nuestras hojas de estilo al máximo
Dando soporte a navegadores antiguos y Conclusiones
  • HTML5Shiv, CSS3Pie y aplicación de estilos CSS solo para IE
  • Carga de Polyfills para implementar capacidades para navegadores obsoletos
  • Conclusiones finales
  • Bonos exclusivos