HTML5 y CSS3 - Autor: Christophe Aubry
- La evolución del HTML y del CSS
- La nueva sintaxis HTML5
- Los scripts
- Los estilos CSS
- La sintaxis de los elementos
- Los elementos obsoletos
- Los elementos redefinidos
- Los atributos obsoletos
- Nuevos elementos
- Tipos de contenido de los elementos
- La visualización de los elementos
- Los elementos de la estructura en HTML5
- Los elementos de la estructura en HTML 4
- Los elementos de la estructura en HTML5
- Ejemplos de estructura en HTML5
- Las técnicas de formato
- Plantillas web en HTML5
- La plantilla ArchiteXture
- La plantillaDaFrontPage
- La plantilla Learning Center
- WordPress y las plantillas HTML5
- El camino hacia el CSS3
- Análisis de la situación
- Los prefijos para los navegadores
- Cómo interpretan los navegadores el CSS3
- Los nuevos selectores de CSS3
- Los selectores CSS 2
- Los nuevos selectores CSS3
- El selector general de elementos adyacentes
- El selector de atributo
- La pseudo-clase de vínculo
- Las pseudo-clases estructurales
- Los estilos de caja en CSS3
- El tamaño de las cajas
- El desbordamiento de contenido
- Los colores de fondo
- Situación actual de fondos y bordes
- Los bordes redondeados
- Los bordes imaginativos
- Las sombras
- Los degradados
- Los fondos múltiples
- Otras propiedades del fondo
- Los generadores CSS3 en línea
- Ejemplo de una tabla con bordes redondeados
- Ejemplo de sombra para una página
- HTML5 y CSS3 aplicadal texto
- Los elementos de texto obsoletos
- Los elementos de texto redefinidos
- Nuevos formatos para el texto
- Las fuentes tipográficas
- El tamaño de las tipografías
- Textos con sombra
- La tipografía avanzada
- HTML5 y CSS3 para los formularios
- Funcionalidad
- Los métodos de envío
- El elemento <form>
- Los nuevos campos
- La validación de los formularios
- Las expresiones regulares
- Las ayudas para los usuarios de un formulario
- Las pseudo-clases para los formularios
- La validación de los datos introducidos
- Un primer ejemplo de formulario sencillo
- Un segundo ejemplo de formulario muy sobrio
- Un ejemplo de formulario interactivo
- Un último ejemplo de formulario elaborado
- Crear botones con símbolos
- Los generadores de botones en línea
- Las transformaciones CSS3
- Situación actual y objetivos
- La transformación
- El desplazamiento
- El cambio de escala
- La rotación
- La deformación
- Aplicar todas las transformaciones
- Los generadores en línea
- Un menú de ejemplo
- Ejemplo de una galería Polaroid
- Ejemplo de una imagen con relieve
- Las transiciones con CSS3
- Aplicar transiciones
- Aplicar una transición de desplazamiento
- Otras propiedades de las transiciones
- Los generadores en línea de transiciones - CSS
- Ejemplo de un menú de navegación interactivo
- Ejemplo de un diaporama interactivo
- Ejemplo de un menú de navegación "con cajones"
- Ejemplo de interfaz en "acordeón"
- Las animaciones en CSS3
- La creación de una animación
- Un desplazamiento simple
- Rotación y transparencia
- Un formulario que parpadee
- Una ventana modal
- Los elementos multimedia: audio y vídeo
- Insertar audio
- Insertar vídeo
- El elemento de diseño Canvas
- La creación de imágenes bitmap con JavaScript
- Dibujar un rectángulo y círculo con JavaScript, HTML y CSS
- Rayas, bordes, texto, degradado, transformaciones y manipulación de objetos con JavaScript, CSS y HTML
- El diseño web flexible
- Las búsquedas "Media queries" con HTML y CSS
- El tamaño de las pantallas
- Las estructuras flexibles con CSS y HTML
- Las imágenes flexibles con CSS y HTML
- Crear un diseño flexible con CSS y HTML
- Tutorial Diseño Web Flexible con CSS y HTML - La web Food Sense
- Un diseño HTML5/CSS3: The Cat Template
- La estructura HTML5: The Cat Template
- El diseño CSS3: The Cat Template
- Un diseño HTML5/CSS3: FlipThru
- La estructura HTML5 y el diseño CSS3: FlipThru
- Menú acordeón con HTML y CSS - Ejemplo
- Un diseño HTML5/CSS3: dConstruct 2011
- La estructura HTML5 y el diseño CSS3: dConstruct 2011
- Los efectos al pasar el cursor sobre una imagen con CSS
- El diseño adaptable
FIN
