- Diagnóstico: ¿Qué tanto sé?
- Introducción y Box Model
- 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
- Aplicación de efectos
- Creación de transiciones
- Creación de animaciones
- Demostración: Efectos, transiciones y animaciones
- Proyecto: Agregando transiciones a Origami
- Demostración: Integrando fuentes especiales
- Demostración: Integrando fuentes especiales offline
- 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
- Introducción a mega menús
- Proyecto: Creando un mega menú para Acero Real
- Proyecto: Detalles finales para nuestro menú
- 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
- 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: 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
- Despedida