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

8

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

Animação

De outros

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.

betamax
fonte
Piratas foi muito bom, mas por que tem um vazamento de memória tão grande? Eu toquei, mas ficou lento. Olhei para o meu Gerenciador de tarefas para descobrir que era de até 1,6 GB de RAM! Quem fez isso precisa renunciar à memória ou reciclá-la. Não deve chegar perto de 1,6 GB. = /
Michael
@ Michael Talvez seja um problema no navegador. Joguei por cerca de duas horas sem atrasos no Chrome.
Evan Plaice

Respostas:

3

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.

Mark Henderson
fonte
1

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.

Michael
fonte
1

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.

Xand0r
fonte
1

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.

JT703
fonte
0

O Scribd está usando HTML5

Piers Karsenbarg
fonte
0

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/

JakeGould
fonte