An introduction to Edge Reflow

Default avatar.
April 02, 2013
An introduction to Edge Reflow.

ThumbnailEdge Reflow is one of the exciting new weapons in Adobe's ever-expanding Creative Suite arsenal; helping to bring the modern web's powerful features within reach for designers.

Reflow is designed to help creatives work towards the holy grail of current web design standards: responsive design. Previously only possible for the HTML-savvy, now everyone can produce sites that rearrange themselves for different devices.

As well as being enormously beneficial to designers, developers looking to quickly prototype more advanced responsive layouts will also find it useful.

In today's guide, we'll be walking through some of the basic tools and techniques you can use in Reflow to create awesome responsive designs quickly and easily. Along the way, you'll learn the following techniques to apply to your own projects:

  • Construct a flexible website design using Reflow's box, text and image tools
  • Find the "breakpoints" of your design, and adjust your layout to display your content how you wish according to the window width
  • Make your design bulletproof to mobile and tablet devices
  • Test and trial your responsive layout using Reflow's in-app browser, as well as real-world browsers.

Are you working with Adobe Edge Reflow? How effective a tool have you found it? Let us know in the comments.

Sam Piggott

Sam Piggott is a young digital designer and self-confessed jack-of-all-trades from London, UK. When he's not designing/coding/drinking copious amounts of coffee, Sam loves learning new software and air-drumming to whatever's on Spotify. Follow him on twitter @Sam_Piggott.

Read Next

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…