Hybrid Native+Web Example: Animator

Oct 13, 2011


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


Source Don't Code Today

Leave a Reply

Your email address will not be published.


About us

IoT Gadgets is dedicated to bring you all the Internet of Things IoT news that pertains to gadgets. Simple. We love for you to join us on this journey.

Contact us: [email protected]


linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram