Adobe hat vor Kurzem ein interessantes Tool als Preview veröffentlicht: Adobe Edge. Kurz zusammengefasst ist Edge ein (momentan noch sehr in seinen Funktionen beschränkter) Editor mit Timeline, der Animationen auf Basis von HTML5, JavaScript und CSS3 erstellt.
Sprich, Grafiken oder sogar ganze Teile importierter, bereits bestehender HTML-Layouts können mit Hilfe von Keyframes bewegt und später in aktuellen Browsern ohne zusätzliche Plugins abgespielt werden. Das Beste daran ist, keine einzige Zeile Code selbst schreiben zu müssen. Hier ein Screenshot der Edge-Oberfläche bei der Entstehung unserer WOOMERA 404 Animation:

Folgendes ist eine kleine Spielerei, die ohne jegliche align-Funktion und mit den einfachen Zeichenfunktionen (Rechteck und abgerundetes Rechteck) von Adobe Edge entstanden ist: (Hinweis: Edge-Animationen werden am besten in Webkit-Browsern wie Chrome oder Safari dargestellt und laufen daher im Firefox nicht korrekt.)

Der von Edge generierte Code ist momentan noch etwas unelegant, so wird eingebundener Text z.B. einfach in div-Boxen verpackt und bekommt leider keine üblichen Tags wie etwa h1, h2, p etc. Wir sind gespannt, wie die finale Version von Adobe Edge aussieht und ob oder in wie weit sich das Tool in unseren Workflow einbinden wird.
Wer sich genauer Informieren oder Edge kostenlos herunterladen möchte, der werfe einen Blick in die Adobe Labs.
edit: Adobe hat Edge Preview 2 veröffentlicht. Ein Update zu den Neuerungen kommt…