Adobe Edge Reflow: Basics

Edge Reflow is a brand-new tool that helps designers plan and create responsive websites - that is, a site that responds to the screen that it finds itself on. Done right, responsive design makes your content look fabulous, no matter if it is viewed on a desktop, tablet or smartphone screen. This video shows you not only how to create a responsive web design with Reflow - but WHY you want to use certain tools and settings. And most importantly, how the setting for one element on your page can wind up affecting the display of all the other elements on your page.

Instructor Avatar

David LaFontaine

Release Date: 2015-04-16

Lessons

Intro to Reflow and the concepts of Responsive Web Design

Duration: 2 mins 55 seconds

Why should I use Edge Reflow?

Duration: 8 mins 24 seconds

How does responsive design work in Reflow?

Duration: 4 mins 20 seconds

Learning the interface

Duration: 8 mins 6 seconds

Setting up a responsive page

Duration: 8 mins 36 seconds

Inserting an image into your design and making it responsive

Duration: 13 mins 19 seconds

Adding an image as a background to a Div

Duration: 6 mins 33 seconds

Responsive background image settings

Duration: 6 mins 29 seconds

Styling multiple elements to respond

Duration: 12 mins 17 seconds

Adding hyperlinks and working with text

Duration: 10 mins 6 seconds

Previewing and exporting your project

Duration: 4 mins 31 seconds