15 sites que fazem coisas incríveis com HTML5

Propaganda

Propaganda
Propaganda

o que é html5 O próximo HTML5 10 sites para ver o que HTML5 é tudo sobre 10 sites para ver o que HTML5 é tudo atualização para o ano de 20 anos HyperText Markup Language promete trazer a experiência "web" para um nível totalmente novo, permitindo que o navegador faça mais de uma perspectiva visual e de dados. Mesmo que o HTML5 ainda esteja a uma boa distância de ser totalmente implementado, isso não impediu que muitos desenvolvedores o levassem aos limites.

Confira esses sites incríveis que realmente lhe dão uma boa idéia sobre os recursos do HTML5 como linguagem de programação, fazendo coisas em seu navegador que antes só eram possíveis em um programa ou plugin externo. Eu os testei no Chrome e todos eles devem funcionar em um navegador compatível com HTML5, como Chrome, Firefox 4, Safari ou IE9. Eles são demos e o HTML5 ainda é um trabalho em andamento, por isso, se você tiver problemas para visualizá-los, poderá tentar em outro navegador. Apreciar!

Arcade Fire - The Wilderness Downtown

o que é html5

Esta é uma ótima demonstração feita pelo Arcade Fire e Google, que apresentam diferentes truques de Canvas HTML5. Eu não quero estragar a surpresa para você - insira seu endereço de infância e aproveite o vídeo e a magia técnica.

WebVenture

mergulhe em html5

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

20 coisas que aprendi sobre navegadores e a web

mergulhe em html5

Este site do Google demos uma abordagem estilo "livro" para uma descrição sobre como os navegadores da Web funcionam e quantas 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

mergulhe em html5

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

[NÃO MAIS TRABALHO] SketchPad

tutorial html5

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

Pilhagem Galáctica

tutorial html5

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

Efeitos de Vídeo

tutorial html5

O HTML5 permite muito com vídeos na web. Além de permitir que você o reproduza sem seu 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 durante o jogo.

Múltiplas bolas de janela

15 sites que fazem coisas incríveis com o HTML5 ballwindow

Isso demonstra e efeito também visto no vídeo Arcade Fire. O HTML5 permite abrir várias janelas e fazer com que os objetos se movam entre elas.

HTML5Rocks (Google)

15 sites que fazem coisas incríveis com HTML5 html5rocks

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

Ciclismo de cor de 8 bits (como os jogos da velha escola)

15 sites que fazem coisas incríveis com o ciclo HTML5

Se você fosse um jogador no início dos anos 90, você se lembrará desse 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 são bonitos também.

Experimentos em HTML5 da Hakim.se

15 sites que fazem coisas incríveis com o HTML5 corecanvas

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

Harmonia

15 sites que fazem coisas incríveis com a harmonia do HTML5

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

Twitter / Music Mashup

15 sites que fazem coisas incríveis com HTML5 9elements

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

Mashup do Radiohead / HTML5

15 sites que fazem coisas incríveis com o Radiohead HTML5

Outro mashup legal que coloca o Idioteque do Radiohead com um desenho de Thom Yorke que é desenhado à medida que a música avança. Outro efeito “visto para ser acreditado”.

Quero mais?

HTML5Demos / CanvasDemos

o que é html5

Esses dois sites são configurados para oferecer uma ampla variedade de demonstrações de HTML5 e efeitos de Canvas HTML5. Variando do mundano para o "cool", se você está com sede de mais estes são os lugares para ir.

Existem muitas demos de HTML5 na internet agora - e está a caminho de se tornar o novo padrão da web. Você tem demonstrações incríveis que gostaria de compartilhar? Por favor poste nos comentários abaixo!

In this article