Creating a layout in Reflow

Views: 13,065
  • Products Covered:
  • Edge Reflow
Save
Translations

Was this episode helpful?
Yes No
About This Episode
The true power of Reflow is not only designing and creating layouts using CSS, but the ability to have those layouts respond to different screen sizes. From desktop to tablet to mobile. Evangelist Paul Trani takes you through how to take an initial layout, add breakpoints and modify that layout to your liking for all the various screen sizes you'd like to target. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani
Presented By
Episode Title Runtime CC Products Covered My Library
What is Edge Reflow CC? 00:00:46
 
  • Edge Reflow
 
What is Edge Inspect CC? 00:00:40
 
  • Edge Inspect
 
What is Edge Code CC? 00:00:48
 
 
Using Edge Reflow
Introduction to Reflow 00:08:59
 
  • Edge Reflow
 
Creating a layout in Reflow 00:05:49
 
  • Edge Reflow
 
Styling content in Reflow 00:08:21
 
  • Edge Reflow
 
Using typography in Reflow 00:05:35
 
  • Edge Reflow
 
Making your layout responsive in Reflow 00:05:49
 
  • Edge Reflow
 
Using CSS Regions in Edge Reflow 00:06:25
 
  • Edge Reflow
 
Integrate
Import Photoshop CC Assets into Edge Reflow 00:02:03
 
  • Edge Reflow
 
Reflow Photoshop Plugin Tutorial 00:13:54
 
  • Edge Reflow
 
Next episode in this show
Styling content in Reflow
Other Suggested Episodes
Publish a Responsive Banner from Edge Animate CC for Use in Edge Reflow CC
Create Responsive SVG Graphics with Illustrator CC
Copy SVG Code from Illustrator CC into Edge Reflow CC
What's new in Adobe Edge Reflow CC (Preview 7)
Overview of Reflow
Products used in this episode
Edge Reflow
Edge Reflow
Related Shows
Learn Edge Animate CC
Learn the basics of Edge Animate CC with tutorials by product experts.
Recent Episodes
Add Audio, Scripts, and Responsive...
Introducing Audio, Responsive Scal...
Exploring Symbol Editing Mode and...
View All Episodes
Learn Dreamweaver CC
Learn the basics of Dreamweaver CC with tutorials by product experts.
Recent Episodes
Edit in Code View
Use the Insert panel
Insert Edge Animate compositions
View All Episodes
Copyright © 2014 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Privacy Policy and Cookies