Deblan blog

Tag #HTML5

Animations html5 en wysiwyg

Sur mon précédent article, un petit débat a été ouvert concernant Flash.
C'est un langage, ou tout du moins, une technologie que je méprise depuis un moment déjà.

Je ne reviendrai pas sur l'ensemble des arguments qui ont été postés, mais plutôt la partie où nous avons parlé de Javascript et Html 5.

Avec l'avancée des navigateurs sur l'interprétation de Javascript et le développement grandissant des bibliothèques telles que Mootools et JQuery, on est capable aujourd'hui de construire des sites web complexes et proches d'applications desktop.

Cependant, l'animation est parfois complexe à mettre en oeuvre. Bien que les bibliothèques gèrent les différences entre les navigateurs, on est souvent contraint de passer des heures sur un problème à priori simple.

Cela dit, j'ai envie que cela change et je ne suis visiblement pas le seul. Quand on me dit que c'est chiant d'écrire du JS pour animer de manière complexe une page, je répond "oui", mais pour combien de temps encore ?

Adobe est en train de travailler sur un logiciel d'animation wysiwyg pour Javascript et HTML5. Imaginez une timeline et une scène telles que celle de Flash mais qu'au final, seuls du Html et du Javascript soient pondus.

Basé sur JQuery et le moteur de rendu Webkit (Safari & Chrome essentiellement), c'est pour l'instant bluffant.

Quelle sera la qualité du code ? Aucune idée. Est-ce que ça fonctionnera correctement sur Firefox, IE et Opera ? Je ne sais pas. En tout cas, ça à le mérite de commencer à exister.

a vidéo

Edit :

Il semble d'Adobe veuille rapidement passer à autre chose que le Flash. Ils ont présenté un outil pour convertir une animation Flash directement en HTML et Javascript ! Vous pouvez regarder cette vidéo de démonstration.


Arcade Fire, un clip vidéo interactif avec HTML5

C'est dans les laboratoires de Chrome Experiments que ce film a été réalisé. Basé sur l' HTML5, c'est le savant mélange de créativité et de technologie qui place Arcade Fire dans mes coups coeur du moment ! Bercé par une belle musique, je vous laisse découvrir cette oeuvre...

Arcade Fire, un clip vidéo interactif avec HTML5

(Source : geeek.org)


DEBLAN sur HTML 5 Showcase

HTML 5 Showcase est un site d'inspiration graphique. Il partage les meilleurs sites web développés en HTML5. Parmi les 4 derniers articles se trouve mon blog et j'en suis très fiers !

  • DEBLAN
  • Pixel Bender Creative
  • For The Record
  • HTML5 Boilerplate