Les prochains 10 sites Web HTML5 pour voir ce que HTML5 est tout sur 10 sites Web pour voir ce que HTML5 est tout au sujet Lire plus de mise à jour de l'ancien langage de balisage hypertexte promet d'apporter l'expérience "web" à un tout autre niveau, permettant au navigateur faire plus d'un point de vue visuel et de données. Même si HTML5 est encore loin d'être entièrement déployé, cela n'a pas empêché de nombreux développeurs de le pousser à ses limites.
Découvrez ces sites incroyables qui vous donnent vraiment une bonne idée des capacités de HTML5 en tant que langage de programmation, en faisant des choses dans votre navigateur Web qui étaient autrefois possibles uniquement dans un programme externe ou un plugin. Je les ai testés dans Chrome et ils doivent tous fonctionner dans un navigateur compatible HTML5, tel que Chrome, Firefox 4, Safari ou IE9. Ce sont des démos et HTML5 est encore en cours de développement, donc si vous avez des problèmes pour les visionner, vous pouvez essayer dans un autre navigateur. Prendre plaisir!
Arcade Fire - Le désert du centre-ville
C'est une superbe démo réalisée par Arcade Fire et Google qui propose différentes astuces HTML5 Canvas. Je ne veux pas gâcher la surprise pour vous - entrez votre adresse d'enfance et profitez de la vidéo et de la magie technique.
WebVenture
WebVenture est une implémentation HTML5 et Javascript de la plateforme de jeu MacVenture. Vous pouvez maintenant jouer à Deja Vu 1 & 2, Shadowgate et Uninvited directement dans votre navigateur! D'autres implémentations de jeu telles que Wolfenstein 3D sont en cours d'élaboration, apportant des jeux dans votre navigateur.
20 choses que j'ai apprises au sujet des navigateurs et du Web
Ce site de Google propose une approche de type «livre» pour décrire le fonctionnement des navigateurs Web et le nombre de technologies sous-jacentes. Impressionnant d'un point de vue technique, c'est aussi une bonne introduction pour les lecteurs qui aimeraient en savoir plus sur le fonctionnement du Web.
Dessin collaboratif
Cette démo utilise la fonctionnalité des websockets HTML5 pour permettre aux spectateurs de dessiner en même temps sur le canevas.
[PLUS D'ŒUVRES] SketchPad
SketchPad est un programme de "peinture" pour le web. Il prend en charge les instruments de dessin rudimentaires et se fait uniquement en HTML5 et JavaScript.
Pillage galactique
Galactic Plunder est un 2D Space Shooter implémenté en HTML5. Pas tout à fait comme un jeu de tir à défilement latéral normal, il est entièrement réalisé en HTML5, ce qui est impressionnant en soi.
Effets vidéo
HTML5 vous permet de beaucoup avec de la vidéo sur le web. En plus de vous permettre de le jouer sans votre navigateur Web, sans plugin, il vous permet de manipuler cette vidéo. Cette démo montre comment vous pouvez "faire exploser" les pixels d'une vidéo tout en jouant.
Balle à plusieurs fenêtres
Cela démontre et effet également vu dans la vidéo Arcade Fire. HTML5 vous permet d'ouvrir plusieurs fenêtres et de déplacer les objets entre eux.
HTML5Rocks (Google)
HTML5 Rocks est un diaporama qui montre de nombreuses fonctionnalités spéciales du langage HTML5. Si vous êtes un développeur, il vous donne un exemple de code et vous permet de voir les possibilités de HTML5.
Cyclisme couleur 8 bits (comme les jeux old school)
Si vous étiez un joueur au début des années 90, vous vous souviendrez de cet effet avec émotion. Comme la puissance de calcul était limitée, les graphistes utilisaient des «trucs» pour émuler la vidéo dans une image statique. Cet effet de toile vous montrera comment cela a été fait et comprend également de nombreux exemples qui sont beaux aussi.
Les expériences HTML5 de Hakim.se
Ce site répertorie de nombreuses démos de jeux et d'autres petits gadgets pour montrer ce que vous pouvez faire avec HTML5. Bon pour l'inspiration et peut-être un peu de temps de diversion.
Harmonie
Harmony est un petit programme de dessin qui vous permet d'utiliser des pinceaux sympas pour peindre une image. Vous pouvez créer des choses telles que "fourrure" et "web" qui sont simplement cool à voir dans la création.
Twitter / Musique Mashup
Ce mashup net de @ 9elements oppose de la musique et des points rotatifs avec des posts de twitter sur HTML5. Difficile à décrire en pratique, doit être vu pour comprendre!
Radiohead / HTML5 Mashup
Un autre mashup soigné qui oppose l' Idioteque de Radiohead à un dessin de Thom Yorke dessiné au fur et à mesure de la progression de la chanson. Un autre effet "vu pour être cru".
Vouloir plus?
HTML5Demos / CanvasDemos
Ces deux sites sont configurés pour donner une vue d'une grande variété de démos de HTML5 et des effets HTML5 Canvas. Allant du banal au "cool", si vous avez soif de plus, ce sont les endroits où aller.
Il y a de nombreuses démos du HTML5 sur internet maintenant - et il est en passe de devenir le nouveau standard du web. Avez-vous des démos géniales que vous aimeriez partager? S'il vous plaît poster dans les commentaires ci-dessous!