Responsive Web Design con HTML5 y CSS3

Temario

1. Los fundamentos del diseño web responsivo
1 Los fundamentos del diseño web responsivo
2 El panorama del navegador y el dispositivo
3 Definición de diseño web responsivo
4 Nuestro primer ejemplo responsivo

2. Escribir marcado HTML
1 Escribir marcado HTML
2 Empezar correctamente las páginas HTML
3 La naturaleza indulgente del marcado HTML5
4 Nuevos elementos semánticos en HTML5
5 Semántica de nivel de texto HTML
6 Funciones HTML obsoletas
7 Poner elementos HTML en uso
8 Incorporación de medios en HTML5

3. Consultas de medios
1 Compatibilidad con ventanas gráficas diferentes
2 La metaetiqueta de la ventana gráfica
3 Sintaxis de consulta de medios
4 Usar consultas de medios para modificar un diseño
5 Consideraciones de consulta de medios avanzada
6 Consultas de medios de nivel 4

4. Diseño fluido, Flexbox e imágenes responsivas
1 Diseño fluido, caja flexible e imágenes responsivas
2 Conversión de un diseño de píxeles fijos
3 Presentamos Flexbox
4 Diferentes diseños de Flexbox con consultas de medios
5 mágenes responsivas

5. Diseño con CSS Grid
1 Diseño con CSS Grid
2 Qué es CSS Grid y los problemas que resuelve
3 Configurar una cuadrícula
4 Colocación y dimensionamiento de elementos de cuadrícula
5 Líneas de cuadrícula con nombre
6 Aplicar lo que has aprendido hasta ahora

6. Selectores de CSS, tipografía, modos de color y más
1 Selectores de CSS, tipografía, modos de color y más
2 Selectores, unidades y capacidades
3 Tipografía web
4 Formatos de color CSS y transparencia alfa

7. Estética asombrosa con CSS
1 Estética impresionante con CSS 2 Sombras de texto con CSS
3 Sombras de caja
4 Degradados de fondo
5 Degradados repetidos
6 Patrones de degradado de fondo
7 Varias imágenes de fondo
8 Filtros CSS
9 Una advertencia sobre el rendimiento de CSS
10 CSS clip-path
11 mask-image
12 modo de mezcla

8. Uso de SVG para la independencia de la resolución
1 Uso de SVG para la independencia de la resolución
2 Una imagen que también es un documento web legible
3 Creación de SVG con paquetes y servicios de edición de imágenes populares
4 Insertar SVG en tus páginas web
5 Insertar un SVG en línea
6 Reutilizar objetos gráficos a partir de símbolos
7 Funciones y rarezas adicionales de SVG
8 Animar SVG con JavaScript
9 Optimización de SVG
10 Usar SVG como filtros
11 Consejos de implementación de SVG

9. Transiciones, transformaciones y animaciones
1 Transiciones, transformaciones y animaciones
2 Qué son las transiciones CSS y cómo podemos usarlas
3 Comprender las funciones de sincronización
4 Transformaciones CSS 2D
5 Transformaciones CSS 3D
6 Animando con CSS
7 Ejercicios y entrenamiento

10. Conquista los formularios con HTML5 y CSS
1 Conquista los formularios con HTML5 y CSS
2 Formularios HTML5
3 Tipos de entrada HTML5
4 Diseñar formularios HTML5 con CSS