2014
Lynda
Paul Trani
1:37
English

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

Download File Size:942.31 MB

---