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. Developer Snapshots: Programmierer-News in ein, zwei Sätzen

    heise Developer fasst einmal in der Woche bisher vernachlässigte, aber doch wichtige Nachrichten zu Werkzeugen, Spezifikationen oder anderem zusammen – dieses Mal u.a. mit Compser, p5.js, qbs, der SQL Server Compact/SQLite Toolbox und Xamarin.

  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. Selbstläufer

    Unterwegs im Porsche Macan S Diesel

    Porsche hat mit dem Macan offenbar einen Volltreffer beim Geschmack der Kunden gelandet. Die Deutschen greifen zu rund 70 Prozent zur Selbstzünderversion, die ab 59.120 Euro zu haben ist. Wir stiegen in den Macan S Diesel um ein Gespür dafür zu kriegen, was dieses Auto so attraktiv macht

  2. Von blutig bis gruselig: Das bedeuten Altersfreigaben für Spiele

    Ego-Shooter 'Call of Duty'

    Nicht immer geht es in Computerspielen um Fußball und unbeschwerte Abenteuer, sondern oft um Gewalt und Horror. In Kinderhände gehören solche Titel nicht. Hinweise darauf geben Altersfreigaben der USK - doch was bedeuten die bunten Zeichen genau?

  3. Smartwatch-Batterien im Armband

    Smartwatch-Batterien im Armband

    In der neuen Produktkategorie der intelligenten Uhren ist wenig Platz für die Stromversorgung, was ihre Laufzeit begrenzt. Abhilfe soll jetzt flexible Akkutechnik bringen.

  4. Zulassungszwerge: Zwischen Auslaufmodell und Luxusmobil

    Die Zulassungszahlen für Neufahrzeuge machen dem Autohandel wieder mehr Freude. 291.396 Bundesbürger ließen im April ein neues Auto zu. Wie seit Jahrzehnten steht der VW Golf an erster Stelle. Am Tabellenende stehen zehn Modelle, die im April maximal drei Neue auf die Straße brachten

Anzeige