HTML5 y CSS3 - Autor: Christophe Aubry

• La evolución del HTML y del CSS
• Breve historia de Internet
• La evolución del HTML
• La evolución del CSS
• La nueva sintaxis HTML5
• El doctype
• El documento HTML
• La codificación de los caracteres
• 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
• El atributo semántico "role"
• 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

Twittear