Adobe Systems Inc. has announced a public preview of Adobe Edge Reflow, a new responsive design tool for Web designers and developers, and new feature updates for Adobe Edge Animate, Adobe Dreamweaver and Adobe Edge Code preview.
The product releases are available exclusively to Adobe Creative Cloud members.
Adobe Edge Reflow is a responsive Web design tool for creating layout and visual designs with CSS, According to the vendor, it features an intuitive resizable design surface that shows how layouts and visuals will adapt to different screen sizes. Users can create high fidelity Web designs on the application’s native Web surface, users can preview in the browser, inspect their design in real-time via Edge Inspect extension, and extract the CSS for use in Edge Code, Dreamweaver or any code editor.
Among the feature updates announced, Adobe Edge Animate has new CSS-based features, including gradients, CSS filters, and enhanced font support so users can style and animate elements using radial or linear gradients, and preview Edge Web Fonts live in a new interface. Adobe Dreamweaver has improved interoperability with the Adobe Edge Tools & Services family and includes several new features to enhance code authoring ability and workflow. Finally, the preview release of Adobe Edge Code includes tools for live development, quick edits, and code hinting for CSS properties and HTML tags and attributes.
“The job of a Web designer and developer has become more challenging, with Web standards progressing rapidly and the number of screen sizes and form factors increasing exponentially,” said Paul Gubbay, vice-president of product development, for Adobe’s digital media business, in a statement. “Adobe Creative Cloud enables our teams to deliver product innovation to our customers the moment that new features are ready, helping designers and developers tackle the new challenges of the modern Web and more seamlessly create websites and interactive content for the latest browsers and different screen sizes.”