5 choses amusantes à faire en ligne avec HTML5

HTML5 ne cesse de se renforcer, de plus en plus de sites Web basculant vers la nouvelle norme qui permet d’afficher du contenu multimédia sur le Web sans recourir à des plugins tels que Adobe Flash. Est-ce que cette chose foutue est morte? Malheureusement, non, mais le besoin s'en trouve progressivement supprimé. Et pas avant l'heure.

Bien que HTML5 soit loin d’être omniprésent à ce stade, de plus en plus de sites Web l’utilisent, de manière de plus en plus inventive et impressionnante. Voici cinq choses amusantes à faire avec HTML5, et tout ce dont vous avez besoin est un navigateur compatible. les dernières versions de Chrome, Firefox, Safari, Opera et Internet Explorer, par exemple.

Écoutez… le clavier rationnel

Rational Keyboard est une application Web HTML5 de Fritz Obermeyer. Il comprend un mélodiste qui joue constamment une harmonie, l'utilisateur pouvant changer la note sur laquelle l'harmonie est basée..

Les notes changent constamment de taille pour que la chanson continue de jouer de manière agréable. En attendant les problèmes sonores, il est conseillé de mettre le clavier en pause pour le réinitialiser..

Il existe quatre instruments différents, bien que leur modification ne change que l'aspect, pas le son. Cela dit, "Wedges" a fonctionné au mieux pour moi, offrant une interface simple permettant une lecture sans problème..

Le code source de Rational Keyboard est disponible sur GitHub, tandis que l'encodeur audio peut être saisi pour être utilisé dans d'autres applications..

Enseigner… le test de deux minutes

Le test de deux minutes fait exactement ce que vous attendez de lui: vous poser plusieurs questions afin de tester vos connaissances générales et votre niveau d'intelligence. Le but ultime est de voir si vous avez les compétences de base requises pour devenir enseignant.

Les questions sont toutes présentées dans un format visuel plaisant, avec des nombres flottants, des représentations des planètes du système solaire Découvrez l’univers grâce à ces incroyables sites Web d’astronomie Découvrez l’univers grâce à ces incroyables sites d’astronomie Très peu d’entre nous sont susceptibles de jamais dans l’espace, à moins que les diverses entreprises de tourisme spatial ne deviennent des succès ordinaires. Même dans ce cas, le prix de vol dans l'espace sera si élevé… Lire la suite, et des réponses qui peuvent être traînées en place.

Vous commencez avec 100 points sur 100, votre score chutant au fur et à mesure que vous commettez des erreurs. Et à moins que vous ne soyez Stephen Hawking ou un autre de ces scientifiques populaires, tweetez la connaissance aux masses: 8 scientifiques populaires sur Twitter tweetez la connaissance aux masses: 8 scientifiques populaires sur Twitter Lorsque vous pensez à des scientifiques, vous ne pensez pas nécessairement à Twitter leurs principaux moyens de communication avec le monde entier. Et cette hypothèse serait quelque peu correcte. Cependant, il y a un bon nombre de… Lire la suite, vous allez faire des erreurs.

Il ne reste que six tâches à accomplir, mais il ne s’agit que d’un test de deux minutes. Si cela vous prend plus de deux minutes, eh bien, je ne conseillerais pas de vous inscrire prochainement à Mensa.

Manipuler… Catifier

Catifier a une base très simple en son centre et à une époque où les chats semblent être une sorte de marchandise échangeable sur InterWebs, c’est un outil amusant à essayer. Au moins cinq minutes.

Vous êtes présenté avec un exemple d'image que vous pouvez choisir d'échanger pour une image de votre choix. Tout ce dont vous avez besoin est une URL, ce qui m'a permis de compléter la photo ci-dessus avec un parfum de félin..

Pour être honnête, Catifier n'est pas parfait. Un clic sur l'un des chats prend un peu de temps pour s'enregistrer, mais un peu de patience les voit éventuellement déplacés vers la fenêtre principale, prêts à être manoeuvrés..

Je ne sais pas trop pourquoi cette application Web particulière n'a pas été mieux utilisée par les représentants de Reddit. C’est sûrement l’outil idéal pour créer des images dignes du plus grand nombre, comprenant des chats, des chats et encore plus de chats. 10 des meilleurs Tumblr de chats drôles pour satisfaire votre fétiche félin 10 des meilleurs rats de chats drôles pour satisfaire votre fétiche félin Il est temps pour moi de venir comme un amoureux des chats. Je ne peux plus me retenir, j'aime les petites boules de poil, en particulier mon propre petit boulet de joie qui me caresse… En savoir plus .

Regardez… Brandon Generator

Brandon Generator, ou The Random Adventures Of Brandon Générateur pour lui donner son titre complet, c’est un concept intriguant qui fait à la fois partie de la bande dessinée Web et du court métrage animé et de l’expérience HTML5.

Le contenu a été écrit par Edgar Wright (directeur de Fuzz Chaud et Shaun des morts), illustré par Tommy Lee Edwards de LucasFilm et narré par Julian Barratt du Le puissant Boosh.

Il y a quatre épisodes de Brandon Generator en tout, avec le scénario des épisodes suivants décidé par le public qui a interagi avec le contenu lors de son premier téléchargement sur le Web en 2012..

Microsoft était derrière Brandon Generator, d’où l’apparition du logo Internet Explorer sur le site. Cependant, grâce à HTML5, le contenu est disponible pour l'affichage dans tous les navigateurs modernes..

5 +… Démos brillantes

Shiny Demos n'est peut-être qu'un site, mais il offre un véritable éventail de qualités HTML5. Des dizaines de démonstrations de la puissance de HTML5 sont proposées, dont aucune ne vous prendra plus que quelques minutes à tester..

Les applications utilisent différents éléments de HTML5, tous divisés en sections afin que vous puissiez facilement voir qui est responsable de donner vie à chaque application dans votre navigateur..

Outre les jeux et les affichages interactifs audio et vidéo, il existe des explications sur les divers éléments qui composent HTML5. Cela pourrait offrir aux développeurs Web en herbe un moyen de comprendre les bases.

Les démos brillantes devraient vous occuper pendant un moment, et si vous êtes un peu comme moi, vous garderez le site marqué de vos nouvelles tentatives de Attaque de boîte de réception et Paranoïaque. Shiny Demos a été conçu par Opera Software, mais il fonctionnera avec l’ensemble des navigateurs..

Conclusions

Ces 5 sites Web ne représentent qu'une infime partie des destinations les plus prisées et utilisent les dernières technologies Web pour améliorer notre vie / offrir un moyen d'atténuer l'ennui (supprimer, le cas échéant). Nous avons déjà vu des vidéos impressionnantes HTML5 Web Comics 4 incroyablement impressionnantes Web Comics HTML5 4 incroyablement impressionnantes Web Comics HTML5 Voici quelques prototypes qui illustrent bien ce que HTML5 peut faire pour rendre notre expérience de bande dessinée plus attrayante. Cet article présente quelques-uns de ces efforts précoces. Alors que HTML5 peut ou… Lire la suite, impressionnant (et gratuit) jeux HTML5 5+ Jeux HTML5 impressionnants gratuits que vous pouvez jouer dans votre navigateur 5+ Jeux HTML5 impressionnants gratuits que vous pouvez jouer dans votre navigateur HTML5 signifie l'évolution du langage de balisage tel que nous le connaissons . Les jeux Flash étaient autrefois la norme en matière de divertissement sur navigateur, mais maintenant, grâce à la nature puissante de HTML5,… Read More, et à une sélection de sites Web qui ont rapidement fait des choses étonnantes avec HTML5 15 Sites That Do Amazing Things Avec HTML5 15 Sites qui font des choses étonnantes avec HTML5 Lire Plus .

Les plus attentifs d'entre vous ont peut-être remarqué un acrostiche qui se cache dans cet article. Commencez par vous récompenser par une cacahuète, puis lisez mon guide sur la création d'un poème pour un être cher. Donnez un coup de main à Cupidon: plus de 4 générateurs de poèmes sont parfaits pour la Saint-Valentin. Donnez un coup de main à Cupidon: plus de 4 générateurs de poèmes sont parfaits La poésie de la Saint-Valentin est l'une des formes d'art les plus anciennes, antérieure à l'alphabétisation grâce à son utilisation dans la société préhistorique. À l'époque, les poèmes étaient utilisés pour aider à mémoriser l'histoire contenue en eux… Lire la suite. Bien sûr, n'oubliez pas de consulter le tutoriel officiel MUO HTML5. Après cela, revenez ici et postez vos commentaires sur HTML5, les sites Web mentionnés ci-dessus et tout ce que vous pourriez avoir à l'esprit et qui correspond vaguement au sujet traité..

Crédit d'image: Yuki Honda

Explorez plus sur: HTML5.