Adobe veröffentlicht neue Generation von HTML5-Webtools in der Creative Cloud

Adobe veröffentlicht neue Generation von HTML5-Webtools in der Creative Cloud

Shantanu Narayen, President and Chief Executive Officer Adobe. (Bild: Adobe)

Zürich – Adobe Systems hat heute die erste öffentliche Preview-Version von Adobe® Edge Reflow bereitgestellt. Adobe Edge Reflow ist ein Designtool für das Responsive Web, welches Designer und Entwickler bei der Erstellung von Web-Content für unterschiedliche Geräte und Auflösungen unterstützt. Zusätzlich wurden Funktions-Updates für Adobe Edge Animate, Adobe Dreamweaver® und Adobe Edge Code Preview 3 zur Verfügung gestellt. Diese aktuellen Produktveröffentlichungen sind exklusiv für Mitglieder der Adobe Creative Cloud™ zugänglich.

Erste Preview-Version von Adobe Edge Reflow
Adobe Edge Reflow ist ein neues Werkzeug für Responsive Webdesign, mit dem sich Layouts und visuelle Designs mit CSS gestalten lassen. Die Preview von Reflow kann ab sofort über die Creative Cloud bezogen werden. Reflow setzt keine fest definierte Breite des Gestaltungsbereichs voraus. Die Software ermöglicht erstmalig ein intuitives und visuelles Erarbeiten von Layouts, die sich dynamisch an verschiedenste Darstellungsbreiten anpassen. Adobe Edge Reflow selbst wurde vollständig mit HTML, CSS und JavaScript umgesetzt. Da die Software von der Browserengine WebKit dargestellt wird, arbeiten die Anwender an der Echtdarstellung ihrer Designs. Zusätzlich gibt es eine Live-Vorschau im Browser und die synchronisierte Anzeige des Entwicklungsstands auf verschiedenen Geräten wie Smartphones und Tablets via einer Edge Inspect Extension. Ferner ist die Extraktion von CSS-Code für die Verwendung in Edge Code, Dreamweaver oder anderen Code-Editoren möglich.

Wichtiger Hinweis: Edge Reflow wird heute als Preview-Version in einem sehr frühen Entwicklungsstadium vorgestellt. Die Software entspricht damit keinem finalen Funktionsumfang. Adobe bittet ausdrücklich um Feedback der Nutzer-Community, um die Entwicklung des Produktes weiter voran zu treiben unter https://github.com/edge-reflow/issues.

Updates für die «Adobe Edge Tools & Services»-Familie und Dreamweaver
Des Weiteren kündigte Adobe ein Update für Adobe Edge Animate an, welches das Animationswerkzeug um neue CSS-basierende Funktionen wie Farbverläufe, CSS Filters und eine erweiterte Font-Unterstützung ergänzt. Nutzer haben ab sofort die Möglichkeit, beim Gestalten und Animieren von Elementen auf radiale oder lineare Farbverläufe zurückzugreifen. Zusätzlich wird die Auswahl der Web-Fonts durch die Darstellung im neuen Vorschaufenster erleichtert. Neu ist die Möglichkeit, in Edge Animate die Anwendung von CSS Filters auf Elemente zu definieren, womit fortschrittliche Effekte in modernen Browsern möglich werden. Dies umfasst unter anderem Weichzeichnungs-, Graustufen-, Sepia-, Helligkeits-, Kontrast-, Farbton-, Umkehren- und Sättigungsfilter. Bisher waren solche Filtereffekte ausschliesslich über die Nutzung von Werkzeugen wie Adobe Photoshop® realisierbar.

Zeitgleich bietet Adobe allen Mitgliedern der Creative Cloud ein Update für Adobe Dreamweaver, welches das Zusammenspiel mit den Werkzeugen der «Adobe Edge Tools & Services»-Familie verbessert und diverse neue Funktionen mit sich bringt, welche die Arbeit am Code und Entwicklungsworkflows verbessern. Die Funktion Fluid Grid Layout, die seit der CS6-Version integriert ist, wurde überarbeitet. Innerhalb der neuen Bearbeitungsoberfläche können Entwickler jetzt zusätzlich zu ID-Tags auch Class-Tags nutzen. Weiterhin können Edge Web Fonts ab sofort unkompliziert vorab gesichtet, ausgewählt und in Dreamweaver-Projekte eingebunden werden.

Die bereits veröffentlichte Preview von Adobe Edge Code beinhaltet Features wie Live-Development, welches Änderungen im Code sofort bei der Bearbeitung im Browser sichtbar macht, sowie Quick Edit, das es erlaubt, Code im Kontext zu ändern, ohne zwischen einzelnen Dateien hin und her wechseln zu müssen. Die heute erschienene Adobe Edge Code Preview 3 bietet nun auch Code-Hinweise zu CSS-Eigenschaften sowie HTML-Tags und -Attributen. Damit wird Adobe Edge Code zu einem noch effektiveren Werkzeug für Webdesigner und –entwickler, die mit Webstandards arbeiten.

«Durch sich rasant weiterentwickelnde Webstandards und die steigende Anzahl unterschiedlich auflösender Geräte steigen die Anforderungen an Webdesigner und –entwickler», sagt Paul Gubbay, Vice President für Product Development im Bereich Digital Media bei Adobe. «Mit der Adobe Creative Cloud können wir unseren Kunden die neuesten Produktinnovationen sofort nach deren Fertigstellung anbieten. So helfen wir Designern und Entwicklern, die aktuellen Herausforderungen des modernen Web zu bewältigen und Webseiten sowie interaktiven Content für aktuelle Browser und verschiedene Bildschirmgrössen zu erstellen.»

Preise und Verfügbarkeit
Eine Adobe Creative Cloud-Mitgliedschaft kostet 65 CHF (exkl. MwSt.) monatlich innerhalb eines Jahresvertrages. Ein Upgrade für bestehende Creative Suite-Kunden (ab CS3) ist für 39 CHF (exkl. MwSt.) im Monat mit Jahresabonnement verfügbar. Die neue Creative Cloud für Teams ist für 89 CHF (exkl. MwSt.) monatlich im Rahmen eines Jahresvertrages pro Arbeitsplatz erhältlich.

Ein Upgrade für bestehende Creative Suite-Kunden (ab CS3) ist auch für Teams verfügbar und kostet bei einem Jahresvertrag 65 CHF (exkl. MwSt.) im Monat für das erste Jahr pro Arbeitsplatz. Lizenzen für Schüler, Studierende und Lehrende sind ebenfalls erhältlich. Mehr Informationen dazu sind abrufbar unter http://www.adobe.com/ch_de/products/creativecloud.html.

Die Updates für Adobe Edge Reflow Preview, Edge Animate, Dreamweaver und Edge Code Preview sind für Mitglieder der Creative Cloud ab sofort verfügbar. Weiterführende Informationen zu Adobe Edge Reflow stehen unter folgendem Link zur Verfügung: html.adobe.com/edge/reflow. Feedback zu Adobe Edge Reflow kann unter dem folgendem Link abgegeben werden: http://forums.adobe.com/community/edge_reflow_preview.

Weiterführende Informationen zu Adobe Edge Animate, Adobe Dreamweaver, Edge Code Preview und weitere Werkzeuge in der Adobe Creative Cloud sind unter folgendem Link zu beziehen: www.adobe.com/products/creativecloud.html. (Adobe/mc/ps)

Über Adobe Systems
Adobe revolutioniert unseren Umgang mit Ideen und Informationen – zu jeder Zeit, an jedem Ort und durch unterschiedliche Medien. Weitere Informationen sind unter www.adobe.ch abrufbar.

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert