15 Sites que fazem coisas incríveis com html5

a próxima HTML5

atualização para o 20 ano de idade HyperText Markup Language promete trazer a experiência “web” para um nível totalmente novo, permitindo que o navegador para fazer mais de uma perspectiva visual e de dados. Mesmo que HTML5 ainda é uma boa distância a ser totalmente implantado, isso não impediu que muitos desenvolvedores de empurrá-lo para os limites. 10 sites para ver o que HTML5 é toda sobre10 sites para ver o que HTML5 é toda sobreconsulte Mais informação

Video: COISAS INCRÍVEIS QUE TODA GAROTA DEVERIA LEVAR NA BOLSA DE FÉRIAS - DICAS DA DEDESSA

Confira estes sites surpreendentes que realmente dar-lhe uma boa idéia de como as capacidades do HTML5 como uma linguagem de programação, fazendo coisas em seu navegador da web que foram uma vez só é possível em um programa externo ou plugin. Eu testei-los no Chrome e eles devem trabalhar em um navegador compatível com HTML5, como Chrome, Firefox 4, Safari ou IE9. Eles são demos e HTML5 ainda é um trabalho em andamento, por isso, se você tiver problemas ao ver a eles que você pode querer tentar em outro navegador. Apreciar!

Arcade Fire - The Wilderness Downtown

o que é html5

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

Webventure

mergulhar html5

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

20 Coisas que eu aprendi sobre navegadores ea web

mergulhar html5

Este site do Google demos um “livro” abordagem estilo para uma descrição sobre como navegadores funcionam e como muitos dos subjacente tecnologias trabalho. Impressionante do ponto de vista técnico, é também uma boa cartilha para os leitores que gostariam de saber mais sobre como a Web funciona.

Desenho Collaborative

mergulhar html5

Esta demonstração usa o recurso do HTML5 WebSockets para permitir que os visitantes de forma colaborativa - ao mesmo tempo - desenhar na tela.

[Já não funciona] SketchPad

html5 tutorial

SketchPad é um programa de “pintura” para a web. Ele suporta instrumentos de desenho rudimentar e feito somente em HTML5 e javascript.

Galactic Plunder

html5 tutorial

Galactic Plunder é um espaço Shooter 2D implementado em HTML5. Não tão característica cheia como um shooter normal de rolagem lateral, é feito inteiramente em HTML5 que é impressionante em si.

video Effects

html5 tutorial

Video: 5 IDEIAS INCRÍVEIS COM BALÃO QUE VOCE PRECISA SABER

HTML5 permite a muito com o vídeo na web. Além de permitir que você jogá-lo sem o seu navegador web, sem nenhum plugin, que permite que você manipule esse vídeo. Esta demonstração mostra como você pode “Blow up” os pixels de um vídeo enquanto joga.

Multiple Bola Janela



Isso demonstra e efeito também visto no vídeo Arcade Fire. HTML5 permite que você abra várias janelas e ter os objetos se movem entre eles.

HTML5Rocks (Google)

HTML5 Rocks é um slideshow que demonstra muitas das características especiais da linguagem HTML5. Se você é um desenvolvedor que lhe dá exemplos de código e permite que você veja as possibilidades de HTML5.

8-bit Ciclismo Color (como velhos Jogos Escolares)

Se você fosse um jogador no início dos anos 90 você vai se lembrar este efeito com carinho. Desde poder computacional foi limitado, designers gráficos usados ​​‘truques para emular vídeo em uma imagem estática. Este efeito de tela irá mostrar-lhe como ele foi feito e também inclui muitos exemplos que são bonitos também.

Experimentos de HTML5 de Hakim.se

Este site lista várias demos de jogos e outros dispositivos pequenos puro para mostrar fora o que você pode fazer com HTML5. Bom para inspiração e talvez um pouco de diversão tempo.

Harmonia

Harmony é um pequeno programa de desenho legal que permite que você use escovas legais para pintar um quadro. Você pode criar coisas como “pele” e “web” que são apenas legal ver na criação.

Twitter / Music Mashup

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

Radiohead / HTML5 Mashup

Outra mashup puro que coloca Radiohead Idioteque com um desenho de Thom Yorke, que é desenhado como a canção progride. Outra “ver para crer” efeito.

Quero mais?

HTML5Demos / CanvasDemos

o que é html5

Video: 6 Coisas Incriveis para Fazer com Cola Quente

Estes dois sites são criados para dar uma vista de uma ampla variedade de demonstrações de HTML5 e os efeitos HTML5 Canvas. Que vão desde o mundano para o “cool”, se você está sedento por mais estes são os lugares para ir.

Há muitas demonstrações de HTML5 lá fora, na internet agora - e isso está bem no seu caminho para se tornar o novo padrão da web. Você tem demos impressionantes que você gostaria de compartilhar? Por favor, poste nos comentários abaixo!


Artigos relacionados