If you are an Adobe Creative Cloud user today you can download a new tool called Adobe Edge Reflow. I got to see a little about how Edge Reflow works and it looks like it's going to be a huge boon to web designers who are trying to create responsive designs.
What you can't really see in the image above is how it changes depending upon the width of the device. This is represented by the multi-colored bar at the top. The screen is in full desktop mode, but if you narrow the width, you can create separate layouts for 800px-wide screens, 650px-wide, and 480px-wide or less screens. Then as you narrow and widen the screen you can see how the design responds to the width. You can create a multi-column layout for your default largest width browsers, and roll it down to just one column for the smaller devices and phones. And you do this all with the same content and in the same place. It helps you create and maintain the same content no matter the device width with ease.
But Adobe released more than just Reflow today. There are also a bunch of improvements to Dreamweaver for Creative Cloud members. Some of the things I'm looking forward to include:
- Integration with Edge Web Fonts
Now it will be even easier to use web fonts within Dreamweaver
- HTML5 form elements
I've been using these for years, and all I can really say is finally!
- Updates to the fluid grid features
Hopefully this will make this system even easier to use.
Image courtesy Adobe