Creating a Responsive Design with Edge Reflow
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.
- 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
- [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.
Creating a Hallway Scene with Photoshop11,539 Views
Excel 2007: Advanced Formulas and Functions371,946 Views
Creating Slideshows with FotoMagico and Photoshop19,920 Views
Creating Materials in CINEMA 4D104,877 Views
Final Cut Pro 7 Essential Training2,444,784 Views
Illustrator CC 2013 One-on-One: Fundamentals1,676,368 Views
Edge Animate Essential Training630,358 Views
Muse Essential Training1,469,007 Views
PHP with MySQL Essential Training4,259,922 Views
Illustrator CC 2013 One-on-One: Mastery301,789 Views