Adobe Edge Neue Generation von HTML5-Werkzeugen

Adobe hat neue Werkzeuge und Dienste rund um HTML5 gestartet, die unter dem Namen Adobe Edge angeboten werden. Dazu zählen Edge Animate 1.0, Edge Inspect 1.0 alias Shadow und Phonegap Build 1.0 sowie Edge Web Fonts und eine Vorschau von Edge Code und Edge Reflow. Zum Start lockt Adobe mit einem kostenlosen Download.

Edge Animate 1.0 ist ein Animationswerkzeug, mit dem sich interaktive Webinhalte mit HTML5, Javascript und CSS gestalten lassen. Die Software basiert auf der Browserengine Webkit, enthält einen Timeline-Editor samt Keyframe-Unterstützung und erzeugt letztendlich Code, der in allen modernen Browsern läuft - sowohl auf dem Desktop als auch auf mobilen Plattformen wie iOS und Android.

Mit Edge Inspect kommt ein Werkzeug hinzu, mit dem sich HTML-Inhalte untersuchen, debuggen und in einer Vorschau auf mobilen Endgeräten betrachten lassen. Entwickelt wurde Edge Inspect unter dem Namen Shadow, das auf Basis von Weinre einen Blick auf die Javascript-Konsole und das DOM mobiler Browser ermöglicht.

Auch Phonegap Build wurde in die Edge-Familie integriert. Dabei handelt es sich um einen Dienst, der auf Basis der Open-Source-Software Phonegap Apps für diverse mobile Betriebssysteme auf Grundlage von Web-Apps erzeugt, so dass die Apps wie native Apps über die jeweiligen Appstores vertrieben werden können. Phonegap selbst stellt dabei auch einige native APIs bereit, auf die normale Web-Apps keinen Zugriff haben. Phonegap Build übernimmt die Erzeugung der App-Pakete und erspart Entwicklern so einiges an Handarbeit.

Edge Animate

Mit Edge Web Fonts gehört auch ein freier Dienst mit Webfonts zur Edge-Familie. Er umfasst eine Reihe von Open-Source-Schriftarten, die auf Webseiten und in Apps verwendet werden können. Ergänzt wird dieser Dienst durch das kostenpflichtige Angebot Typekit.

Der Code-Editor Edge Code ist nur in einer Vorschauversion verfügbar, basiert auf Adobes Open-Source-Projekt Brackets und ist speziell für die Webentwicklung optimiert. Edge Code versteht den Zusammenhang zwischen HTML, CSS und Javascript, bietet eine CSS-Live-Vorschau und integriert visuelle Werkzeuge.

Noch gar nicht erhältlich, von Adobe aber vorab schon einmal gezeigt worden ist Edge Reflow, ein Werkzeug für Responsive Web Design, mit dem sich Layouts und visuelle Designs mit CSS erstellen lassen. Eine Vorschauversion von Edge Reflow will Adobe bis Jahresende veröffentlichen.

Adobe Edge Tools & Services erstmal kostenlos

Die Edge Tools & Services bietet Adobe als Teil seiner Creative Cloud an. Einzeln soll das Paket einmalig 499 US-Dollar oder 14,99 US-Dollar pro Monat kosten. Um Entwickler und Designer aber erst einmal dazu zu bringen, die neuen Werkzeuge auszuprobieren, bietet Adobe Edge Animate für kurze Zeit kostenlos zum Download an.