Apesar do fato de que a especificação HTML5 não será oficialmente finalizada até 2022, (apesar de estar quase finalizada em 2014), muitos designers já estão mergulhando nas partes do HTML5 que atualmente têm suporte em navegadores modernos.

O HTML5 abre alguns novos caminhos para o desenvolvimento de web design e aplicativos da web, coisas que anteriormente só eram possíveis com JavaScript ou Flash.

Aqui reunimos 175 refsources para aprender HTML5. Incluídos abaixo estão tutoriais, frameworks, exemplos e muito mais.

Sinta-se à vontade para compartilhar mais recursos de alta qualidade nos comentários!

Tutoriais básicos

Tutorial HTML5

Um tutorial muito básico do W3sbchools.com.

HTML5 para iniciantes. Use agora, é fácil!
Um guia introdutório do What !? Nós gostamos de conversar sobre.

28 Recursos, dicas e técnicas do HTML5 que você precisa conhecer

Uma coleção de dicas HTML5 muito úteis do Nettuts +.

Introdução ao HTML5

Um tutorial em vídeo de 40 minutos do funcionário do Google, Brad Neuberg.

Dica rápida: Recursos HTML5 que você deve usar agora

Um screencast de Nettuts +.

Aprendendo a amar HTML5

Uma excelente visão geral das vantagens do HTML5, bem como algumas dicas muito úteis.

Preparando para HTML5 com nomes de classe semântica

Um artigo de Jon Tan sobre as novas classes semânticas em HTML5.

HTML5: O básico (1 de 4)

Uma introdução ao HTML5, com informações sobre APIs, novos elementos e muito mais.

Tudo o que você precisa saber sobre o HTML5

Uma introdução da TechRadar UK.

Tutorial HTML5

Um site tutorial muito básico.

Tags estruturais em HTML5

Uma introdução às tags estruturais que substituirão muitos divs.

HTML5 balança minhas meias

Um guia para iniciantes muito útil para HTML5

HTML5, novamente

Um guia simples para o design front-end com HTML5.

Apresentação em HTML5

Um enorme slideshow sobre HTML5, construído em HTML5.

O elemento de cabeçalho

Uma introdução ao elemento de cabeçalho do HTML5 Doctor.

HTML5 e o futuro da Web

A partir de julho de 2009, este artigo aborda os princípios básicos do HTML5.

Estrutura de código CSS para HTML5: algumas orientações úteis

Algumas orientações úteis do Woork.

HTML5 Unleashed: dicas, truques e técnicas

Uma visão geral que inclui informações sobre marcação semântica, formulários e muito mais.

Construindo sites em HTML5

Tutorial HTML5 - Primeiros passos

Um tutorial HTML5 básico que inclui um arquivo de modelo básico.

Codifique um Web Design Profissional Vibrante com HTML5 / CSS3

Codifique um portfólio compatível com versões anteriores e de uma página com HTML5 e CSS3

Tutorial: estudo de caso com HTML5 e CSS3

Toque no futuro: crie um site elegante com HTML5 e CSS3

Codificando um modelo de site de uma página CSS3 e HTML5

Codificando um layout HTML do zero

HTML5 e CSS3: as técnicas que você usará em breve

Crie e codifique um site legal para aplicativos para iPhone em HTML5

Tutorial simples de layout de site usando HTML5 e CSS3

Usando o HTML5 para transformar o tema TwentyTen do WordPress

Um tutorial para aproveitar mais elementos HTML5 do que o tema TwentyTen padrão.

HTML5 e CSS3 no Dreamweaver CS5 - Parte 1: Construindo a página da web

O primeiro de uma série de várias partes sobre codificação em HTML5 e CSS3 no Dreamweaver, da Adobe.

Crie sites da Web modernos usando HTML5 e CSS3

Um tutorial intermediário do developerWorks do IMB.

Construindo Páginas da Web com HTML5

Do Webmonkey da Wired

Criando um blog com HTML5

Tutoriais de tela

Um slideshow em HTML5 com tela e jQuery

Saltando uma bola com HTML5 e JavaScript

Como desenhar com tela HTML5

Uma introdução abrangente ao desenho com Canvas, da Think Vitamin.

Lona HTML5 - O básico

Uma introdução detalhada ao Canvas do Dev.Opera.

Pensando sobre acessibilidade de tela HTML5

Uma visão geral das considerações para tornar o Canvas acessível.

Guia de elementos de lona HTML5

Um guia completo de seis revisões.

Tutorial de Lona

Um tutorial de tela da Mozilla Developer Network que inclui desenho de formas, uso de imagens e muito mais. Adequado para iniciantes de tela.

Tutoriais de armazenamento local

Construindo notas pegajosas persistentes com armazenamento local

Um prático tutorial de armazenamento local.

Ver tutorial de origem: Notas autoadesivas com HTML5 e CSS3

As notas neste tutorial têm um efeito de animação legal quando estão fechadas.

Armazenamento do navegador para aplicativos HTML5

Outro tutorial para usar o armazenamento local em aplicativos HTML5.

HTML5 localStorage - Part One

O primeiro em um tutorial de quatro partes.

Dica rápida: aprendendo sobre armazenamento local em HTML5

Um tutorial em vídeo do Nettuts +.

tutorial de armazenamento de banco de dados webOS HTML5

Um tutorial para usar a funcionalidade de armazenamento local do HTML5 com o webOS da Palm.

Tutoriais de formulários

Tenha um dia de campo com formulários HTML5

Como criar formulários HTML5 entre navegadores

Criando caixas de pesquisa com HTML5 e CSS3

Repensando Formulários em HTML5

Formulários HTML5 estão chegando

Algumas informações breves sobre o que o HTML5 significará para o design de formulário.

Tutoriais em vídeo e multimídia

Construindo um player de vídeo HTML5 personalizado com CSS3 e jQuery

Tutorial: como construir um player de vídeo em HTML5

Expandindo o vídeo HTML e mapeando-o para o espaço 3D

Tutorial: exibição de cruzador de vídeo em HTML5 (incluindo o iPad)

Um tutorial abrangente sobre vídeo em HTML5.

O elemento de vídeo

Uma introdução ao uso do elemento de vídeo do HTML5 Doctor.

Tutoriais de aplicativos

Como fazer um aplicativo para iPhone em HTML5

Este tutorial ensina como criar um aplicativo HTML5 off-line para um iPhone.

Aplicativos HTML5: posicionamento com geolocalização

Uma introdução às APIs de geolocalização em HTML5.

Criando aplicativos da Web para dispositivos móveis com HTML5, parte 1

Do developerWorks da IBM, o primeiro em uma série de cinco partes de 2010.

Crie aplicativos da Web off-line em dispositivos móveis com HTML5

Outro guia do developerWorks da IBM.

Aplicativos em HTML5: o que, por que e como

Uma visão geral do Nettuts +, com idéias práticas.

Mais tutoriais

Como criar uma barra pop-up fofa com HTML5, CSS3 e jQuery

Um tutorial prático do SpyreStudios.

Como fazer com que todos os navegadores processem corretamente o HTML5 Mark - mesmo IE6

De Nettuts +.

HTML5 e CSS3 sem culpa

Ferramentas e técnicas para tornar o HTML5 e o CSS3 mais compatíveis com vários navegadores.

Implementando HTML5 Arrastar e Soltar

Um tutorial Nettuts + Premium.

Minhas 5 principais preferências de codificação HTML

Com raciocínio por trás das preferências e algumas ótimas informações sobre como fazer.

Microdados HTML5: Bem-vindo à máquina

Uma visão geral da especificação de microdados.

Combinando técnicas modernas de CSS3 e HTML5

Um tutorial Nettuts + Premium.

HTML5: ambiguidade nav resolvida

Algum esclarecimento sobre a adequação do uso do elemento nav de Jeffrey Zeldman.

Folhas de dicas HTML5 e referências rápidas

Suporte para HTML5 e CSS3

Um gráfico muito útil que inclui compatibilidade de navegador para HTML5 e CSS3.

Preparação para HTML5

Um infográfico interativo que oferece compatibilidade de diferentes elementos HTML5 para cada navegador principal.

Livro de bolso em HTML5

Um guia de referência de bolso dobrável.

Folha de Fraude da Lona HTML5

Guia de fraude do HTML5 Visual

Cheat Sheet HTML 5 (PDF)

WTF é HTML5 e por que devemos todos os cuidados

Um infográfico que explica o que é HTML5 e o que é capaz de fazer.

Referência de tag HTML5

Um gráfico das Escolas do W3C.

Glossário HTML5

De HTML5 Doctor.

Referência HTML 5

A referência oficial do W3C.

Diferenças do HTML5 do HTML4

Do W3C.

Uma seleção de recursos compatíveis em HTML5

Um gráfico cobrindo quais navegadores cobrem quais recursos.

Quando posso usar…

Verifique a compatibilidade de diferentes elementos HTML5 em vários navegadores.

Comparação de Mecanismos de Layout (HTML5)

Uma comparação de suporte para HTML5 vs HTML4 para vários mecanismos de layout de navegador, da Wikipedia.

ID de HTML5 / Cheatsheet de nome de classe

Um guia para elementos estruturais HTML5.

Teste HTML5

Testa seu navegador atual para suporte a HTML5 e mostra as pontuações de outros navegadores.

Rastreador HTML5

Um gráfico cobrindo as revisões do padrão.

Cheatsheet de segurança em HTML5

Um site prático que mostra o que seu navegador está fazendo nos bastidores com certos elementos HTML5.

Sites dedicados ao HTML5

W3C HTML5 Logo

O site inclui o logotipo oficial do HTML5, bem como links de galeria e mercadoria.

Tutorial HTML5

O HTML5 Tutorial tem uma ampla variedade de tutoriais e notícias em HTML5.

Modelos gratuitos em HTML5

Uma coleção de modelos HTML5 básicos e gratuitos.

Rochas HTML5

Inclui tutoriais, recursos e um espaço para experimentar o HTML5.

Doutor em HTML5

Inclui um Q & A, artigos e muito mais.

Tutoriais de HTML Canvas

Um site repleto de tutoriais do Canvas e um mostruário.

Blog do WHATWG

O blog do grupo que trabalha no padrão HTML5.

HTML5Trends.com

Um site de notícias e tutoriais em HTML5.

HTML5 para celular

Um site dedicado a ensinar o desenvolvimento de aplicativos da Web para dispositivos móveis HTML5.

Frameworks

Boilerplate HTML5

Um framework padrão HTML5 sólido.

Menos estrutura 4

O Less Framework 4 é um framework CSS3 e HTML5 com opções para grades móveis, tablets e desktop.

52 Framework

Um framework que combina HTML5, CSS3 e JavaScript.

SproutCore

Uma estrutura de aplicativo HTML5.

Roots WordPress Tema

Um tema de iniciação WordPress HTML5 e CSS3.

LimeJS

Um framework de jogos em HTML5.

Linha de base

Uma grade CSS que inclui estilos para alguns elementos HTML5.

Ebook Baker Framework

Uma estrutura de ebook para o iPad construída em HTML5.

Popcorn.js

Uma biblioteca JavaScript HTML5 para vídeo.

Toque DHTMLX

Uma biblioteca JavaScript baseada em HTML5 para aplicativos da Web para dispositivos móveis.

HTML5 Multimedia Framework para WordPress

Uma estrutura de multimídia HTML5 em um plug-in do WordPress.

H5 WordPress Tema

Um tema inicial em HTML5 para o WordPress.

SwitchToHTML5

Um gerador de frameworks HTML5.

Jo

Uma estrutura de aplicativo móvel HTML5.

O Guia Oficial do Boilerplate HTML5

Um screencast de Nettuts +

Vitrinas

Mania HTML5

Galeria de design web HTML5.

Vitrine HTML5

Uma galeria de sites HTML5 excepcionais de todo o mundo.

Websites HTML5

Outra galeria de designs de sites em HTML5.

Elite HTML5

Outra vitrine de ótimos sites HTML5.

Baseado em HTML5

Vitrine de web design HTML5.

Demonstração de HTML5: 48 demonstrações de potencial Flash-Killing

De HongKiat.

Galeria HTML5

Uma coleção de sites criados em HTML5.

Demonstrações de tela

Um mostruário de aplicativos, jogos, ferramentas e tutoriais para o HTML5 Canvas.

12 belíssimos mostruários de Web Design HTML5

Uma mostra de 12 sites HTML5.

Esgueirando-se para o futuro: 25 sites ultramodernos usando HTML5

Uma mostra de 25 designs baseados em HTML5.

30 sites magníficos usando HTML5 em seu layout principal

Outra vitrine de sites baseados em HTML5.

Demos e exemplos

Demonstrações e exemplos de HTML5

Uma coleção de exemplos do que você pode fazer com o HTML5, com um gráfico útil para a compatibilidade do navegador.

Experiência em tela e áudio em HTML5

Uma animação de Canvas HTML5 muito legal.

Experimentos em HTML5 e CSS3

Uma série de experimentos e demonstrações de elementos e layout.

SublimeVideo

Um player de vídeo em HTML5.

Projekktor

Um player de vídeo HTML5 gratuito.

10 demonstrações de HTML5 para fazer você esquecer o Flash

12 incríveis experiências HTML5

Vídeo para todos!

Outro player de vídeo HTML5.

Mídia HTML5

Faz com que as tags de vídeo e áudio funcionem em todos os principais navegadores.

Modernizr

Uma biblioteca JavaScript que torna elementos HTML5 e CSS3 compatíveis com navegadores mais antigos.

Livros

HTML5 para designers da Web

Por Jeremy Keith, publicado por A Book Apart.

HTML5: Projetando Aplicativos da Internet Ricos

Por Matthew David

HTML5 e CSS 3 para o mundo real

Por Alex Goldstein, Louis Lazaris e Estelle Weyl

O Guia Essencial para HTML5: Usando Jogos para Aprender HTML5 e JavaScript

Por Jeanine Meyer.

HTML5 e CSS3: Desenvolva com os Padrões de Amanhã Hoje

Por Brian P. Hogan.

Tela HTML5: Interatividade e Animação Nativas para a Web

Por Steve Fulton e Jeff Fulton, publicado pela O'Reilly.

Pro padrões de design HTML5 e CSS3

Por Michael Bowers Saindo em setembro de 2011, mas disponível como parte do Programa Alpha da Apress.

Pro HTML5 Programming: APIs poderosas para um maior desenvolvimento de aplicativos de Internet

Por Peter Lubbers, Brian Albers e Frank Salim.

Soluções em HTML5: técnicas essenciais para desenvolvedores de HTML5

Por Marco Casario, Peter Elst, Charles Brown, Nathalie Wormser e Cyril Hanquez.

Fundação Canvas HTML5: para jogos e entretenimento

Por Rob Hawkes

Fundação HTML5 Animação com JavaScript

Por Keith Peters e Billy Lamberta.

O guia definitivo para vídeo em HTML5

Por Silvia Pfeiffer.

Treinador de 24 horas em HTML5

Por Joseph W. Lowery e Mark Fletcher.

Mergulhe no HTML5

Uma introdução completa do ebook ao HTML5, de Mark Pilgrim.

Apresentando o HTML5

Por Bruce Lawson e Remy Sharp.

Esmagando HTML5

Por Bill Sanders.

Mais recursos e artigos

Como os sockets da Web HTML5 interagem com servidores proxy

Uma visualização de HTML5

From A List Apart, publicado em dezembro de 2007.

Sim, você pode usar o HTML5 hoje!

Um artigo do Sitepoint de meados de 2009.

O poder do HTML5 e CSS3

Um artigo introdutório aprofundado da Perishable Press, publicado em meados de 2009.

Semântica em HTML5

Uma discussão sobre os elementos semânticos do HTML5, de A List Apart, publicado em 2009.

Biblioteca de Mídia do Kaltura em HTML5

Uma biblioteca JavaScript que permite usar tags de áudio e vídeo HTML5 em vários navegadores.

Mais sobre como desenvolver convenções de nomenclatura, microformatos e HTML5

De Para Uma Web Bonita.

A ascensão do HTML5

De Adactio.

Steve Smith em HTML5 e CSS3

Comentário sobre o que HTML5 e CSS3 significam para web design, da Think Vitamin.

HTML5 e CSS3: leve seu design para outro nível

De Web Design Ledger.

HTML5: os fatos e os mitos

Um resumo de muitos dos mitos e equívocos sobre o HTML5, da Smashing Magazine.

HTML5 e você

Uma sessão do Nettuts +.

O estado dos aplicativos HTML5

Um ótimo comentário sobre como criar aplicativos com HTML5.

Mais resumos de HTML5

The Ultimate HTML5 Toolbox: Mais de 60 artigos, tutoriais, recursos e apresentações inspiradoras

De fã criativo.

Aprenda HTML5: 10 deve ler lições

De segredos de hospedagem revelados

O futuro do HTML5

De Pense Vitamina.

Coleção final de recursos HTML5 e CSS3

De Compartilhar Smashing.

15 Templates e Frameworks CSS3 e HTML5 úteis

Da Speckyboy Design Magazine.

23 Recursos Essenciais do HTML5

De Pense Vitamina /

70 Must-Have CSS3 e HTML5 Tutoriais e Recursos

De Webappers.

Uma coleção de recursos e tutoriais em HTML5

Da Speckyboy Design Magazine.

25 Tutoriais e Técnicas Essenciais do HTML5

Do Template Monster.

Tutoriais HTML5 e técnicas que irão mantê-lo ocupado

De Noupe.

15 tutoriais HTML5 úteis e folhas de fraude

De Web Design Ledger.

Os únicos recursos HTML5 que você precisa para se atualizar

De seis revisões.

22 excelentes tutoriais em HTML5

De BlogFreakz

40 Precisa Ver Tutoriais HTML5, Técnicas e Exemplos para Web Develoeprs

De estilista da Web.

30+ Exemplos HTML5 muito úteis, tutoriais e técnicas

Da revista Tripwire.

Escrito exclusivamente para WDD por Cameron Chapman .

Tem um recurso favorito que não cobrimos? Deixe-nos saber nos comentários!