Lynda - Creating a Responsive Design with Edge Reflow

MP4 | AVC 351kbps | English | 1280x720 | 15fps | 1h 37mins | AAC mono 128kbps | 952 MB

Genre: Video Training

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.

Introduction

Welcome

Using the exercise files

Understanding websites and mobile devices

1. Creating Your First Project

Getting familiar with the interface

Creating a layout

Adding imagery

Styling content

2. Adding Text

Adding text

Using Typekit fonts

Grouping text and objects

Adding text that reflows

3. Adding Content

Working with assets

Using Illustrator and Photoshop assets

Adding navigation and states

Creating and styling HTML5 forms

4. Creating a Responsive Layout

Creating a desktop layout

Creating a tablet layout

Creating a mobile layout

5. Creating Multiple Pages

Creating and linking pages

Creating pages and projects from Photoshop CC

6. Previewing and Testing

Previewing and using files

Previewing on a device from Reflow

Conclusion

Next steps