Introducción al desarrollo de páginas responsivas
  • Bienvenida al curso de Desarrollo de páginas responsivas con CSS3 y HTML5
  • Historia del Internet
  • Historia del HTML5
  • Las etiquetas estructurales en HTML5
  • Crear un layout fijo de una columna
  • Concluir una página de una columna
  • Medidas flexibles en la construcción de páginas responsivas
  • Medida flexible EM
  • Medida flexible REM
  • Medida flexible Porcentaje (%)
  • Desarrollo de página responsivas por dos columnas
  • Desarrollo de página responsiva con tres columnas
  • Apuntes del curso (PDF)
El manejo de media querys para el desarrollo de páginas responsivas
  • Los medias querys en CSS3
  • La etiqueta viewport
  • Imágenes responsivas con @mediaquery
  • Detectar la orientación de un dispositivo con mediaquery
  • Desarrollar una página para laptop y para tableta
  • Desarrollar una página para un dispositivo móvil pequeño o smart phone
  • Crear archivos externos: para pantalla y tableta
  • Crear archivos externos: smartphones
  • Manejo de columnas con CSS3
  • Manejar las pantallas de alta resolución o retina con media query
  • El manejo de las fuentes externas en una página responsiva
  • Hacer un video HTML5 responsivo
  • Hacer un video de Youtube responsivo
  • Hacer una tabla responsiva
  • Hacer una tabla responsiva para dispositivos pequeños
  • Crear un formulario responsivo, primera parte
  • Crear un formulario, segunda parte
Desarrollo de aplicaciones y ejemplos responsivos
  • Crear un menú responsivo, primera parte
  • Crear un menú responsivo, segunda parte
  • Crear un menú responsivo en la parte baja del viewport
  • Crear un menú en un encabezado responsivo
  • Crear una galería responsiva, primera parte
  • Crear una galería responsiva, segunda parte
  • Crear un slideShow de imágenes responsivas, primera parte
  • Crear un slideShow de imágenes responsivas, segunda parte
  • Crear un slideShow de imágenes responsivas, tercera parte
  • Crear un slideShow de imágenes responsivas, cuarta parte
  • Crear una galería con SlideShow responsivos, primera parte HTML
  • Crear una galería con SlideShow responsivos, segunda parte CSS
  • Crear una galería con SlideShow responsivos, tercera parte JavaScript
  • Crear un portafolio responsivo, primera parte, HTML
  • Crear un portafolio responsivo, segunda parte, CSS
  • Crear un catálogo de productos responsivos, primera parte
  • Crear un catálogo de productos responsivos, segunda parte
Crear un grid responsivo y el uso de JavaScript
  • Crear un grid responsivo, primera parte
  • Crear un grid responsivo, segunda parte
  • Crear un grid responsivo, tercera parte
  • Cambiar un layout fijo a uno responsivo
  • Utilizar JavaScript para páginas responsivas, primera parte
  • Utilizar JavaScript para páginas responsivas, segunda parte
  • Crear menú responsivo con un campo de búsqueda
  • Crear un menú responsivo fijo de lado izquierdo
  • Crear un menú responsivo deslizable
  • Crear un menú lateral deslizable
  • Botones deslizables como menú
  • Crear un menú vertical
  • Crear un menú responsivo con encabezado
  • Crear un menu fijo
  • Crear un menú que se oculte con el scroll
  • Crear un submenú desde un botón
  • Crear un menú responsivo con submenú, primera parte
  • Crear un menú vertical submenu, primera parte
  • Crear un menú vertical submenu, segunda parte
  • Crear un menú vertical submenu, tercera parte
  • Crear un menu responsivo con un submenú, primera parte
  • Crear un menú responsivo con un submenú, segunda parte
  • Crear un "super menú" responsivo
  • Crear la botonera para paginación
  • Crear las migas de pan con CSS3
  • Crear una botonera responsiva
  • Crear una botonera para las redes sociales
Hasta pronto
  • Despedida del curso Desarrollo de páginas responsivas con CSS3 y HTML5
  • Archivos del curso Desarrollo de páginas responsivas con CSS3 y HTML5