Creating Media Queries

Views: 13,046
  • Products Covered:
  • Edge Reflow
Save to My Library
Translations

Was this episode helpful?
Yes No
About This Episode
See why Reflow was made for responsive layouts. In this tutorial Adobe Evangelist Paul Trani shows you how to easily modify your design for different screen sizes using breakpoints (media queries) so it will always look great no matter what device or screen is used to view it.
Episode Title Runtime CC Products Covered My Library
What's new in Adobe Edge Reflow CC (Preview 7) 00:05:55
 
  • Photoshop
  • Edge Reflow
 
Overview of Reflow 00:04:35
 
  • Edge Inspect
  • Edge Reflow
 
Designing in Reflow 00:04:36
 
  • Edge Reflow
 
Creating a Responsive Layout 00:04:46
 
  • Edge Reflow
 
Working with Typography 00:04:47
 
  • Typekit
  • Edge Reflow
 
Grouping and Organizing Content 00:02:49
 
  • Edge Reflow
 
Creating Media Queries 00:06:22
 
  • Edge Reflow
 
States and Links and Pages 00:03:50
 
  • Edge Reflow
 
Using Photoshop and Illustrator Assets in Reflow 00:02:52
 
  • Photoshop
  • Illustrator
  • Edge Reflow
 
Working with Assets 00:03:17
 
  • Photoshop
  • Edge Reflow
 
Working with HTML Elements 00:03:12
 
  • Edge Reflow
 
Preview in Browsers and Devices and Share with Oth... 00:02:29
 
  • Edge Inspect
  • Edge Reflow
 
Dan Rose Interview 00:10:57
 
  • Edge Reflow
 
What's New in Adobe Edge Reflow CC 00:05:44
 
  • Edge Reflow
 
Interview with Fluid Agency 00:11:35
 
 
Introducing Adobe Edge Reflow (Preview) 00:00:51
 
 
What is Reflow? Interview 00:02:15
 
 
Next episode in this show
States and Links and Pages
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
Create Like Crazy with Adobe Edge Tools & Services
Simon Widjaja takes Adobe Edge Tools & Services over the edge to create fun, amazing content!
Copyright © 2015 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Privacy Policy and Cookies