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. Creative Cloud: Adobe baut Web-Design-Workflow aus

    Die Bedienoberfläche des Web-Design-Tools Muse lehnt sich an DTP-Programme an und empfielt sich daher für InDesign-Nutzer.

    Einige Web-Werkzeuge der Creative Cloud sind Work-in-Progress, weshalb sich Edge Reflow und Edge Code immer noch im Preview-Status befinden und kostenlos nutzen lassen. Mit dem Release der Creative Cloud 2014 tut sich aber einiges.

  2. Photoshop & Co.: Adobe aktualisiert Design-Programme der Creative Cloud

    In Illustrator hat Adobe die Handhabung von Bézier-Kurven, das Transformieren-Werkzeug und den Austausch mit Web-Tools ausgebaut.

    Adobe hat neue Versionen für 14 Programme vorgestellt, darunter die klassischen Designer-Tools Photoshop, Illustrator und InDesign. Abonnenten der Creative Cloud können die aktuellen Funktionen in Kürze nutzen.

  3. Adobe kommt mit Umbau voran

    1,84 Millionen Nutzer zählt Adobe bei seinen Diensten mit online vertriebener Mietsoftware, 400.000 mehr als vor drei Monaten.

  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. jQuery serverseitig

    jQuery lässt sich dank entsprechender Module auch serverseitig unter Node.js verwenden. Generell gilt auf dem Webserver wie auch im Webbrowser, dass man jQuery jedoch nicht wahllos verwenden sollte.

  3. Offlinefähige und mobile Webanwendungen mit HTML5 und JavaScript-APIs

    Bei der Vielfalt an verfügbaren Endgeräten ist und bleibt der kleinste gemeinsame Nenner mobiler Anwendungen eine Kombination aus HTML und JavaScript. Dieser Artikel zeigt Ansätze zur Entwicklung mit JavaScript-Frameworks, dem HTML5 Web Storage und dem HTML5 Application Cache.

  1. Vintage Computing Festival: Computern ohne Trinkbecherhalter

    Vintage Computing Festival: Computern ohne Trinkbecherhalter

    Vom 1. bis 3. Mai findet in München das 16. VCFE statt, das Festival für die Freunde älterer Rechner. Die unverzagten Hobbyisten alter Schule zeigen diesmal die "Bits von unten".

  2. Erdbeben in Nepal: Google und Facebook richten Personensuche ein

    Erdbeben in Nepal: Google und Facebook richten Personensuche ein

    In Nepal haben Erdbeben für schwere Verwüstungen gesorgt und viele Menschenleben gefordert. Bei der Suche nach Angehörigen in der Region wollen Facebook und Google helfen, während Openstreetmap seine Karten aktualisieren will.

  3. c't uplink 6.3: Gekaufte Blogger, Langzeit-Linuxe, Hardware-Tricks und -Mythen

    c't uplink 6.3: Gekaufte Blogger, Langzeit-Linuxe, Hardware-Tricks und -Mythen

    In der jüngsten Folge unseres Podcasts, erklärt Nico Jurran, wie Konzerne scheinbar unabhängige Blogger als Werbepartner rekrutieren. Dann erklären wir, welche Linux-Distributionen man jahrelang nutzen kann und welche Hardware-Tricks am PC funktionieren.

  4. c't uplink 6.1: Raspberry-Ideen, 150-Euro-Smartphones und Schnüffel-Apps

    c't uplink 6.1: Raspberry-Ideen, 150-Euro-Smartphones und Schnüffel-Apps

    Im Podcast aus Nerdistan stellen wir in dieser Woche einige Ideen für den Raspberry Pi 2 vor. Außerdem besprechen wir, was günstige günstige Smartphones wirklich taugen und wie man die Neugier von Apps begrenzt.

Anzeige