Creating a layout in Reflow

Views: 14,919
  • 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:37
 
  • Edge Inspect
 
What is Edge Code CC? 00:00:48
 
 
Using Edge Reflow
Introduction to Reflow 00:08:59
 
  • Edge Reflow
 
What’s new in Edge Reflow 00:06:39
 
  • Edge Reflow
 
Creating a layout in Reflow 00:05:49
 
  • Edge Reflow
 
Improved import from Photoshop to Reflow 00:05:14
 
  • Photoshop
  • 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
 
Overview Create Responsive Layouts - Mobile Layout... 00:08:43
 
  • Edge Reflow
 
Create Responsive Layouts Column Layout, Media Que... 00:09:57
 
  • Edge Reflow
 
Create Responsive Layouts adding state and test si... 00:05:36
 
  • 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
Improved import from Photoshop to Reflow
Other Suggested Episodes
Create Responsive Layouts adding state and test site
Create Responsive Layouts Column Layout, Media Queries
Overview Create Responsive Layouts - Mobile Layout, PS Generator
What’s new in Edge Reflow
Publish a Responsive Banner from Edge Animate CC for Use in Edge Reflow CC
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 experts.
Recent Episodes
Use HTML5 video in Edge Animate
Add Audio, Scripts, and Responsive...
Introducing Audio, Responsive Scal...
View All Episodes
Learn Dreamweaver CC
Learn the basics of Dreamweaver CC with tutorials by experts.
Recent Episodes
Design, edit, and preview web page...
Use the new Live View features
Use Edge Animate with Dreamweaver
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