How to use a Dakine edge tuner?

Why should a designer use Adobe Edge Reflow and Animate rather than focus on working with HTML/CSS/JavaScript directly?

• http://html.adobe.com/edge/reflow/ http://html.adobe.com/edge/animate/

• Answer:

  A designer could use Reflow or Animate to show interactivity or scalability in functional mock-ups, to see what kind of attributes they could implement in their design for interactivity, or to layout the page for the developer.  Really these tools speed up development processes for fast pace production environments, not give designers the ability to step around the development process. We use the Adobe CC and in particular both Animate and Reflow in my Dev. Department to speed up turn around times.  Designers can layout images for sizing and layout in these tools and then hand off to a developer for advanced coding, adding interactivity, exporting code, and publishing.  In order to use these tools HTML, CSS, & JavaScript knowledge is a must!  Here is an example: I built proto-type interactive carousel with slide outs, built in Animate and published with Muse, utilizing x, y, and z index.  When you click on the farthest person in the back of the carousel everyone needs to move into and through the proper x, y, and z coordinates until they are in the proper place  on the path.  Once your selection is in front the slide out fades in as it slides out from the right side and then the content fades in.  This page was built just after Animate was first launched and developed paths, it is not possible to create this level of interactivity in JavaScript without knowledge of Object Oriented Programing, loops, instances, and variables.  (Updated 7/1: Unfortunately my example link broke because the agency that paid for it went bankrupt.) Additionally, we found that in the publishing and deployment phases (and in a handful of other instances) most wysiwyg generated code needs tweaking.  The amount of tweaking usually depends on the host server platform, the breadth of devices and responsive behavior set forth in the requirements, and the web development experience of the dev/design team.  In my experience the code generated by Adobe's tools are: cleaner/ more sustainable than PHP generators requires less tweaking than other wysiwyg systems decreases the project timeline by an average of 33% increases efficiencies between experienced developer and design teams