Tu veux te lancer dans l'animation #HTML5 ?

Il y a quelque temps, on a créé des fiches pratiques sur HTML5 qui ont eu un franc succès auprès des développeurs web pros. Mais qu'en est-il de ceux d'entre nous qui découvrent HTML5 et qui veulent profiter de ses puissantes fonctionnalités sans avoir de connaissances approfondies en programmation ?

J'ai fait des recherches et j'ai dressé une liste des 5 meilleures suites d'animation pour te donner une longueur d'avance dans la création de graphiques percutants pour tes pages Web.

1./ Purple - Application Mac OSX à 20 $ pour les animations HTML5 sur iPhone, iPad et le Web

Hmmm, c'était la moins chère de toutes les applications, elle a l'air bien construite. Mais elle est très limitée, car elle ne s'adresse qu'aux utilisateurs de Mac et il n'y a pas de fonctions de survol de la souris ou d'animation des boutons. J'ai rencontré un problème d'incompatibilité de navigateur et les graphiques ne s'affichaient pas. Les démonstrations d'animation étaient jolies sur mon iPhone, mais elles n'étaient pas à l'échelle et ne permettaient pas d'interagir, il y a donc encore des améliorations à apporter.

"DITES QUOI!@#%^ !? - Je croyais qu'on était censé s'éloigner de Flash et de tous ses hoquets ! ?".

Oui - actuellement, à moins que ton navigateur ne prenne en charge les extensions 'WebKit', tu ne peux pas voir le travail pour lequel tu as fourni tous ces efforts. Purple affirme que dans la prochaine mise à jour de Firefox 5, ce problème de compatibilité sera résolu, et donc que leurs animations HTML5 WebKit seront prises en charge.

2./ Tumult Hype - 50

L'interface graphique de cette suite semble particulièrement bien pensée. Tu as toutes les options d'animations à ta disposition, que tu essaies de créer une animation au passage de la souris, etc. J'adore cette suite et à 50 Squids, je pense qu'ils ont atteint un niveau de prix très abordable pour moi. Si seulement j'avais un Mac. Hype n'est disponible que pour Mac et il n'est pas prévu de produire une version pour Windows.

3./ Hippo - 30

Ils ont fait l'effort de créer des tutoriels vraiment faciles à comprendre pour leur suite logicielle. Le prix est très attractif (30 $), mais l'outil semble parfois un peu lourd et bogué. Cela semble correspondre aux problèmes de la plateforme Windows auxquels je me suis progressivement habitué en tant qu'utilisateur de PC. Les démonstrations dans leur galerie montrent une grande variété de capacités avec l'animation de la souris et les fonctions des boutons récemment ajoutées. Les développeurs de cet outil sont actifs, ce qui me fait croire que cette suite d'animation a encore de beaux jours devant elle, et leur équipe d'assistance semble vraiment accessible. Je recommande vivement cet outil aux débutants en HTML5, y compris à ceux qui ont peur de l'animation et des lignes de temps.

4./ Adobe Edge - $PREVIEW

Adobe Edge est en version bêta de prévisualisation, alors attrapez-le tant que vous le pouvez. J'ai été rapidement déçu, tout comme Flash était connu pour son flux de travail peu convivial. Adobe Edge semble d'abord avoir une présentation plus intuitive, mais il semble manquer de nombreux outils d'édition. Je suis sûr qu'il s'agit simplement d'une limitation liée à l'utilisation de la version bêta, mais je suis cruellement limité dans ma capacité à créer de nouveaux concepts lorsque je veux tracer des chemins de formes différentes ou recadrer des fenêtres.

5./ Sencha Animator - 199

Cette suite a tout ce qu'il faut, mais le débutant peut être facilement effrayé ou dérouté par la disposition des pages d'achat. Sencha existe depuis le plus longtemps et possède probablement la suite d'édition la plus stable sur le marché. Il y a une gamme étonnante d'outils, de fenêtres de codage et même un forum d'assistance bien conçu. Mais là où le bât blesse, c'est qu'il est actuellement le plus cher du marché, et en tant que débutant, il est certain que c'est le logiciel le moins cher que Sencha propose, mais regarde la liste ou les barres latérales et il y a beaucoup de navigations croisées vers des outils d'architecte développeur, des packages plus chers, des cours de formation étonnants dans différents logiciels, et tu deviens soudain déconcerté lors de ta première tentative de codage HTML5 et tu te dis : "peut-être que tu devrais t'habituer à un outil plus simple avant d'investir 200 dollars".

Résumé des outils d'animation HTML5

Dans l'ensemble, je pense que Tumult Hype est le gagnant pour moi, en raison de la facilité d'utilisation de l'interface graphique et de la gamme de fonctions. À tel point que je vais peut-être devoir acheter un Mac juste pour utiliser cette plateforme d'édition. En attendant, Hippo Animator fera l'affaire tant que je peux supporter ses bogues. J'ai déjà dû planter le logiciel 3 fois en une seule session ! 🙁