ariya.io About Talks Articles

hybrid native+web example: animator

1 min read

Just released last week, Sencha Animator is a tool to create CSS3-based animation. The application itself is written in JavaScript (using ExtJS), though it runs as a normal desktop application (with native menu, file dialog, etc). The trick is simple: wrap the application using WebKit and create a hybrid solution. Because the wrapper is available for all major desktop platforms (Windows, Linux, Mac OS X), this also simplifies the build and deployment.

The user-interface of Animator leverages many advanced CSS features (it would be an irony if a CSS animation tool does look ugly). The interface itself is stunning, with a lot of subtle effects (shadow, gradient, animation) designed to make it really appealing. While the screenshot gives a rought idea, only playing with the application itself shows the actual feeling of the user experience. Recreating the interface without CSS would have been still possible, but it may push the limit of what native interface can do. Not too mention the effort.

Lights, Animator, Action!

Related posts:

♡ this article? Explore more articles and follow me Twitter.

Share this on Twitter Facebook