HTML5 - Top 3 des applications en HTML5
Cette semaine j’ai déniché pour vous des applications ou widgets réalisés en HTML5. Malgré la jeunesse de ce langage son implémentation actuelle permet beaucoup de choses, notamment d’améliorer le cloud computing au travers d’applications dynamiques qui pourront vous aider lorsque vous n’avez pas d’accès sur la machine ou tout simplement parce qu’un web-service c’est vraiment pratique (comme Gmail par exemple). Mais aussi ces mini applications que l’on appelle widgets et qui une fois intégrés dans un site web peuvent vous apporter de nouvelles fonctionnalités.
Sketchpad
La première application que j’ai sélectionné est une jolie petite merveille qui vous permet de faire du dessin de façon simple (comme Paint sur Windows). L’interface est sobre et soignée, simple et ergonomique et on a accès à l’essentiel.
Vous pourrez créer de jolis dégradés, jouer avec la transparence et l’opacité, et vous avez accès à pas mal de petites options vraiment sympathique.
Bien sur soyons réaliste, tout ceci est pas mal limité et ça n’égalera jamais un vrai logiciel de retouche photo/dessin, mais ça joue bien son rôle et je vois plutôt ça comme un utilitaire de secours.
Vous pourrez retrouver Sketchpad sur http://mugtug.com/sketchpad/.
HTML5 Drum Kit
Cette application vraiment sympathique est en fait une petite boîte à rythmes qui vous propose de créer une courte mélodie sur 16 mesures. Vous avez à disposition pas moins de 14 instruments/bruits différents, et vous pouvez également régler le tempo.
Bref une jolie petite démonstration qui montre une manipulation de sons en utilisant la balise <audio> (issue du HTML5), et l’enchaînement des sons est vraiment très fluide, chose qui me surprend et m’enthousiasme même !
Lors de la composition de votre mélodie l’url se met automatiquement à jour, vous pourrez ainsi la partager très rapidement.
Le Drum Kit est disponible sur http://www.randomthink.net/labs/html5drums/.
360° MP3 player
Pour finir cette petite sélection, je vous propose un petit widget pour égayer vos sites web. Il s’agit en réalité d’un lecteur mp3 qui propose une interface extrêmement bien pensée, qui est réalisé à l’aide d’un Canvas (le tout contrôlable en JavaScript) avec un spectre de fréquence très originale. L’interface est magnifique, la personnalisation est de mise, c’est sobre et efficace. Autant dire que j’adhère à 200%, et ça nous change vraiment des players flash qui sont bien souvent tellement simple qu’on ne les remarque pas.
Comme une démonstration vaut mieux qu’un long discours, je vous propose de vous rendre sur http://www.schillmania.com/ pour en savoir plus.
Auteur : z0va
Passionné de HTML5/JS et de retro-gaming. J'aime aussi faire un peu de veille sur Twitter.
Son site : http://weexord.org/
- Publié le : 27 oct 2010 par z0va
- Classé dans : HTML5
- Tags : Application, HTML5
- Partager cet article
- Abonnement
-
[...] This post was mentioned on Twitter by NextBuzz, z0va. z0va said: [Nextbuzz.net] Top 3 des applications en HTML5 - http://bit.ly/bRTIFv [...]
J’adore tes post sur le HTML5 ^^ Mais j’ai du mal à trouver des bons tutos sur ce langage ou du moins pour créer des applications aussi poussé.
Si tu as pourquoi faire un post dessus :D Car je vois que t’es fort pour dénicher plein de truc ^^
@Rogerlelapin merci pour ton commentaire, c’est très encourageant :)
Sinon pour ce qui est d’un point de vue technique ce n’est pas réellement le but de mes chroniques, je m’attarde surtout sur le fait de faire découvrir même au plus débutants les réalisations les plus poussées. Mais si tu cherche des posts plus technique je t’invite à te rendre sur mon site.
Pour se lancer dans l’html5 le mieux étant de lire de la doc en anglais, mais surtout il faut apprendre le JavaScript car c’est le langage au coeur de tout ça.
Si je devais te schématiser le fonctionnement, disons que l’html5 met à dispositions de nouveaux outils et que le JavaScript les exploites.
Ok merci, je vais voir de ce côté là :D
Bonne continuation pour ce magnifique blog ^^