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. Studie: Elektroautofahrer sind mit ihrem Gefährt hochzufrieden

    Studie: Elektroautofahrer sind mit ihrem Gefährt hochzufrieden

    Viele Nutzer eines Elektrofahrzeugs empfehlen es weiter, sich solch ein Gefährt anzuschaffen.

  2. Desinfec't 2015 erscheint Mitte Juni

    Desinfec't 2015

    Booten, Scannen, Reinigen: Dank Easy-Scan geht die Virenjagd mit Desinfec't noch einfacher und flotter von der Hand. Im Profi-Modus suchen wie gewohnt bis zu vier Virenscanner die gesamte Platte nach Schädlingen ab.

  3. Elektro-Rennwagen: Impressionen von der Formula E in Berlin

    Und Action! Bilder und Video vom Berlin ePrix der Formula E

    In Berlin ist an Pfingsten das einzige deutsche Rennen der neuen FIA-Rennserie für rein elektrisch angetriebene Formel-Fahrzeuge ausgetragen worden. heise online nimmt Sie noch einmal mit an die Rennstrecke und zeigt die Arbeit in der Boxengasse.

  4. Deutschland und Indien gemeinsam gegen Cyber-Terrorismus

    Deutschland und Indien gemeinsam gegen Cyber-Terrorismus

    Bundesverteidigungsministerin Ursula von der Leyen tourt gerade durch Indien. Dort sprach sie unter anderem über eine Kooperation bei der Cyber-Sicherheit.

Anzeige