Home Hybrid Native+Web Example: Animator

Hybrid Native+Web Example: Animator

Hybrid-Native-web-Example-Animator
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

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.