Detalle del libro
Ver Índice
Agradecimientos
Alexis Goldstein
Louis Lazaris
Estelle Weyl
Sobre los autores
Sobre el revisor técnico
Prólogo
Introducción
¿Quién debería leer este libro?
¿Qué hay en este libro?
Convenciones utilizadas en este libro
Código fuente
1. Introducción a HTML5 y CSS3
¿Qué es HTML5?
¿Cómo llegamos aquí?
¿Despegará la verdadera especificación HTML5?
¿Por qué debería preocuparme por HTML5?
¿Qué es CSS3?
¿Por qué debería preocuparme por CSS3?
¿Qué se entiende por el "mundo real"?
El variado mercado de los navegadores
El creciente mercado de los móviles
Lo verdaderamente importante
2. Código al estilo HTML5
Presentar el sitio The HTML5 Herald
Una plantilla HTML5 básica
El doctype
El elemento html
El elemento head
Nivelando el terreno de juego
El resto es historia
Preguntas frecuentes sobre HTML5
¿Por qué estos cambios siguen funcionando en navegadores más antiguos?
¿No se deberían cerrar todas las etiquetas?
¿Qué pasa con las otras costumbres de sintaxis basadas en XHTML?
Definir la estructura de la página
El elemento header
El elemento section
El elemento article
El elemento nav
El elemento aside
El elemento footer
Estructurar The HTML5 Herald
Conclusión
3. Más semántica en HTML5
Una nueva perspectiva sobre los tipos de contenido
El esquema de documento
Noticias de última hora
El elemento hgroup
Más elementos nuevos
Los elementos figure y figcaption
El elemento mark
Los elementos progress y meter
El elemento time
Cambios a características existentes
La palabra "desaprobado" está desaprobada
Elementos de bloque dentro de vínculos
Texto en negrita
Texto en cursiva
Texto grande y pequeño
Citas con cite
Listas de descripción (no de definición)
Otros nuevos elementos y características
El elemento details
Listas ordenadas personalizadas
Estilos con scoped
El atributo asyn para scripts
Validar documentos HTML5
Conclusión
4. Formularios HTML5
Herramientas de confianza en nuestra caja de herramientas
Atributos de formulario HTML5
El atributo required
Aplicar estilo a campos de formulario obligatorios
El atributo placeholder
Completar el soporte con JavaScript
El atributo pattern
El atributo disabled
El atributo readonly
El atributo multiple
El atributo form
El atributo autocomplete
El elemento datalist y el atributo list
El atributo autofocus
Nuevas tipos de entrada de datos de formulario HTML5
Búsqueda
Direcciones de correo electrónico
URL
Números de teléfono
Números
Rangos
Colores
Fechas y horas
Otros nuevos controles de formulario en HTML5
El elemento output
El elemento keygen
Cambios a controles y atributos de formulario existentes
El elemento form
El elemento optgroup
El elemento textarea
Conclusión
5. Audio y vídeo HTML5
Un poco de historia
La situación actual
Formatos de contenedor de vídeo
Códecs de vídeo
Códecs de audio
¿Qué combinaciones funcionan en los navegadores actuales?
El código
Permitir controles nativos
El atributo autoplay
El atributo loop
El atributo preload
El atributo poster
El atributo audio
Añadir soporte para múltiples formatos de vídeo
Orden con source
¿Qué pasa con Internet Explorer 6-8?
Tipos MIME
Codificar archivos de vídeo para su uso en la Web
Crear controles personalizados
Algo de código y estilo para poder empezar
Presentar la API de elementos multimedia
Reproducir y pausar el vídeo
Activar y desactivar el silencio de la pista de audio del vídeo
Responder cuando el vídeo termina de reproducirse
Actualizar la hora según se reproduce el vídeo
Más características de la API de elementos multimedia
Eventos
Atributos
¿Qué hay del audio?
Multimedia accesible
Conclusión
6. Introducción a CSS3
Subir a bordo de los navegadores antiguos
Selectores CSS3
Selectores relacionales
Selectores de atributo
Pseudo-clases
Pseudo-clases estructurales
Pseudo-elementos y contenido generado
Contenido generado
::selection
Colores CSS3
RGBA
HSL y HSLA
Opacidad
Ponerlo en práctica
Esquinas redondeadas: border-radius
Sombras
Inset y las múltiples sombras
Sombras de texto
Más sombras
El siguiente
7. Degradados CSS3 y múltiples fondos
Degradados lineales
La sintaxis W3C
La antigua sintaxis WebKit
Juntarlo todo
Degradados lineales con SVG
Degradados lineales con filtros IE
Herramientas en el mercado
Degradados radiales
La sintaxis W3C
La antigua sintaxis WebKit
Juntarlo todo
Degradados repetidos
Múltiples imágenes de fondo
Tamaño de fondo
En el fondo
8. Transformaciones y transiciones CSS3
Transformaciones
Traslación
Escalar
Rotación
Inclinación
Cambiar el origen de la transformación
Soporte para Internet Explorer 8 y anteriores
Transiciones
transition-property
transition-duration
transition-timing-function
transition-delay
La propiedad abreviada transition
Múltiples transiciones
Animaciones
Fotogramas clave
Propiedades de animación
animation-name
animation-duration
animation-timing-function
animation-iteration-count
animation-direction
animation-delay
animation-fill-mode
animation-play-state
La propiedad abreviada animation
Seguir adelante
9. Fuentes incorporadas y diseños multicolumna
Fuentes Web con @font-face
Implementar @font-face
Declarar orígenes de fuentes
Descriptores de propiedad de fuente
Rango Unicode
Aplicar la fuente
Consideraciones legales
Crear varios tipos de archivo de fuentes: Font Squirrel
Otras consideraciones
Diseños multicolumna CSS3
La propiedad column-count
La propiedad column-gap
La propiedad column-width
La propiedad abreviada columns
Columnas y la propiedad height
Otras características de columna
La propiedad column-rule
Saltos de columna
Ocupar varias columnas
Otras consideraciones
Mejora progresiva
Consultas multimedia
¿Qué son las consultas multimedia?
Sintaxis
Flexibilidad de las consultas multimedia
HTML y CSS han tenido, desde siempre, una gran acogida entre los desarrolladores Web, cosechando éxitos por todas partes. Ambos gozan de usuarios fidelísimos entre los que despiertan un enorme interés. Ellos siguen viendo en sus últimas versiones la perspectiva del futuro.
Este libro escrito de forma amena y de fácil lectura está dirigido a diseñadores y desarrolladores Web que quieren aprender las tecnologías basadas en los navegadores de última generación. Aborda todo lo que necesita saber para ampliar sus habilidades con las nuevas características y tecnologías asociadas con HTML5 y CSS3 y para aprender a crear un sitio Web.
En el camino, conocerá información técnica y teórica que le ayudará a llenar cualquier vacío de conocimiento, los porqué y cómo de estas nuevas tecnologías.