Quelqu'un peut-il énumérer de vrais exemples de «HTML5» utilisé dans la nature?

8

J'utilise HTML5 de la même manière que tout le monde semble l'utiliser de nos jours, ce qui signifie: balises HTML5, Canvas / 3D / javascript et CSS3.

J'ai du mal à trouver des exemples de sites qui utilisent ces technologies pratiquement et qui ne sont pas seulement une démonstration de quelque chose de cool que quelqu'un a réussi à faire en utilisant des transformations ou des formes Canvas ou CSS3.

Je recherche des sites qui ont une belle apparence visuelle mais qui profitent également de choses comme l'animation, le défilement et l'offset à la Silverback ou le Canvas pour créer un site interactif et je suppose "Flash-look".

Voici quelques exemples que j'ai trouvés:

Défilement

Animation

Autre

J'utilise HTML5 librement et je déteste l'utiliser. Je serais heureux si vous listiez un site basé sur Javascript très visuellement attrayant, mais il n'avait pas le doctype HTML5.

betamax
la source
Pirates était très bon, mais pourquoi a-t-il une telle fuite de mémoire? Je l'ai joué, mais il est devenu lent. J'ai regardé mon gestionnaire de tâches pour découvrir que c'était jusqu'à 1,6 Go de RAM! Celui qui l'a créé doit soit abandonner la mémoire, soit la recycler. Il ne devrait pas se rapprocher de 1,6 Go. = /
Michael
@Michael C'est peut-être un problème de navigateur. Je l'ai joué pendant environ 2 heures sans aucun retard dans Chrome.
Evan Plaice

Réponses:

3

Le réseau Stack Exchange (dont ce site est membre) utilise HTML5 pour son authentification . C'est pourquoi vous pouvez visiter n'importe quel site du réseau et une fois que vous vous êtes connecté manuellement au moins une fois, il vous connectera automatiquement plus tard .

Essayez-le - si vous êtes membre de plusieurs sites (disons ici et Stack Overflow), supprimez tous vos cookies et fichiers temporaires. Ensuite, connectez-vous ici, puis accédez à Stack Overflow et ne vous connectez pas. Donnez-lui quelques secondes et il vous connectera automatiquement, même si les domaines sont totalement différents.

Mark Henderson
la source
1

Oui, en fait, je l'ai fait il y a longtemps ... il y a 2-3 ans, je suppose. J'ai créé un site Web qui permet essentiellement aux gens de déplacer des objets sur un plan d'étage pour voir si leurs meubles conviennent. Cela a été fait avec JavaScript, mais le problème était que JavaScript n'avait pas un très bon moyen de faire pivoter les meubles.

À l'époque où IE ne prenait pas en charge la balise canvas, cela signifiait utiliser une image différente pour 0,5,10 ... 85 tours de degrés, puis je fais pivoter ces images de 0, 90, 180 ou 270 degrés en afin de couvrir des rotations de 90 à 355 degrés. Non seulement c'était ennuyeux à créer, mais son exécution était assez lente. FF, qui supportait la balise canvas, pouvait faire tourner les meubles à peu près en temps réel, mais la rotation d'IE était assez terrible. IE a mis entre 0,75 et 1,00 seconde pour répondre, et le faire par incréments de 5 degrés était terriblement ennuyeux.

Michael
la source
1

Voici un site Web de type flash astucieux réalisé par Chris Coyier de CSS-Tricks.com: http://chris-mcgarry.com

Chris utilise principalement JQuery ici, dans le but qu'un visiteur puisse lire les morceaux de musique et naviguer vers n'importe quelle page sans que la musique ne s'arrête.

Chris est un ardent défenseur de l'utilisation de Html5 maintenant. Cet exemple n'utilise pas vraiment autant d'éléments Html5, mais il capture vraiment l'esprit d'un futur sans flash.

Xand0r
la source
1

Notre site ( Nous, les pixels ) est fondé sur l'utilisation de la toile HTML5. Nous l'utilisons de manière à ce que Flash soit normalement utilisé, et en fait nous devions utiliser Flash pour IE, car Excanvas ne le coupait tout simplement pas pour ce dont nous avions besoin.

Le site n'est pas entièrement en toile, mais son principal composant d'application l'est.

JT703
la source
0

Scribd utilise HTML5

Piers Karsenbarg
la source
0

Je ne sais pas pourquoi vous demanderiez des exemples de pages basées sur HTML5 sans le simple doctype HTML5 - je voudrais le commutateur sans équivoque pour ce mode. Quoi qu'il en soit, ce site utilise assez largement le principe d'une seule page avec des graphiques appliqués contextuellement en utilisant les techniques HTML5 et CSS3: https://www.airbnb.com/annual/

JakeGould
la source