HTML5 web tools sharpen in Adobe stable

Adobe is reaching out to web developer/designer types with a new tool called Edge Reflow designed to ease the pain of producing web applications and content suitable for fitting a variety of screen sizes.

Jump to 1:11 in the above video to see the Edge Reflow tool working

Shipping in the firm’s Creative Cloud service, Edge Reflow features a “resizable design surface” intended to show how layouts and visuals will adapt to different screen sizes on different devices.

Applications can be previewed in the browser and subjected to design inspection through the real-time Edge Inspect extension. The developer can then extract the CSS for use in Edge Code (a tool which has also been updated), Dreamweaver or any code editor.

During the current preview period, Adobe is actively seeking user feedback for Edge Reflow in order to help evolve the product. Users are encouraged to submit their feedback to Adobe through Github at

In addition, Adobe delivered an update to Adobe Dreamweaver that the firm hopes will improve interoperability with the Adobe Edge tools & services family and includes several new features to enhance code authoring ability and workflow.

The firm says that fluid grid layout (a feature first introduced with Adobe Dreamweaver CS6) now allows developers to leverage class tags in addition to ID tags and features a new editing interface.

Paul Gubbay, vice president of product development, digital media business at Adobe has suggested that the job of a web designer and developer has become more challenging, with web standards progressing rapidly (and HTML5 changing the game every day) and the number of screen sizes and form factors increasing exponentially.

“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,” said Gubay.

You can read a good in-house Adobe blog on this subject written by Jacob Surber here — an extract is shown below…

Today, it’s almost a forgone conclusion that your next web project will not be desktop only. The real question becomes: how have you adapted your workflow to handle the evolving needs of your customers? Many people have chosen ‘Responsive Web Design’ as a way to tackle this challenge. However, RWD is a philosophy based on a collection of approaches rather than a one-stop solution. There are two common ways to deal with this challenge. You can either design in the browser or use an existing design tool.