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.
Réponses:
Je trouve que ces 2 sites sont de bons exemples pratiques d'utilisation HTML5 -
la source
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.
la source
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.
la source
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.
la source
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.
la source
Scribd utilise HTML5
la source
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/
la source