Edge Reflow HTML5-Tool für Responsive-Webdesign von Adobe

Adobe hat mit Edge Reflow ein neues Werkzeug für Responsive-Webdesign veröffentlicht. Damit lassen sich Webinhalte erstellen, die sich der Displaygröße anpassen. Zudem wurden Edge Animate, Dreamweaver und Edge Code Preview erweitert.

Webentwickler und -designer können Adobe Edge Reflow Layout und visuelle Designs mit CSS erstellen, die sich nahezu jeder Displaygröße anpassen. Die Software verfügt über eine in der Größe anpassbare Designoberfläche, die direkt anzeigt, wie ein Layout bei entsprechender Displaygröße aussieht. Zudem können die erstellten Designs direkt im Browser zur Vorschau geöffnet werden. Dort kann der Code in Echtzeit mit der Erweiterung Edge Inspect untersucht werden. Zudem lässt sich der CSS-Code zur Weiterverwendung in Edge Code, Dreamweaver und andere Editoren exportieren.

Edge Reflow steht ab sofort in einer Preview-Version kostenlos über Adobes Creative Cloud zum Download bereit.

Zugleich hat Adobe sein HTML5-Animationswerkzeug Edge Animate um neue CSS-Funktionen erweitert. So unterstützt Edge Animate nun Farbverläufe, CSS-Filter und eine bessere Integration von Webfonts.

Dreamweaver wurde ebenfalls aktualisiert und soll nun besser mit den Edge-Werkzeugen und -Diensten zusammenarbeiten. Allerdings steht das Update nur Abonnenten der Creative Cloud zur Verfügung.