Owen Little
0 
5028
923
Les 10 prochains sites Web HTML5 pour voir en quoi HTML5 est tout au sujet de 10 Les sites Web en HTML5 pour voir tout ce qui est de HTML5 Au sujet de la mise à jour du langage 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 étonnants 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 externe ou un plug-in. 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 visualiser, essayez d’être dans un autre navigateur. Prendre plaisir!
Arcade Fire - Le centre-ville de Wilderness
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 d’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 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 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 petit programme de dessin bien conçu 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é à 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 HTML5 Canvas. 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 - 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!