Du willst also mit #HTML5 Animation beginnen?

Vor einiger Zeit haben wir die HTML5-Spickzettel erstellt, die bei professionellen Webentwicklern super ankamen. Aber was ist mit denen unter uns, die noch ganz neu bei HTML5 sind und die leistungsstarken Funktionen nutzen wollen, ohne über fundierte Programmierkenntnisse zu verfügen?

Ich habe recherchiert und eine Liste der 5 besten Animationsprogramme zusammengestellt, um dir einen Vorsprung bei der Erstellung von aussagekräftigen Grafiken für deine Webseiten zu verschaffen.

1./ Lila - $20 Mac OSX App für HTML5 iPhone, iPad und Web-Animationen

Hmmm, das war die billigste von allen Apps und sieht gut aus. Aber sie hat starke Einschränkungen, da sie nur für Mac-Benutzer geeignet ist und es keine Funktionen für Mouseover oder Tastenanimation gibt. Ein weiteres Problem war, dass ich beim Surfen auf der Demoseite auf eine Browser-Inkompatibilität gestoßen bin und die Grafiken nicht angezeigt werden konnten. Die Animationsdemos sahen auf meinem iPhone gut aus, ließen sich aber nicht skalieren und waren nicht interaktiv, es gibt also noch Raum für Verbesserungen.

"SAG WAS! @#%^!? - Ich dachte, wir sollten von Flash und all seinen Problemen wegkommen!?"

Ja - wenn dein Browser keine "WebKit"-Erweiterungen unterstützt, kannst du die Arbeit, in die du so viel Mühe gesteckt hast, derzeit nicht sehen. Purple kündigt an, dass dieses Kompatibilitätsproblem mit dem nächsten Update von Firefox 5 behoben sein wird und die HTML5 WebKit-Animationen dann unterstützt werden.

2./ Tumult Hype - $50

Die grafische Benutzeroberfläche dieser Suite scheint besonders gut durchdacht zu sein. Du hast die volle Auswahl an Animationen, egal ob du versuchst, Mouse-Over-Animationen usw. zu erstellen. Ich liebe diese Suite und ich denke, dass sie mit 50 Pfund einen sehr günstigen Preis hat. Wenn ich jetzt nur einen Mac hätte. Hype ist nur für Mac erhältlich und es ist nicht geplant, eine Version für Windows zu entwickeln.

3./ Nilpferd - $30

Sie haben sich die Mühe gemacht, einige wirklich leicht verständliche Tutorials für ihre Software-Suite zu erstellen. Der Preis ist mit 30 Dollar wirklich attraktiv, nur die Tatsache, dass sich das Programm manchmal etwas klobig und fehlerhaft anfühlt, ist ein Nachteil. Das scheint zu den Problemen der Windows-Plattform zu passen, an die ich mich als PC-Nutzer gewöhnt habe. Die Demos in der Galerie zeigen eine große Bandbreite an Möglichkeiten mit Mouse-Over-Animationen und Schaltflächenfunktionen, die kürzlich hinzugefügt wurden. Die Entwickler, die hinter diesem Tool stehen, sind sehr aktiv, was mich zuversichtlich stimmt, dass diese Animationssuite noch viel mehr zu bieten hat, und ihr Support-Team scheint sehr zugänglich zu sein. Auf jeden Fall ein Daumen nach oben für HTML5-Anfänger, auch für diejenigen, die Angst vor Animationen und Zeitleisten haben.

4./ Adobe Edge - $PREVIEW

Adobe Edge befindet sich in der Beta-Preview, also schnapp es dir, solange du noch kannst. Ich war schnell enttäuscht, denn Flash war für seinen benutzerunfreundlichen Workflow bekannt. Adobe Edge scheint zu Beginn ein intuitiveres Layout zu haben, aber es scheint, dass viele Bearbeitungswerkzeuge fehlen. Ich bin mir sicher, dass dies nur eine Einschränkung der Beta-Version ist, aber ich kann kaum neue Konzepte erstellen, wenn ich unterschiedlich geformte Pfade nachzeichnen oder Fenster beschneiden möchte.

5./ Sencha Animator - $199

Wow, diese Suite hat es in sich, aber Anfänger können durch das Layout der Kaufseiten leicht abgeschreckt oder verwirrt werden. Sencha ist schon am längsten auf dem Markt und hat wahrscheinlich die stabilste Editier-Suite auf dem Markt. Es gibt eine erstaunliche Auswahl an Werkzeugen und sogar ein schön gestaltetes Support-Forum. Aber der Haken an der Sache ist, dass es derzeit das teuerste Programm auf dem Markt ist, und als Anfänger ist es sicherlich die günstigste Software, die Sencha anbietet, aber wenn du die Liste oder die Seitenleisten ansiehst, gibt es eine Menge Querverweise auf Entwickler-Architekten-Tools, höherpreisige Pakete, tolle Trainingskurse in verschiedenen Softwares, und du bist bei deinem ersten Versuch, HTML5 zu kodieren, plötzlich verwirrt und denkst: "Vielleicht solltest du dich an ein einfacheres Tool gewöhnen, bevor du 200 Dollar investierst?

Zusammenfassung der HTML5-Animationstools

Insgesamt denke ich, dass Tumult Hype für mich aufgrund seiner Benutzerfreundlichkeit und seines Funktionsumfangs der Gewinner ist. So sehr, dass ich mir vielleicht einen Mac zulegen muss, nur um diese Bearbeitungsplattform zu nutzen. In der Zwischenzeit wird Hippo Animator ausreichen, solange ich mit seinen Fehlern zurechtkomme. Ich habe die Software schon 3 Mal in einer Sitzung zum Absturz gebracht 🙁.