Bienvenida y aspectos básicos
  • Diagnóstico: ¿Qué tanto sé?
  • Introducción y Box Model
Primeros pasos con CSS
  • La propiedad position
  • Float, Clear y Overflow
  • La propiedad display
  • Más propiedades para la caja
  • El borde
  • Cómo usar color
  • Un editor en la nube: Codio ACTUALIZADO (06/FEB/15)
  • Inclusión del archivo CSS
  • Las herramientas de inspección en navegadores
  • Principales selectores
  • Formato de texto
  • Modificando el fondo
  • Demostración: ¡Manos a la obra! Probemos cómo funciona
  • Demostración: Experimentando con el texto
  • Demostración: Aplicando pseudoclases y modificando las imágenes
  • Demostración: Experimentando con position y display
  • Demostración: Estilo para formularios
  • EXTRA: Generando las imágenes desde AI y PS
  • Proyecto: Maquetemos un sitio real
  • Proyecto: Creando el menú principal
  • Proyecto: Agregando la marquesina con imagen
  • Proyecto: Ahora el panel de noticias con desplazamiento
  • Proyecto: Columnas para el contenido de la sección
  • Proyecto: Finalizando el pie y la sección completa
  • Ejercicio/Proyecto: Ahora te toca a ti
  • Aspectos básicos de CSS
Propiedades CSS 3
  • Aplicación de efectos
  • Creación de transiciones
  • Creación de animaciones
  • Demostración: Efectos, transiciones y animaciones
  • Proyecto: Agregando transiciones a Origami
Uso de fuentes especiales en tu sitio
  • Demostración: Integrando fuentes especiales
  • Demostración: Integrando fuentes especiales offline
Sistemas de retícula
  • Introducción a los sistemas de retícula
  • Proyecto: Un sitio con retícula personalizada
  • Proyecto: Composición general del sitio
  • Proyecto: El menú principal y encabezado, ¡Listos!
  • Proyecto: Elaboración del sidebar izquierdo
  • Proyecto: Creando las entradas del portafolios
  • Proyecto: Terminando la página principal
  • Ejercicio: Finaliza SETTE Consultores
  • Demostración: Introducción a 960gs
  • Proyecto: Maquetando con 960gs
  • Proyecto: Búsqueda y espacio del perfil
  • Proyecto: Menú para el perfil
  • Proyecto: Creando el menú principal
  • Proyecto: Columnas y contenido principal
  • Proyecto: Barra lateral
  • Proyecto: Agenda de eventos
  • Proyecto: El pie y detalles finales de la página
  • Ejercicio/Proyecto: Maqueta el sitio GreenTrip con 960gs
  • CSS3, Fuentes especiales y Retículas
Mega menús
  • Introducción a mega menús
  • Proyecto: Creando un mega menú para Acero Real
  • Proyecto: Detalles finales para nuestro menú
Diálogos y ventanas emergentes
  • Introducción a diálogos y ventanas emergentes
  • Demostración: Creando un diálogo con estilo Windows 8
  • Demostración: Un diálogo estilo Material Design
Utilizando imágenes SVG
  • Introducción a SVG
  • Demostración: Exportando archivos SVG con Adobe Illustrator
  • Demostración: Cómo incorporar imágenes SVG con CSS
  • Imágenes SVG con la etiqueta IMG
  • SVG en HTML y ¡con animación!
  • Mega menús, diálogos y SVG
Proyecto integrador
  • Proyecto: Maquetemos un sitio Web con todo incluido
  • Proyecto: Creando el menú superior y preparando el mega menú
  • Proyecto: Mega menú para los precios
  • Proyecto: Finalizando el mega menú de precios
  • Proyecto: Creando el encabezado con foto
  • Proyecto: El área de featurettes
  • Proyecto: La división para descarga de app
  • Proyecto: Elaborando la sección de diseño más simple
  • Proyecto: Testimonios
  • Proyecto: Formulario para el boletín
  • Proyecto: El pie de la página
  • Proyecto: Creando el diálogo del boletín
Ha sido un gran viaje
  • Despedida