15 Sites qui font des choses étonnantes avec html5

Video: 4 choses étonnantes peuvent être faites avec des capsules de bouteille

la prochaine HTML5 mise à jour du langage de balisage ancien HyperText vingt années promet d`apporter l`expérience « web » à un nouveau niveau, ce qui permet au navigateur de faire plus à la fois un point de vue visuel et des données. Même si HTML5 est encore une bonne distance d`être complètement déployée, cela n`a pas empêché de nombreux développeurs de pousser à la limite. 10 sites Web pour voir Qu`est-ce que HTML5 est tout au sujet10 sites Web pour voir Qu`est-ce que HTML5 est tout au sujetLire la suite

Découvrez ces sites étonnants qui vous donnent vraiment une bonne idée sur les capacités de HTML5 comme un langage de programmation, de faire les choses dans votre navigateur Web qui ont été une fois que possible dans un programme externe ou plug-in. Je les ai testé dans Chrome et ils devraient tous travailler dans un navigateur compatible HTML5 tels que Chrome, Firefox 4, Safari ou IE9. Ils sont des démos et HTML5 est encore un travail en cours, donc si vous avez des problèmes à les visualiser, vous pouvez essayer dans un autre navigateur. Prendre plaisir!

Arcade Fire - The Wilderness Downtown

C`est une grande démonstration faite par Arcade Fire et Google qui possèdent différentes astuces HTML5 Canvas. Je ne veux pas gâcher la surprise pour vous - entrez votre adresse enfance et profiter de la vidéo et de prouesses techniques.

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 à droite Uninvited dans votre navigateur! D`autres implémentations de jeu tels que Wolfenstein 3D sont en cours d`élaboration, ce qui porte le jeu dans votre navigateur.

20 choses à savoir À propos des navigateurs et le Web

Video: Victime du passé? Libérez-vous! - EFT en français #35

Ce site de Google démos un « livre » approche de style à une description sur la façon dont les navigateurs Web fonctionnent et combien de travail des technologies sous-jacentes. Impressionnant d`un point de vue technique, il est également une bonne introduction pour les lecteurs qui voudraient en savoir plus sur la façon dont fonctionne le web.

Dessin collaboratif

Cette démo utilise la fonctionnalité pour permettre aux téléspectateurs de collaboration du HTML5 - en même temps - tirer sur la toile.

[Ne fonctionne plus] SketchPad

SketchPad est un programme de « peinture » pour le web. Il prend en charge les instruments de dessin rudimentaire et ne se fait que dans HTML5 et javascript.

Galactic Plunder

Galactic Plunder est un espace 2D Shooter mis en œuvre en HTML5. Pas tout à fait comme fonction remplie comme un jeu de tir à défilement latéral normal, il est fait entièrement en HTML5 qui est impressionnant en soi.

Effets vidéo

HTML5 vous permet de grand-chose avec la vidéo sur le web. En plus de vous permettre de jouer sans votre navigateur, sans plug-in, il vous permet de manipuler cette vidéo. Cette démo montre comment vous pouvez « Blow up » les pixels d`une vidéo tout en jouant.

Boule multiples Fenêtre

Cela démontre et l`effet également vu dans la vidéo Arcade Fire. HTML5 vous permet d`ouvrir plusieurs fenêtres et avoir des objets se déplacent entre eux.

HTML5Rocks (Google)

HTML5 Rocks est un diaporama qui montre plusieurs des caractéristiques particulières de la langue HTML5. Si vous êtes un développeur, il vous donne un exemple de code et vous permet de voir les possibilités de HTML5.

8 bits couleur Cyclisme (Old School Games Like)

Si vous étiez un joueur au début des années 90, vous rappelez cet effet avec émotion. Depuis la puissance de calcul est limitée, les concepteurs graphiques utilisés « trucs pour imiter la vidéo dans une image statique. Cet effet de toile va vous montrer comment il a été fait et comprend également de nombreux exemples qui sont belles aussi.

HTML5 Expériences de Hakim.se

Ce site répertorie de nombreuses démos de jeux et d`autres petits gadgets soignées pour montrer ce que vous pouvez faire avec HTML5. Bon pour l`inspiration et peut-être une diversion peu de temps.

Harmonie

L`harmonie est un petit programme de dessin propre qui permet d`utiliser des pinceaux frais pour peindre une image. Vous pouvez créer des choses telles que « fourrure » et « web » qui sont juste cool de voir dans la création.

Twitter / Musique Mashup

Ce mashup propre de @ 9elements fosses musique et des points tournants avec messages twitter sur HTML5. Difficile à décrire dans la pratique, il faut voir pour comprendre!

Radiohead / HTML5 Mashup

Un autre mashup propre Radiohead qui oppose idioteque avec un dessin de Thom Yorke qui est dessiné comme la chanson progresse. Un autre « vu pour le croire » effet.

Vouloir plus?

HTML5Demos / CanvasDemos

Ces deux sites sont mis en place pour donner des vues d`une grande variété de démos de HTML5 et les effets HTML5 Canvas. Allant du banal au « cool », si vous avez soif de plus ce sont les endroits où aller.

Il y a beaucoup de démos de HTML5 là-bas sur internet maintenant - et il est en bonne voie de devenir la nouvelle norme de la bande. Avez-vous des démos impressionnantes que vous aimeriez partager? S`il vous plaît poster dans les commentaires ci-dessous!