Adobe Edge Reflow: Intermediate
Designers have long dreamed of being able to create a web page directly in an intuitive, click-and-drag program like Photoshop. In the past, that was only possible by creating complex layered PSDs, and then passing them off to a developer who had to "slice" them and translate them into HTML and CSS code. The Photoshop CC Connect feature built into Edge Reflow fulfills that promise … almost. This video explains the flaws in this automated system, how to prepare your designs so as to minimize them, and the best strategies to clean up your web page in Edge Reflow.
Release Date: 2015-04-16
Lessons
Introducing the new web design workflow
Duration: 3 mins 4 seconds
Examining how to build a layered PSD in Photoshop
Duration: 9 mins 33 seconds
Prepping Photoshop layers for translation to HTML and CSS
Duration: 10 mins 29 seconds
Exporting from Photoshop to Reflow
Duration: 4 mins 54 seconds
Importing to Reflow using Photoshop CC Connect
Duration: 5 mins 20 seconds
Locating the issues with your imported design
Duration: 11 mins 28 seconds
Cleaning up some common issues after import
Duration: 8 mins 23 seconds
Exporting to a code editor and using the Reflow Cleaner extension
Duration: 2 mins 59 seconds