15 sites qui font des choses étonnantes avec HTML5

Les 10 prochains sites Web HTML5 pour voir ce qu’est tout le HTML5. 10 sites Web pour voir ce que tout le monde de HTML5 est à lire. Une mise à jour supplémentaire du langage HyperText Markup Language, vieux de 20 ans, promet de “le web” expérience à un tout autre niveau, permettant au navigateur d’en faire plus, tant du point de vue visuel que des données. Même si HTML5 est encore loin d'être complètement déployé, cela n'a pas empêché de nombreux développeurs de le pousser à l'extrême..

Découvrez ces sites Web incroyables qui vous donnent une bonne idée des capacités de HTML5 en tant que langage de programmation, réalisant des tâches dans votre navigateur Web qui n’étaient auparavant possibles que dans un programme ou un plug-in externe. Je les ai testés dans Chrome et ils devraient tous fonctionner dans un navigateur compatible avec HTML5, tel que Chrome, Firefox 4, Safari ou IE9. Ce sont des démos et HTML5 est encore un travail en cours, donc si vous avez des problèmes pour les voir, essayez d’être dans un autre navigateur. Prendre plaisir!

Arcade Fire - Le centre-ville sauvage

Il s'agit d'une excellente 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 magie vidéo et technique.

WebVenture

WebVenture est une implémentation HTML5 et Javascript de la plate-forme de jeu MacVenture. Vous pouvez maintenant jouer à Deja Vu 1 & 2, Shadowgate et Uninvited directement dans votre navigateur! D'autres implémentations de jeux, telles que Wolfenstein 3D, sont en cours d'élaboration, permettant ainsi aux jeux de jouer dans votre navigateur..

20 choses que j'ai apprises sur les navigateurs et le Web

Ce site de Google demos a “livre” approche stylée à une description du fonctionnement des navigateurs Web et du nombre de technologies sous-jacentes qui fonctionnent. Impressionnant d’un point de vue technique, c’est également un bon début pour les lecteurs qui souhaitent en savoir plus sur le fonctionnement du Web..

Dessin collaboratif

Cette démo utilise la fonctionnalité HTML5 websockets pour permettre aux utilisateurs de dessiner en collaboration - en même temps - de dessiner sur le canevas..

[NE TRAVAILLE PLUS] SketchPad

SketchPad est un “peindre” programme pour le web. Il supporte des instruments de dessin rudimentaires et est fait uniquement en HTML5 et JavaScript.

Pillage galactique

Galactic Plunder est un Space Shooter 2D implémenté en HTML5. Pas tout à fait aussi riche en fonctionnalités qu'un tireur à 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 faire beaucoup avec la vidéo sur le Web. En plus de vous permettre de jouer sans votre navigateur Web, sans plug-in, il vous permet de manipuler cette vidéo. Cette démo montre comment vous pouvez “Exploser” les pixels d'une vidéo en cours de lecture.

Boule à plusieurs fenêtres

Cela démontre et l’effet est également visible dans la vidéo d’Arcade Fire. HTML5 vous permet d'ouvrir plusieurs fenêtres et de déplacer des objets entre elles..

HTML5Rocks (Google)

HTML5 Rocks est un diaporama qui présente 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 joueur au début des années 90, vous vous souviendrez de cet effet avec affection. La puissance de calcul étant limitée, les concepteurs graphiques ont utilisé des «astuces» 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 aussi beaux que magnifiques..

Expériences HTML5 de Hakim.se

Ce site répertorie de nombreuses démos de jeux et autres petits gadgets bien conçus pour montrer ce que vous pouvez faire avec HTML5. Bon pour l'inspiration et peut-être un peu de temps.

Harmonie

Harmony est un joli 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 “le web” qui sont juste cool à voir dans la création.

Mashup Twitter / Musique

Ce mashup soigné de @ 9elements mélange la musique et les points tournants avec les publications de Twitter sur HTML5. Difficile à décrire dans la pratique, doit être vu pour comprendre!

Mashup Radiohead / HTML5

Un autre mashup soigné qui oppose Radiohead Idioteque avec un dessin de Thom Yorke qui est dessiné au fur et à mesure que la chanson avance. Un autre “vu pour être cru” effet.

Vouloir plus?

HTML5Demos / CanvasDemos

Ces deux sites Web sont configurés pour offrir aux utilisateurs une grande variété de démos de HTML5 et des effets Canvas HTML5. Allant du banal au “cool”, si vous avez soif de plus ce sont les endroits où aller.

Il existe de nombreuses démonstrations de HTML5 sur Internet à présent - et il est en passe de devenir le nouveau standard du Web. Avez-vous des démos géniales que vous voudriez partager? S'il vous plaît poster dans les commentaires ci-dessous!