View
 

UI Development on PhoneGap

Page history last edited by foxium 2 days, 5 hours ago


 

How to choose a UI framework

Choosing your UI framework precisely is serious stuff. Here's a little comparison to help you

Framework name   Sencha Touch  jQuery Mobile  jqTouch iUI Dojo mobile qooxdoo Mobile
Approach Full javascript  HTML progressive enhancement HTML progressive enhancement
HTML progressive enhancement Javascript JavaScript
Licence type  Multi-licenced GPL / MIT  MIT MIT BSD

GNU Lesser General Public License (LGPL)

and

Eclipse Public License (EPL)

Compatibility Webkit only all devices Webkit only
iOS, Android, Rim OS6, MeeGo, Bada, WebOS... Webkit

Desktop Browser:

Webkit + Firefox

Mobile Browsers:

Android Native, iOS Safari,

Blackberry Webkit

Pros

Pure javascript

Lots of widgets and utils

Homogenous API and docs

Professional grade

Easy learning curve

SEO friendly

Open source

Easy theming

Huge community, plugins...

Easy learning curve

SEO friendly

Open source

Easy theming

Easy Animations

 

Lightweight  

* Object-oriented JavaScript

* Mobile-/Tablet-Support

* Open Source

* Nice and easy theming with LESS

* Great documentation and tooling (Test runner, Playground, Build Generator...)

 

 

 

Cons

Steep learning curve

Not open source

Slow on old devices

         
Typical usage Pure javascript apps Touch optimised websites, content oriented apps Touch optimised websites     Native- or custom-themed apps for iOS and Android Devices (Mobile Phones AND Tablets).
Example apps http://www.sencha.com/apps/ http://www.jqmgallery.com/   http://www.iui-js.org/gallery http://demos.dojotoolkit.org/demos/demos.php?cat=mobile http://qooxdoo.org/demos#mobile
API, docs http://dev.sencha.com/deploy/touch/docs/ http://jquerymobile.com/demos https://github.com/senchalabs/jQTouch/wiki   http://dojotoolkit.org/api/ http://manual.qooxdoo.org/devel/pages/mobile.html
Website http://sencha.com/products/touch http://jquerymobile.com http://jqtouch.com http://www.iui-js.org/ http://dojotoolkit.org/ http://www.qooxdoo.org
Github private https://github.com/jquery/jquery-mobile https://github.com/senchalabs/jQTouch http://code.google.com/p/iui/ http://svn.dojotoolkit.org/ https://github.com/qooxdoo/qooxdoo

 

 

 

UI Development using Sencha Touch

 

UI Development using Sencha Touch

A Sencha Touch app using PhoneGap

 

UI Development using jQueryMobile

 

Refer UI Development using jQueryMobile

 

UI Development using GWT

 

Refer UI Development using GWT

 

 

Note - 

Please feel free to add other UI development frameworks to this page.