Responsive Web Design Made Simple with Adobe Edge Reflow
Written by Aaron Lumsden on 27 Sep 2012
Recently Adobe announced the launch of their Edge tools and services. Amongst them was a tool that Adobe have been keeping under their belts, Edge Reflow.
Adobe Edge Reflow.
Edge reflow makes it easier to create responsive web designs. It comes in the form of a visual editor which lets you create breakpoints for different screen or device resolutions. Once you’ve done this you can then add CSS styles to each element including styles such as CSS3 gradients. You can also ad background images to an element too. Although full designs can be achieved, from the promo it looks like it would be more handy for creating a HTML/CSS wireframe type structure for your responsive sites.
Adobe describe Edge Reflow as
“Create truly responsive layouts thanks to an intuitive user interface. Design simultaneously for all screen sizes without sacrificing quality or capability.”
Once you’ve created the layouts you can then export the code into your favourite editor.
Adobe’s Senior Product Manager, Jacob Surber explains the benefits of Edge Reflow.
There’s no news from Adobe as to when it will be available but you can sign up to be notified of when it’s available.
An Introduction to CSS Variables
A Brief History of the World Wide Web
Recreate Path’s IOS Style Navigation Using HTML, CSS3 & Jquery
