Video: iOS like UI with Qt Webkit 4.6 UI demo on the Nokia N8 With Sencha Touch

| November 6, 2010 | Reply

If I understand this correctly, Sencha Touch was built as a mobile framework for building rich applications for HTML5 enabled devices. i.e. WEBAPPS.

Reading their blog, their approach is very intereting. Also moving from button focused (which can clutter your screen) to intelligent gesture focused – with importance on animations to indicate to the user that information is being fetched that’s not currently available on screen (instead of dull blank loads that make you think the app has hung).

The video demo below is called KitchenSink – possibly because their demo has in terms of touch-events everything but the kitchen sink. You’ll note that it’s very iOS/iPhone like.

  • Lists
  • Buttons
  • Icons
  • Gestures (Carousel Swiping)
  • Animations

This isn’t everything their demo can do but just what the short video shows.


via ofilabs

About Sencha Touch

Sencha Touch is the world’s first app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. We make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. We have made extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.

Sencha Touch is a cross-platform library aimed at next generation, touch enabled, devices. Our initial beta is compatible with iOS and Android, which together represent over 90% of current US mobile traffic. Android developers can also make use of a special theme we’ve created just for Android. With the ever-rising number of Android devices and the widespread popularity of WebKit on mobile systems, we expect our supported device list to grow very rapidly.

As the core method of interaction in a touch-based app, robust touch events are vital to the framework’s architecture. On top of the standard events supported by the browser like touchstart and touchend, we have added a long list of custom events that can be used like tap, double tap, swipe, tap and hold, pinch, and rotate.

Just like our other frameworks, Sencha Touch comes with an incredibly powerful data package. Developers can easily request data from a wide variety of sources whether by Ajax, JSONp, or YQL, bind that data to specific visual components or templates, and then take that data offline with localStorage writers.



Tags: , , , ,

Category: Nokia, Nseries, Symbian

About the Author ()

Hey, thanks for reading my post. My name is Jay and I'm a medical student at the University of Manchester. When I can, I blog here at and tweet now and again @jaymontano. We also have a twitter and facebook accounts @mynokiablog and Check out the tips, guides and rules for commenting >>click<< Contact us at tips(@) or email me directly on jay[at]