Quelqu'un peut-il citer de vrais exemples de "HTML5" utilisé à l'état sauvage?
J'utilise HTML5 de la même manière que tout le monde semble l'utiliser de nos jours, c'est-à-dire: balises HTML5, Canvas/3D/javascript et CSS3.
J'ai du mal à trouver des exemples de sites qui utilisent ces technologies de manière pratique et qui ne sont pas simplement 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 un aspect visuel agréable, mais qui tirent également parti d’activités telles que l’animation, le défilement et le décalage à la Silverback ou le canevas pour créer un site interactif et, je suppose, "à la recherche de Flash".
Voici quelques exemples que j'ai trouvés:
Défilement
Animation
Autre
J'utilise HTML5 de manière lâche et je déteste l'utiliser. Je serais heureux si vous énumériez un site JavaScript très attrayant mais ne contenait pas le doctype HTML5.
Je trouve que ces 2 sites sont de bons exemples pratiques d'utilisation de HTML5 -
- “ 20 choses que j'ai apprises sur les navigateurs et le Web ” est un guide en ligne illustré de Google destiné aux utilisateurs occasionnels. Il est prévu d'ouvrir le code source .
- Référence JavaScript de Stephen Walther construit avec HTML5 & jQuery. Le code source & explication sur comment il a été construit est disponible sur le blog de l'auteur.
Le réseau Stack Exchange (dont ce site est membre) tilise 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 avez un abonnement sur plus d'un site (par exemple, ici et Stack Overflow), supprimez tous vos cookies et fichiers temporaires. Ensuite, connectez-vous ici, puis allez à 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.
Oui, en fait, je l'ai fait il y a longtemps ... j'imagine qu'il y a deux ou trois ans. 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 leur conviennent. C'était 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 des tours de 0,5,10 ... 85 degrés, puis faire pivoter ces images de 0, 90, 180 ou 270 degrés afin de couvrir les rotations de 90 à 355 degrés. Non seulement la création était agaçante, mais son exécution était lente. FF, qui supportait l'étiquette en toile, pouvait faire pivoter les meubles 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 paliers de 5 degrés était terriblement agaçant.
Voici un site Web astucieux ressemblant à un flash créé par Chris Coyier de CSS-Tricks.com: http://chris-mcgarry.com
Chris utilise principalement JQuery ici, l'objectif étant qu'un visiteur puisse lire les pistes de musique et naviguer sur 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 beaucoup d'éléments HTML 5, mais il capture vraiment l'esprit d'un avenir sans flash.
Notre site ( Nous, les pixels ) est fondé sur l'utilisation du canevas HTML5. Nous l'utilisions de manière à ce que Flash soit normalement utilisé et nous devions en fait utiliser Flash pour IE, car excanvas ne le coupait tout simplement pas pour ce dont nous avions besoin.
Le site n'est pas tout le canevas , mais son composant principal de l'application l'est.
Je ne suis pas sûr de savoir pourquoi vous demanderiez des exemples de pages basées sur HTML5 sans le doctype HTML5 simple - je voudrais le commutateur sans équivoque pour ce mode. Quoi qu'il en soit, ce site utilise assez largement le principe de la page unique avec des graphiques appliqués de manière contextuelle à l'aide des techniques HTML5 et CSS3: https://www.airbnb.com/annual/
Scribd utilise HTML5