Creating Responsive Layouts in Reflow

Show:

Adobe Edge Reflow

Save

Translations

Was this episode helpful?

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

Paul Trani

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
What's New in Adobe Edge Reflow CC What's New in Adobe Edge Reflow CC Learn about the major enhancements in Edge Reflow CC. We're introducing several new layout and styling methods as well as tons of bug fixes to help you more easily create responsive web designs. Runtime: 00:05:44 Added: May 06, 2013 Views: 2,870	00:05:44
Interview with Fluid Agency Interview with Fluid Agency Watch this episode where Sr. Product Mgr Jacob Surber interview Fluid Agency to get their initial impression of Reflow and how the application will fit into their daily workflow. Runtime: 00:11:35 Added: February 15, 2013 Views: 2,366	00:11:35
Introducing Adobe Edge Reflow (Preview) Introducing Adobe Edge Reflow (Preview) Adobe is proud to introduce the Preview for Edge Reflow, available to the public for the very first time via the Creative Cloud. In this episode, we will give you the high level details of what Reflow is and where you can download it. Runtime: 00:00:51 Added: February 14, 2013 Views: 18,558	00:00:51
Creating Responsive Layouts in Reflow Creating Responsive Layouts in Reflow 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 Runtime: 00:05:49 Added: March 11, 2013 Views: 4,187	00:05:49
Using Typography in Reflow Using Typography in Reflow The web has really come a long way when it comes to text styling and fonts. And Adobe Edge Reflow Preview allows you to really style text the way you want and give you hundreds of fonts at your fingertips using Edge Web Fonts. Evangelist Paul Trani takes you through how to format text and use some of the hundreds of Edge Web Fonts available, as well as style them to your liking. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani Runtime: 00:05:35 Added: March 04, 2013 Views: 2,456	00:05:35
Designing Content in Reflow Designing Content in Reflow Adobe Edge Reflow Preview allows you to not only create responsive layouts for the web, but also style that content all using CSS. Evangelist Paul Trani shows you how to do everything from adding color, rounded corners, drop shadows, gradients and of course how to handle imagery. And you have the confidence in knowing you're actually visually creating CSS. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani Runtime: 00:08:21 Added: February 25, 2013 Views: 2,911	00:08:21
Creating Layouts in Reflow Creating Layouts in Reflow Adobe Edge Reflow Preview is powerful when it comes to creating layouts that are responsive. Evangelist Paul Trani introduces you to Reflow and shows you how to create your very first layout. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani Runtime: 00:05:49 Added: February 18, 2013 Views: 2,505	00:05:49
Introduction to Reflow Introduction to Reflow In this video Evangelist Paul Trani takes you through a new tool Adobe is working on called Reflow. Reflow allows designers to create and style layouts and then make that same layout responsive, allowing it to work across desktop, tablet and mobile devices. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani Runtime: 00:08:59 Added: February 14, 2013 Views: 14,321	00:08:59
What is Reflow? Interview What is Reflow? Interview In this video, Evangelist Paul Trani sits down with Jacob Surber, Product Manager of a new tool Adobe is working on called Reflow. Hear how a tool like Reflow can really empower designers to create modern, responsive web content. Web content that works across screens. From desktop to tablet to mobile. You are also encouraged to download Adobe Edge Reflow Preview via the Creative Cloud and give feedback through the Adobe forums and Twitter at @Reflow, @JacobSurber and @PaulTrani. Runtime: 00:02:15 Added: February 14, 2013 Views: 2,568	00:02:15