Creating a Responsive Design with Edge Reflow

with Paul Trani
please wait ...
Creating a Responsive Design with Edge Reflow
Video duration: 0s 1h 37m Beginner


Learn how to create responsive web designs that look and work great on desktops, tablets, and mobile devices with Edge Reflow. Paul Trani shows how to design a layout, add text and images plus content from Photoshop and Illustrator, and even generate Reflow projects from Photoshop CC. Also learn how to find the "breakpoints" in your designs and decide how your layouts will reflow on tablets and mobile devices, without recreating the design! From there Paul shows how to create multiple pages and test your project on your desktop or even on a connected device using Edge Inspect.

Topics include:
  • Understanding websites and mobile devices
  • Creating your first layout
  • Adding text that reflows automatically
  • Building navigation
  • Creating and styling HTML forms
  • Creating tablet and mobile layouts
  • Linking multiple pages
  • Previewing your layout
Edge Reflow


- [Voiceover] Hello, my name is Paul Trani, and welcome to Creating a Responsive Design in Edge Reflow. I'm excited to show you how you can use Reflow to create a design visually, using web standards, that looks great on multiple devices. You'll learn how to design a layout, import graphics, use Photoshop and Illustrator content in Reflow, create a layout for tablet and mobile devices, and even preview your content, not only in a browser, but also on a device, directly from Reflow.

So let's dive right in and create a responsive design in Edge Reflow.

please wait ...