La mejor guía de recursos HTML5
A pesar de que la especificación HTML5 no se terminará oficialmente hasta 2022, (aunque se finalizará en su mayoría en 2014), muchos diseñadores ya están explorando las partes de HTML5 que actualmente cuentan con soporte en los navegadores modernos.
HTML5 abre algunas avenidas completamente nuevas para el diseño web y el desarrollo de aplicaciones web, cosas que anteriormente solo eran posibles con JavaScript o Flash.
Aquí hemos reunido 175 fuentes de recursos para aprender HTML5. A continuación se incluyen tutoriales, marcos, ejemplos y mucho más.
¡Siéntase libre de compartir más recursos de alta calidad en los comentarios!
Tutoriales básicos
Un tutorial muy básico de W3sbchools.com.
HTML5 para principiantes. Úsalo ahora, ¡es fácil!
Una guía introductoria de What !? Nos gusta hablar
28 Funciones, consejos y técnicas de HTML5 que debe conocer
Una colección de consejos HTML5 muy útiles de Nettuts +.
Un video tutorial de 40 minutos del empleado de Google, Brad Neuberg.
Consejo rápido: funciones HTML5 que debería usar ahora mismo
Un screencast de Nettuts +.
Una excelente descripción de las ventajas de HTML5, así como algunos consejos muy útiles.
Preparación para HTML5 con nombres de clase semántica
Un artículo de Jon Tan sobre las nuevas clases semánticas en HTML5.
Una introducción a HTML5, con información sobre API, nuevos elementos y más.
Todo lo que necesitas saber sobre HTML5
Una introducción de TechRadar UK.
Un sitio tutorial muy básico.
Etiquetas estructurales en HTML5
Una introducción a las etiquetas estructurales que reemplazarán a muchos divs.
Una guía de principiante muy útil para HTML5
Una guía simple para el diseño del front-end con HTML5.
Una gran presentación de diapositivas sobre HTML5, construido en HTML5.
Una introducción al elemento de encabezado de HTML5 Doctor.
Desde julio de 2009, este artículo cubre los conceptos básicos de HTML5.
Estructura del código CSS para HTML5: algunas pautas útiles
Algunas pautas útiles de Woork.
HTML5 desatado: consejos, trucos y técnicas
Una descripción general que incluye información sobre marcado semántico, formularios y más.
Creación de sitios en HTML5
Tutorial HTML5 - Primeros pasos
Un tutorial básico de HTML5 que incluye un archivo de plantilla básico.
Codifique un diseño web profesional vibrante con HTML5 / CSS3
Codifique una cartera de una página compatible con versiones anteriores con HTML5 y CSS3
Tutorial: Estudio de caso con HTML5 y CSS3
Toca el futuro: crea un sitio web elegante con HTML5 y CSS3
Codificación de una plantilla de sitio web de una página CSS3 y HTML5
Codificando un diseño HTML desde cero
HTML5 y CSS3: las técnicas que utilizará pronto
Diseña y codifica un sitio web Cool App para iPhone en HTML5
Tutorial simple de diseño de sitios web usando HTML5 y CSS3
Uso de HTML5 para transformar el tema TwentyTen de WordPress
Un tutorial para aprovechar más elementos HTML5 que el tema TwentyTen predeterminado.
HTML5 y CSS3 en Dreamweaver CS5 â € "Parte 1: creación de la página web
El primero de una serie de varias partes sobre codificación en HTML5 y CSS3 en Dreamweaver, de Adobe.
Crear sitios web modernos usando HTML5 y CSS3
Un tutorial intermedio de developerWorks de IMB.
Construyendo páginas web con HTML5
De Wired's Webmonkey
Tutoriales de lienzo
Una presentación en HTML5 con Canvas & jQuery
Rebotar una pelota con HTML5 y JavaScript
Una introducción completa al dibujo con Canvas, de Think Vitamin.
HTML5 Canvas: conceptos básicos
Una introducción en profundidad a Canvas de Dev.Opera.
Pensando en la accesibilidad de Canvas HTML5
Una descripción general de las consideraciones para hacer que Canvas sea accesible.
Guía de elementos de Canvas HTML5
Una guía completa de Six Revisions.
Un lienzo tutorial de Mozilla Developer Network que incluye dibujar formas, usar imágenes y mucho más. Adecuado para principiantes de lona.
Tutoriales de almacenamiento local
Creación de notas persistentes persistentes con almacenamiento local
Un práctico tutorial de almacenamiento local.
Ver tutorial de fuente: notas adhesivas con HTML5 y CSS3
Las notas adhesivas en este tutorial tienen un efecto de animación genial cuando están cerradas.
Almacenamiento del navegador para aplicaciones HTML5
Otro tutorial para usar el almacenamiento local en aplicaciones HTML5.
El primero en un tutorial de cuatro partes.
Consejo rápido: Aprender sobre el almacenamiento local HTML5
Un video tutorial de Nettuts +.
Tutorial de almacenamiento de la base de datos webOS HTML5
Un tutorial para usar la funcionalidad de almacenamiento local de HTML5 con webOS de Palm.
Tutoriales de formularios
Tener un día de campo con formularios HTML5
Cómo crear formularios HTML5 de navegador cruzado
Diseño de cuadros de búsqueda con HTML5 y CSS3
Las formas HTML5 están llegando
Una breve información sobre lo que HTML5 significará para el diseño de formularios.
Video y tutoriales multimedia
Creación de un reproductor de video HTML5 personalizado con CSS3 y jQuery
Tutorial: Cómo construir un reproductor de video HTML5
Soplar video HTML y mapearlo en espacio 3D
Tutorial: Servicio de HTML5 Video Cross Browser (incluido iPad)
Un tutorial completo sobre video HTML5.
Una introducción al uso del elemento de video de HTML5 Doctor.
Tutoriales de la aplicación
Cómo hacer una aplicación de iPhone HTML5
Este tutorial le enseña a crear una aplicación HTML5 sin conexión para un iPhone.
Aplicaciones HTML5: posicionamiento con geolocalización
Una introducción a las API de geolocalización en HTML5.
Creación de aplicaciones web móviles con HTML5, parte 1
De developerWorks de IBM, el primero de una serie de cinco partes de 2010.
Crear aplicaciones web sin conexión en dispositivos móviles con HTML5
Otra guía de developerWorks de IBM.
Aplicaciones HTML5: qué, por qué y cómo
Una visión general de Nettuts +, con ideas prácticas.
Más tutoriales
Cómo crear una linda barra emergente con HTML5, CSS3 y jQuery
Un tutorial práctico de SpyreStudios.
Cómo hacer que todos los navegadores rindan HTML5 Mark-Up correctamente, incluso IE6
De Nettuts +.
Herramientas y técnicas para hacer que HTML5 y CSS3 sean más compatibles con los navegadores.
Implementación de arrastrar y soltar HTML5
Un tutorial Nettuts + Premium.
Mis 5 principales preferencias de codificación HTML
Con un razonamiento detrás de las preferencias y una gran información práctica.
Microdatos HTML5: Bienvenido a la máquina
Una visión general de la especificación de microdatos.
Combinando técnicas modernas de CSS3 y HTML5
Un tutorial Nettuts + Premium.
HTML5: ambigüedad de navegación resuelta
Alguna aclaración sobre la conveniencia de usar el elemento nav de Jeffrey Zeldman.
Hojas de trucos HTML5 y referencias rápidas
Una tabla muy útil que incluye la compatibilidad del navegador para HTML5 y CSS3.
Una infografía interactiva que brinda compatibilidad de diferentes elementos HTML5 para cada navegador principal.
Una guía de referencia de bolsillo plegable.
Hoja de trucos visual de HTML5
WTF es HTML5 y por qué deberíamos tener cuidado
Una infografía que explica qué es HTML5 y qué es capaz de hacer.
Una tabla de las escuelas W3C.
De HTML5 Doctor.
La referencia oficial del W3C.
Del W3C.
Una selección de funciones compatibles en HTML5
Una tabla que cubre qué navegadores cubren qué funciones.
Verifique la compatibilidad de diferentes elementos HTML5 en una variedad de navegadores.
Comparación de los motores de diseño (HTML5)
Una comparación de soporte para HTML5 vs HTML4 para una serie de motores de diseño de navegador, de Wikipedia.
ID de HTML5 / nombre de clase Cheatsheet
Una guía de elementos estructurales HTML5.
Prueba su navegador actual para compatibilidad con HTML5 y muestra las puntuaciones de otros navegadores.
Un cuadro que cubre las revisiones del estándar.
Un sitio útil que muestra lo que su navegador está haciendo detrás de escena con ciertos elementos HTML5.
Sitios dedicados a HTML5
El sitio incluye el logotipo oficial de HTML5, así como una galería y enlaces de mercancías.
HTML5 Tutorial tiene una amplia variedad de tutoriales y noticias de HTML5.
Una colección de plantillas HTML5 básicas y gratuitas.
Incluye tutoriales, recursos y un patio de juegos para experimentar con HTML5.
Incluye preguntas y respuestas, artículos y más.
Un sitio lleno de tutoriales de Canvas y un escaparate.
El blog del grupo que trabaja en el estándar HTML5.
Un sitio de noticias y tutoriales HTML5.
Un sitio dedicado a enseñar el desarrollo de aplicaciones web móviles HTML5.
Frameworks
Un marco predeterminado de HTML5 sólido.
Less Framework 4 es un marco CSS3 y HTML5 con opciones para dispositivos móviles, tabletas y redes de escritorio.
Un marco que combina HTML5, CSS3 y JavaScript.
Un marco de aplicación HTML5.
Un tema de inicio de HTML5 y CSS3 WordPress.
Un marco de juego HTML5.
Una cuadrícula CSS que incluye estilos para algunos elementos HTML5.
Un marco de libro electrónico para iPad basado en HTML5.
Una biblioteca HTML5 de JavaScript para video.
Una biblioteca de JavaScript basada en HTML5 para aplicaciones web móviles.
HTML5 Multimedia Framework para WordPress
Un marco multimedia HTML5 en un plugin de WordPress.
Un tema de inicio HTML5 para WordPress.
Un generador de marco HTML5.
Un marco de aplicación móvil HTML5.
La guía oficial de HTML5 Boilerplate
Un screencast de Nettuts +
Vitrinas
Galería de diseño web HTML5.
Una galería de sitios HTML5 excepcionales de todo el mundo.
Otra galería de diseños de sitios HTML5.
Otra muestra de grandes sitios HTML5.
Escaparate de diseño web HTML5.
Escaparate de HTML5: 48 demos de destrucción de flash potenciales
De HongKiat.
Una colección de sitios creados en HTML5.
Una muestra de aplicaciones, juegos, herramientas y tutoriales para HTML5 Canvas.
12 hermosas vitrinas de diseño web HTML5
Una muestra de 12 sitios web HTML5.
Furtivamente en el futuro: 25 sitios web ultra modernos que usan HTML5
Una muestra de 25 diseños basados en HTML5.
30 sitios magníficos usando HTML5 en su diseño principal
Otra muestra de sitios basados en HTML5.
Demos y ejemplos
Una colección de ejemplos de lo que puede hacer con HTML5, con una práctica tabla de compatibilidad del navegador.
HTML5 Canvas y experimento de audio
Una animación de Canvas HTML5 muy genial.
Una serie de experimentos y demos de elementos y diseños.
Un reproductor de video HTML5.
Un reproductor de video HTML5 gratuito.
10 demostraciones de HTML5 para olvidarte de Flash
12 increíbles experimentos HTML5
Otro reproductor de video HTML5.
Hace que las etiquetas de audio y video funcionen en todos los principales navegadores.
Una biblioteca de JavaScript que hace que los elementos HTML5 y CSS3 sean compatibles con los navegadores más antiguos.
Libros
Por Jeremy Keith, publicado por A Book Apart.
HTML5: diseño de aplicaciones enriquecidas de Internet
Por Matthew David.
HTML5 y CSS 3 para el mundo real
Por Alex Goldstein, Louis Lazaris y Estelle Weyl
La guía esencial para HTML5: el uso de juegos para aprender HTML5 y JavaScript
Por Jeanine Meyer.
HTML5 y CSS3: desarrolle con los estándares del mañana de hoy
Por Brian P. Hogan.
Canvas de HTML5: Interactividad y animación nativas para la Web
Por Steve Fulton y Jeff Fulton, publicado por O'Reilly.
Patrones de diseño Pro HTML5 y CSS3
Por Michael Bowers. Saldrá en septiembre de 2011, pero está disponible como parte del programa Alpha de Apress.
Programación Pro HTML5: poderosas API para un desarrollo de aplicaciones de Internet más sofisticado
Por Peter Lubbers, Brian Albers y Frank Salim.
Soluciones HTML5: Técnicas esenciales para desarrolladores de HTML5
Por Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser y Cyril Hanquez.
Lienzo Foundation HTML5: para juegos y entretenimiento
Por Rob Hawkes.
Fundación Animación HTML5 con JavaScript
Por Keith Peters y Billy Lamberta.
La guía definitiva de video HTML5
Por Silvia Pfeiffer.
Por Joseph W. Lowery y Mark Fletcher.
Una introducción completa al libro electrónico de HTML5, de Mark Pilgrim.
Por Bruce Lawson y Remy Sharp.
Por Bill Sanders.
Más recursos y artículos
Cómo los sockets web HTML5 interactúan con los servidores proxy
De A List Apart, publicado en diciembre de 2007.
Un artículo de Sitepoint de mediados de 2009.
Un artículo introductorio en profundidad de Perishable Press, publicado a mediados de 2009.
Una discusión de los elementos semánticos de HTML5, de A List Apart, publicado en 2009.
Biblioteca multimedia Kaltura HTML5
Una biblioteca de JavaScript que le permite usar etiquetas de video y audio HTML5 en una variedad de navegadores.
Más sobre el desarrollo de convenciones de nombres, microformatos y HTML5
De For A Beautiful Web.
De Adactio.
Comentario sobre lo que HTML5 y CSS3 significan para el diseño web, de Think Vitamin.
HTML5 y CSS3: lleva tu diseño a otro nivel
De Web Design Ledger.
Un resumen de muchos de los mitos y conceptos erróneos sobre HTML5, de Smashing Magazine.
Una sesión de Nettuts +.
El estado de las aplicaciones HTML5
Un gran comentario sobre la creación de aplicaciones con HTML5.
Más redadas HTML5
The Ultimate HTML5 Toolbox: más de 60 artículos, tutoriales, recursos y vitrinas inspiradoras
De Creative Fan.
Aprender HTML5: 10 lecciones de lectura
De los secretos de Webhosting revelados
De Think Vitamin.
Colección definitiva de recursos HTML5 y CSS3
De Smashing Share.
15 Plantillas y marcos útiles de CSS3 y HTML5
De la Revista de Diseño Speckyboy.
De Think Vitamin /
70 imprescindibles Tutoriales y recursos de CSS3 y HTML5
De Webappers.
Una colección de recursos y tutoriales HTML5
De la Revista de Diseño Speckyboy.
25 Tutoriales y técnicas esenciales de HTML5
De Template Monster.
Tutoriales y técnicas de HTML5 que lo mantendrán ocupado
De Noupe.
15 útiles tutoriales HTML5 y hojas de trucos
De Web Design Ledger.
Los únicos recursos HTML5 que necesitas para ponerte al día
De seis revisiones
22 excelentes tutoriales HTML5
De BlogFreakz
40 Deben Ver Tutoriales, Técnicas y Ejemplos de HTML5 para Desarrolladores Web
Del diseñador web con estilo.
Más de 30 ejemplos, tutoriales y técnicas HTML5 muy útiles
De la revista Tripwire.
Escrito exclusivamente para WDD por Cameron Chapman .
¿Tiene un recurso favorito que no cubrimos? Háganos saber en los comentarios!