Adobe Edge: Animationen mit HTML, CSS und JavaScript

Mit Adobe Edge veröffentlicht Adobe eine erste Version eines zukünftigen Tool, das zur Erstellung von Animationen für HTML-Seiten gedacht ist. Da lediglich HTML, JavaScript und CSS verwendet werden, können die Animationen sowohl auf aktuellen Desktop-Browsern als auch auf mobilen Devices ohne Flash Player abgespielt werden (z.B. iPhone, iPad).

Adobe Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

Wie bereits vor einiger Zeit verkündet zeigt Adobe hiermit, dass sie neben Flash auch im Bereich HTML5 entsprechend unterstützen werden (ist auch logisch, da Adobe ja an den Tools verdient und nicht an den Runtimes).

Adobe positioniert Edge als Tool für Werbung, einfache Animationen und Motiondesign, während Flash für umfangreiche Anwendungen angepriesen wird („Immersive interactive experiences, mobile applications, gaming, premium video, advertising”).

Adobe Edge: Animationen mit HTML, CSS und JavaScript weiterlesen

Transitions: Animierter Button in Flex 4

Aufbauend auf dem Artikel Button-Skinning mit Flex 4 folgt ein Beispiel-Button mit animierten Übergängen.

Im Normalzustand ist der Button klein und man sieht nur ein Icon. Fährt man mit der Maus über die Schaltfläche, wird sie breiter und die Beschriftung erscheint.

Neben den Übergangsanimationen wird auch gezeigt, wie man einzelne Grafiken/Elemente gezielt nur in bestimmten States anzeigen oder ausschließen lassen kann.

Transitions: Animierter Button in Flex 4 weiterlesen

12 Animations-Tutorials für Flash CS4

Animation Flash CS4 Guide

Auf der Entwickler-Website von Adobe, der Adobe Developer Connection, wurde ein „Animation Learning Guide for Flash CS4 Professional” veröffentlicht. In insgesamt zwölf Tutorials erklären Jen deHaan und John Mayhew verschiedene Animationstechniken in Flash CS4.

Adobe Flash CS4 Professional offers several ways to include animation in your projects. The Animation Learning Guide for Flash explains how to use all of these animation types in Flash CS4 Professional, including the new and improved way of creating and editing motion tweens using the timeline and Motion Editor.

12 Animations-Tutorials für Flash CS4 weiterlesen