15 sites que fazem coisas incríveis com HTML5

Propaganda

O próximo HTML5 10 sites para ver o que é o HTML5 consulte Mais informação a atualização para a HyperText Markup Language de 20 anos promete trazer a experiência da "web" para um nível totalmente novo, permitindo que o navegador faça mais do ponto de vista visual e de dados. Embora o HTML5 ainda esteja a uma boa distância de ser totalmente implantado, isso não impediu muitos desenvolvedores de levá-lo ao limite.

Confira esses sites incríveis que realmente lhe dão uma boa idéia dos recursos do HTML5 como um linguagem de programação, fazendo coisas no seu navegador que antes eram possíveis apenas em um programa externo ou plugar. Testei-os no Chrome e todos devem funcionar em um navegador compatível com HTML5, como Chrome, Firefox 4, Safari ou IE9. São demonstrações e o HTML5 ainda está em andamento, portanto, se você tiver problemas para visualizá-las, poderá tentar em outro navegador. Apreciar!

Esta é uma excelente demonstração feita pelo Arcade Fire e pelo Google, que apresenta diferentes truques em HTML5 Canvas. Não quero estragar a surpresa para você. Digite o endereço da sua infância e aproveite o vídeo e a técnica.

O WebVenture é uma implementação HTML5 e Javascript da plataforma de jogos MacVenture. Agora você pode jogar Deja Vu 1 e 2, Shadowgate e Uninvited no seu navegador! Outras implementações de jogos, como Wolfenstein 3D estão sendo trabalhados, trazendo jogos para o seu navegador.

Este site do Google demonstra uma abordagem no estilo "livro" para uma descrição sobre como os navegadores da Web funcionam e quantas das tecnologias subjacentes funcionam. Impressionante do ponto de vista técnico, também é uma boa cartilha para leitores que gostariam de saber mais sobre como a web funciona.

Desenho colaborativo

Esta demonstração usa o Websockets HTML5 recurso para permitir que os espectadores colaborem - ao mesmo tempo - desenhem na tela.

O SketchPad é um programa de "pintura" para a web. Ele suporta instrumentos de desenho rudimentares e é feito apenas em HTML5 e JavaScript.

Galactic Plunder é um shooter espacial 2D implementado em HTML5. Não tão cheio de recursos como um atirador de rolagem lateral normal, é feito inteiramente em HTML5, o que é impressionante por si só.

O HTML5 permite muito com o vídeo na web. Além de permitir que você o reproduza sem o navegador da web, sem plug-in, ele permite manipular esse vídeo. Esta demonstração mostra como você pode "explodir" os pixels de um vídeo enquanto reproduz.

Bola de janela múltipla

Isso demonstra e efeito também visto no vídeo Arcade Fire. O HTML5 permite abrir várias janelas e mover objetos entre elas.

O HTML5 Rocks é uma apresentação de slides que demonstra muitos dos recursos especiais da linguagem HTML5. Se você é um desenvolvedor, fornece um código de amostra e permite ver as possibilidades do HTML5.

Se você era jogador no início dos anos 90, lembrará esse efeito com carinho. Como o poder computacional era limitado, os designers gráficos usavam "truques" para emular o vídeo em uma imagem estática. Este efeito de tela mostrará como foi feito e também inclui muitos exemplos que também são bonitos.

Experiências HTML5 do Hakim.se [não está mais disponível]

Este site lista muitas demos de jogos e outros pequenos gadgets para mostrar o que você pode fazer com o HTML5. Bom para inspiração e talvez um pouco de diversão.

Harmony é um pequeno programa de desenho que permite usar pincéis legais para pintar uma imagem. Você pode criar coisas como "pele" e "web", que são legais de ver na criação.

Este puro mashup de @ 9elements coloca música e pontos rotativos com postagens do Twitter sobre HTML5. Difícil de descrever na prática, deve ser visto para entender!

Radiohead / HTML5 Mashup

Outro mashup elegante que coloca o Radiohead's Idioteque com um desenho de Thom Yorke, que é desenhado à medida que a música avança. Outro efeito "visto para crer".

Quer mais?

Esses dois sites são configurados para fornecer às visualizações uma ampla variedade de demos do HTML5 e dos efeitos do HTML5 Canvas. Variando do mundano ao “legal”, se você estiver com sede de mais, esses são os lugares para ir.

Atualmente, existem muitas demos de HTML5 disponíveis na Internet - e está a caminho de se tornar o novo padrão da web. Você tem demos incríveis que gostaria de compartilhar? Por favor, poste nos comentários abaixo!