Logo von Developer

Suche
Christian Kirsch 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.

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:

Anzeige
  1. Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    heise Developer fasst jede Woche bisher vernachlässigte, aber doch wichtige Nachrichten zu Tools, Spezifikationen oder anderem zusammen – dieses Mal u.a. mit jQuery, GCC und RethinkDB.

  2. Adobe benennt Flash Professional um

    Adobe

    Das Creative-Cloud-Werkzeug soll ab Anfang nächsten Jahres "Animate CC" heißen und gleichberechtigt HTML5- und Flash-Animationen erstellen können.

  3. Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    heise Developer fasst jede Woche bisher vernachlässigte, aber doch wichtige Nachrichten zu Tools, Spezifikationen oder anderem zusammen – dieses Mal u.a. mit DartPad, einem C++-Plug-in für SonarQube und Neuerungen in Python 3.5.

  4. Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    heise Developer fasst jede Woche bisher vernachlässigte, aber doch wichtige Nachrichten zu Tools, Spezifikationen oder anderem zusammen – dieses Mal u.a. mit Genuino, V8, Rails und einem Refugee Hackathon.

  1. CSS3-Animationen mit und ohne JavaScript

    Dreidimensionale Objekte sind die Spezialität von Tridiv (Abb. 2)

    Moderne Web-Applikationen setzen vermehrt auf Animationen. Dank CSS3 und entsprechender Frameworks wie Animate.css und Magic lassen sie sich mittlerweile vergleichsweise einfach umsetzen und das häufig sogar völlig ohne JavaScript.

  2. Tipps und Tricks für AngularJS, Teil 4: Animationen in AngularJS 1.4

    ngAnimate-Animationsvarianten

    Animationen geben Webangeboten einen dynamischen Anstrich. Um ihre Beliebtheit wissen auch die AngularJS-Autoren, weshalb in Version 1.4 einige neue Features zur Integration bewegter Elemente und deren Steuerung zu finden sind.

  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.

  1. US-Justiz: Algorithmen benachteiligen systematisch Schwarze

    US-Justiz: Algorithmen benachteiligen systematisch Schwarze

    In den USA wird seit Jahren Software eingesetzt, die anhand verschiedener Faktoren das Rückfallrisiko von Angeklagten berechnen soll. Die funktioniert aber gar nicht so gut und bewertet vor allem Afroamerikaner systematisch zu schlecht.

  2. Google I/O: Android im Auto ist nicht Android Auto

    Roter Sportwagen

    Google bringt Android ins Auto und Android Auto auf Android-Handys. Aber Letzters nicht überall. Alle Klarheiten beseitigt?

  3. Oracle vs. Google: Plädoyers sprechen von "Fair Use" oder "Diebstahl"

    Oracle vs. Google: Plädoyers sprechen von "Fair Use" oder "Diebstahl"

    Fair Use oder nicht – darüber muss die Jury nach den Plädoyers durch die Vertreter von Google und Oracle nun eine Entscheidung finden. Das könnte zu einem für die gesamte Softwareindustrie folgenschweren Urteil führen.

  4. AMC Pacer: Bohemian Schnapsidee

    Klassiker

    Verneigen wir uns vor einem Auto, das es nie hätte geben dürfen: der AMC Pacer war ein ganzheitlicher Fehlgriff. Er ging so schief, dass man ihn schon wieder gern haben muss. Die Geschichte eines Kleinwagens mit sehr großen Motoren

Anzeige