INSTRUMENTS, DIAGRAMS, & PRINCIPLES:

An App Built With Edge Animate
Flash to Edge Migration
As an experienced Flash developer, it is becoming clear that Flash's role is being reduced in the evolving world of web development. The growing demand for mobile apps, combined with the industry movement towards web standards, has left Flash (and other 3rd party runtimes) with diminishing relevance. This scenario has been the primary reason I have kept a keen eye on the development of the Adobe Edge Animate program.
Edge Animate enables developers to design and animate web content using standards such as HTML5, CSS3 and JavaScript. Conforming to these web standards allows your work to perform with vigor on a wide variety of devices and operating systems. The program interface should be familiar to those developers who have experience with timeline-based authoring environments, affording detailed expression in creating keyframe based or programmatic interactive content.
My goal in creating this demo application with Edge Animate is to reproduce the core features that I would typically implement in a project created with Flash. This feature list included button and menu interactivity, nested animations with independent timelines, motion graphics, audio, and heavy graphics, to name a few.
This article will focus on a technically-oriented review of my attempt to build an application using Edge Animate. This demonstration app was a learning experiment and wasn't intended to be a tested, market-ready project. Any constructive input readers wish to contribute would be appreciated. Resource links are listed in the right sidebar for those who desire a more comprehensive overview of Adobe Edge Animate capabilities.

VIEW DEMO


TUTORIAL
Part 1
Part 2
Part 3
Part 4
Part 5
Part 6

EDGE RESOURCES
Edge Animate
Edge Animate Tutorials
Edge Animate on Twitter

LINKS
ImageOptim
Fireworks CS6