Advertisement
Applications and Tools

Your Workflow, With Adobe Edge Reflow

by

Let's look a little deeper into what Adobe Reflow can do for our web design process. To begin with, we'll prepare some visual assets in Adobe Fireworks, we'll then export them across to Reflow. Having done that, we'll examine some of Reflow's key features as we build our design responsively.

Remember: Reflow is a work in progress. It will evolve and develop as you guys figure out what it should be doing. Use it and improve it!


Asset Creation in Fireworks


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Key Features of Reflow


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Going Responsive


Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Related Posts
  • Web Design
    CMS
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    CMS
    Adding Media Queries to Our Tumblr ThemeTumblr 18 retina
    In this video, we'll be rounding off our responsive CSS by adding some Media Queries. We'll be talking about defensive coding, being sure that we make allowances for various usage scenarios, such as unusually long blog titles.Read More…
  • Web Design
    CMS
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    CMS
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…
  • Web Design
    Applications and Tools
    Fireworks in the Real World: Interactive WireframesFw real world next retina
    Following on from our introduction to wireframing, let's now look a little deeper into what Fireworks can do for us in that area. We'll look at pages, using common symbols and making our wireframes interactive.Read More…
  • Web Design
    Applications and Tools
    Introducing Adobe's Responsive Layout Editor: Edge ReflowRf preview
    I am really excited about Adobe's newest product lineup. Last month saw the pre-release of Reflow, effectively a beta which you're all invited to play around with and poke holes in, so you can let the makers know what you want to see in the final version. Reflow is a visual editor for responsive web layouts. It aims to plug the gap between static design applications (such as Photoshop and Fireworks) and working directly with code in the browser. Let's take a look and see if it does a good job..Read More…