Journal
HTML5 and CSS3 Mac Animation Tools
Here’s the current landscape of Mac based (although many of these also offer other platform versions) HTML5 /CSS3 animation tools. Some of these apps take a very similar approach to the animation process and toolkit. Many use a layout very similar to Adobe AfterEffects or Flash. Some even offer fallback to Adobe’s Flash or browser specific CSS3 Properties, such as Keyframe animation and Transition effects.
We’ve used quite a few of these and of course have our favorites, but many have their own advantages. The tools change rapidly as does HTML5 and CSS3, so you’d need to check them out for yourself. We’ve listed them by alphabetically by name, version, tagline, url and price, as currently available.
Adobe Edge
Preview 3
Create animated Web content using HTML5, CSS3, and JavaScript.
http://labs.adobe.com/technologies/edge/
Currently Free Beta
Hype
v 1.0.5
Create animated and interactive web content.
http://tumultco.com/hype/
$29.99
MotionComposer
v 1.0.3
Create interactive Web content using Flash® and HTML5!
http://www.aquafadas.com/en/motioncomposer/
$149.
Purple
v 1.0.2
Timeline-based animation editor with HTML5 and CSS3 export.
http://www.purpleanimator.com/
$19.99
Radi
v 0.7
Create video, animation and realtime graphics for the modern web.
http://radiapp.com/
Currently Free Beta
Sencha Animator
v 1.0
Create CSS3 animations for WebKit browsers and touchscreen mobile devices.
http://www.sencha.com/products/animator/
$199.