Web

Professionell und kostenlos

HTML5-Tools für Web-Entwickler

28.09.2011
Von 
Diego Wyllie hat Wirtschaftsinformatik an der TU München studiert und verbringt als Softwareentwickler und Fachautor viel Zeit mit Schreiben – entweder Programmcode für Web- und Mobile-Anwendungen oder Fachartikel rund um Softwarethemen.

Adobe Edge

Adobe Edge
Adobe Edge
Foto: Diego Wyllie

Mit "Adobe Edge” stellt der Multimedia-Riese ein neues Tool zur Animation und zum Interaktions-Design für Webseiten zur Verfügung, mit dem sich Flash-ähnliche Inhalte auf Basis von HTML5, JavaScript und CSS3 realisieren lassen. "Das Tool hilft Web-Entwicklern bei der Erstellung von Web-Inhalten, die ohne die Software nur aufwändig, fehleranfällig und mit vielen Detailkenntnissen von Hand zu produzieren sind”, so André Jay Meissner, Business Development Manager Web Technologies bei Adobe. Die Lösung verfügt über einen fortgeschrittenen Editor auf Basis einer Timeline, der in Anlehnung an Adobe After Effects gestaltet wurde. Der Fokus, so Meissner, liegt dabei auf Produktivität und reibungsloser Bedienbarkeit.

Die Software arbeitet nativ mit HTML. Nutzer können auf diese Weise Bewegung zu existierenden HTML-Inhalten hinzufügen, ohne das Design CSS-basierter Layouts zu beeinträchtigen. Zudem ermöglicht die Anwendung, visuell reichhaltige Inhalte von Grund auf zu erstellen. Dabei kommen bekannte Zeichentools zum Einsatz, die HTML-Elemente aus CSS3-Stilen erzeugen. Anwender können zudem standardisierte Ressourcen wie beispielsweise SVG-, PNG-, JPG- und GIF-Dateien importieren und sie über CSS3 beeinflussen. Die Bühnendarstellung verwendet die WebKit-Engine, um Design, Vorschau und Bearbeitung von Inhalten mit der gleichen Genauigkeit zu realisieren, die man von Flash gewohnt ist.

Das Tool ist für die Betriebssysteme Windows und Mac OS X erhältlich und wird zurzeit als Preview-Version (2.0) auf Adobe Labs zum kostenlosen Download angeboten. Nach Angaben des Herstellers wird das erste Release 1.0 erst nächstes Jahr erscheinen.