O guia de recursos HTML5 final
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
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 +.
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 +.
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.
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.
Um site tutorial muito básico.
Uma introdução às tags estruturais que substituirão muitos divs.
Um guia para iniciantes muito útil para HTML5
Um guia simples para o design front-end com HTML5.
Um enorme slideshow sobre HTML5, construído em HTML5.
Uma introdução ao elemento de cabeçalho do HTML5 Doctor.
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
Tutoriais de tela
Um slideshow em HTML5 com tela e jQuery
Saltando uma bola com HTML5 e JavaScript
Uma introdução abrangente ao desenho com Canvas, da Think Vitamin.
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.
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.
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.
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 +.
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
Um gráfico muito útil que inclui compatibilidade de navegador para HTML5 e CSS3.
Um infográfico interativo que oferece compatibilidade de diferentes elementos HTML5 para cada navegador principal.
Um guia de referência de bolso dobrável.
Guia de fraude do HTML5 Visual
WTF é HTML5 e por que devemos todos os cuidados
Um infográfico que explica o que é HTML5 e o que é capaz de fazer.
Um gráfico das Escolas do W3C.
De HTML5 Doctor.
A referência oficial do W3C.
Do W3C.
Uma seleção de recursos compatíveis em HTML5
Um gráfico cobrindo quais navegadores cobrem quais recursos.
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.
Testa seu navegador atual para suporte a HTML5 e mostra as pontuações de outros navegadores.
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
O site inclui o logotipo oficial do HTML5, bem como links de galeria e mercadoria.
O HTML5 Tutorial tem uma ampla variedade de tutoriais e notícias em HTML5.
Uma coleção de modelos HTML5 básicos e gratuitos.
Inclui tutoriais, recursos e um espaço para experimentar o HTML5.
Inclui um Q & A, artigos e muito mais.
Um site repleto de tutoriais do Canvas e um mostruário.
O blog do grupo que trabalha no padrão HTML5.
Um site de notícias e tutoriais em HTML5.
Um site dedicado a ensinar o desenvolvimento de aplicativos da Web para dispositivos móveis HTML5.
Frameworks
Um framework padrão HTML5 sólido.
O Less Framework 4 é um framework CSS3 e HTML5 com opções para grades móveis, tablets e desktop.
Um framework que combina HTML5, CSS3 e JavaScript.
Uma estrutura de aplicativo HTML5.
Um tema de iniciação WordPress HTML5 e CSS3.
Um framework de jogos em HTML5.
Uma grade CSS que inclui estilos para alguns elementos HTML5.
Uma estrutura de ebook para o iPad construída em HTML5.
Uma biblioteca JavaScript HTML5 para vídeo.
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.
Um tema inicial em HTML5 para o WordPress.
Um gerador de frameworks HTML5.
Uma estrutura de aplicativo móvel HTML5.
O Guia Oficial do Boilerplate HTML5
Um screencast de Nettuts +
Vitrinas
Galeria de design web HTML5.
Uma galeria de sites HTML5 excepcionais de todo o mundo.
Outra galeria de designs de sites em HTML5.
Outra vitrine de ótimos sites HTML5.
Vitrine de web design HTML5.
Demonstração de HTML5: 48 demonstrações de potencial Flash-Killing
De HongKiat.
Uma coleção de sites criados em HTML5.
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.
Uma série de experimentos e demonstrações de elementos e layout.
Um player de vídeo em HTML5.
Um player de vídeo HTML5 gratuito.
10 demonstrações de HTML5 para fazer você esquecer o Flash
12 incríveis experiências HTML5
Outro player de vídeo HTML5.
Faz com que as tags de vídeo e áudio funcionem em todos os principais navegadores.
Uma biblioteca JavaScript que torna elementos HTML5 e CSS3 compatíveis com navegadores mais antigos.
Livros
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.
Uma introdução completa do ebook ao HTML5, de Mark Pilgrim.
Por Bruce Lawson e Remy Sharp.
Por Bill Sanders.
Mais recursos e artigos
Como os sockets da Web HTML5 interagem com servidores proxy
From A List Apart, publicado em dezembro de 2007.
Sim, você pode usar o HTML5 hoje!
Um artigo do Sitepoint de meados de 2009.
Um artigo introdutório aprofundado da Perishable Press, publicado em meados de 2009.
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.
De Adactio.
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.
Um resumo de muitos dos mitos e equívocos sobre o HTML5, da Smashing Magazine.
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
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!