Alguém pode listar alguns exemplos reais de 'HTML5' sendo usado na natureza?

Atualmente, estou usando o HTML5 da mesma maneira que todos parecem usá-lo, o que significa: tags HTML5, Canvas / 3D / javascript e CSS3.

Estou lutando para encontrar exemplos de sites que usam essas tecnologias praticamente e que não são apenas uma demonstração de algo interessante que alguém conseguiu fazer usando transformações ou formas do Canvas ou CSS3.

Estou procurando sites que tenham uma boa aparência visual, mas que também aproveitem coisas como animação, rolagem e deslocamento à Silverback ou ao Canvas para criar um site interativo e, suponho, 'Flash'.

Estes são alguns exemplos que eu encontrei:

Rolagem

• http://nikebetterworld.com/
• http://benthebodyguard.com/

Animação

• http://www.elladesign.com/contact.html

De outros

• http://www.pirateslovedaisies.com/

Estou usando o HTML5 livremente e odeio usá-lo. Ficaria feliz se você listasse um site baseado em Javascript realmente atraente visualmente, mas ele não tivesse o doctype HTML5.

Acho esses dois sites bons e práticos exemplos de uso do HTML5 -

• " 20 coisas que aprendi sobre navegadores e a Web " é um guia ilustrado on-line do Google destinado a usuários casuais. Existem planos de código-fonte aberto .
• Referência JavaScript de Stephen Walther criada com HTML5 e jQuery. O código fonte e a explicação de como foi construído estão disponíveis no blog do autor.

A rede Stack Exchange (da qual este site é membro) usa HTML5 para sua autenticação . É por isso que você pode visitar qualquer site da rede e, depois de fazer login manualmente pelo menos uma vez, ele fará o login automaticamente automaticamente mais tarde .

Experimente - se você tiver associação em mais de um site (por exemplo, aqui e Stack Overflow), limpe todos os seus cookies e arquivos temporários. Em seguida, efetue login aqui e, em seguida, vá para Stack Overflow e não efetue login. Aguarde alguns segundos e ele entrará automaticamente, mesmo que os domínios sejam totalmente diferentes.

Sim, na verdade, eu fiz isso há muito tempo ... 2-3 anos atrás, eu acho. Eu criei um site que basicamente permite que as pessoas movam coisas pela planta para ver se os móveis deles se encaixam. Isso foi feito com JavaScript, mas o problema era que o JavaScript não tinha uma maneira muito boa de girar os móveis.

Quando o IE não suportava a marca da tela, isso significava usar uma imagem diferente para voltas de 0,5,10 ... 85 graus, e então eu girava essas imagens em 0, 90, 180 ou 270 graus em para cobrir rotações de 90 a 355 graus. Não era apenas irritante para criar, mas era bastante lento em sua execução. O FF, que suportava a etiqueta de tela, podia girar os móveis praticamente em tempo real, mas a rotação do IE foi bastante terrível. O IE levou algo entre 0,75 e 1,00 segundos para responder, e fazê-lo em incrementos de 5 graus foi terrivelmente irritante.

Aqui está um site bacana, feito por Chris Coyier, do CSS-Tricks.com: http://chris-mcgarry.com

Chris usa principalmente o JQuery aqui, com o objetivo de que um visitante possa tocar as faixas da música e navegar para qualquer página sem que a música pare.

Chris é um forte defensor do uso do HTML5 agora. Este exemplo realmente não usa muitos elementos Html5, mas captura o espírito de um futuro sem flash.

Nosso site ( We, the Pixels ) é baseado no uso da tela do HTML5. Nós o usamos de uma maneira que o Flash normalmente seria usado e, de fato, tinha que usar o Flash para IE, porque as excanvas simplesmente não estavam cortando para o que precisávamos.

O site não é totalmente de tela, mas é o principal componente do aplicativo.

O Scribd está usando HTML5

Não sei por que você solicitaria exemplos de páginas baseadas em HTML5 sem o tipo de documento HTML5 simples - eu gostaria da opção inequívoca para esse modo. De qualquer forma, este site faz uso extensivo do princípio de página única com gráficos aplicados contextualmente usando técnicas HTML5 e CSS3: https://www.airbnb.com/annual/