Logo von Developer

Suche
61

HTML5-Animationswerkzeug von Adobe

Animationen sind eine der Neuerungen im irgendwann einmal kommenden CSS3. Adobe präsentiert nun mit Edge ein Werkzeug, mit dem sie sich samt Übergängen interaktiv erstellen lassen. Die im Labs-Bereich des Softwareherstellers für Windows und OS X verfügbare Preview erlaubt bislang das Animieren von Texten und Rechtecken.

Anzeige

Dazu definiert der Designer Zustände, die die Objekte zu einem bestimmten Zeitpunkt haben sollen. Edge erzeugt die dafür nötigen Übergänge automatisch. Auf deren Details kann man Einfluss nehmen, sodass etwa ein Rechteck nicht einfach von oben herabfällt, sondern wie ein Gummiball auf- und abspringt, bevor es zur Ruhe kommt.

Das von der Software erzeugte CSS enthält mangels gültiger Standards noch Browser-Präfixe wie "webkit" und "moz" für die jeweiligen Eigenschaften. Die JavaScript-Dateien bestehen aus einem Klartext-Teil, der nur Objekte definiert, und einem minimierten Part mit den benötigten Funktionen. Außerdem verwendet Edge das JavaScript-Framework jQuery 1.4.2 und das zuletzt 2007 aktualisierte jQuery-Plug-in Easing. jQuery 1.4.2 erschien Anfang 2010, zurzeit verteilen die Entwickler Version 1.6.2.

Siehe dazu auch:

(ck)

61 Kommentare

Themen:

  1. Brackets 1.0: Adobes Code-Editor für HTML, CSS und JavaScript

    Adobes Code-Editor Brackets springt auf Version 1.0

    Adobes vor über zwei Jahren gestarteter Editor zur Entwicklung mit HTML, CSS und JavaScript hat den für Open-Source-Entwicklungen wichtigen Schritt auf die Version 1.0 vollzogen.

  2. jQuery 3.0: Entwickler werden weiterhin zwei Versionen anbieten

    jQuery 3.0: Entwickler werden weiterhin zwei Versionen anbieten

    Die Entwickler der freien JavaScript-Bibliothek halten an ihrer Release-Politik fest, eine sich auch an ältere und eine sich an neue Browser richtende Version zu veröffentlichen. Nur werden sie nun im Namen deutlicher voneinander getrennt.

  3. Episode 43: Single Page Apps mit AngularJS

    Eine Podcast-Episode über flexible Client-Architekturen für Desktop, Mobil und Browser – am Beispiel von AngularJS.

  4. Quellen des Kendo UI Core freigegeben

    Quellen des Kendo UI Core freigegeben

    Interessierte JavaScript-Entwickler haben nun Zugriff auf einen Teil des Codes von Teleriks Framework zur Entwicklung mit HTML5 und jQuery. Im öffentlichen Projekt-Repository sind unter anderem Notfication- und Window-Widgets enthalten.

Anzeige