Choosing Mobile Web HTML5 Framework

Choosing Mobile Web HTML5 Framework

It depends on what your target audience is and how interactive the site you are building is.

jQTouch:
heavy on the CSS, light on the JavaScript, MIT license
For a framework that provides a quick start, but not a lot of documentation unfortunately, use jQTouch. It requires very little to get started and coding is fairly straight forward. It uses CSS classes for detecting the appropriate animations and interactions.

Sencha Touch:
almost completely JavaScript, GPL not for use on commercial sites without a license
If you are building a complex enterprise application with a lot of visual interactions, I would strongly recommend Sencha Touch, it is heavily documented, with a strong professional team providing support.

M-Project:
MIT license, heavy on the JavaScript, appears to be in Alpha, may be buggy
Although I have never worked with M-Project myself (thanks for pointing it out) it does appear to be a very robust, and the coding style appears to be very similar to Sencha Touch, which is based on ExtJS, so if your team already has experience with ExtJS, it might be wise to consider one of these frameworks.

Nimblekit:
This appears to be for iOS only, not a good thing if you ever decide to expand your application to Android or some other platform.

Wink Toolkit:
appears to be MIT, or some variation there of
In my opinion, wink seems to have plenty going for it, but the documentation feels cold

jQuery Mobile:
Dual license MIT or GPL 2, just the right mixture of JavaScript and CSS
I will let someone with more experience talk about the merits, but jQuery mobile (though it is in alpha as well) is backed by a strong team and a community of supporters by extension of the core jQuery library. Probably the best choice for anything except the most enterprise centric applications.

Titanium:
Titanium is not an HTML5 mobile framework, it is a javascript based interface to native code modules included in the framework. It is a fairly straight forward framework, but I would consider the documentation sparse.

Bottom Line:
1. jQuery mobile - as long as your app is not enterprise centric

2. Sencha Touch - if your application is enterprise centric or heavy on user interactions

3. jQTouch - if what you are looking for is a simple framework to get started with quickly, but you don't need a lot of gusto.

4. Titanium - if you are more concerned with having actual native controls in your application

Demonstration Apps

There is an open source project, PropertyCross, which demonstrates the same application implemented with a range of cross platform frameworks. It is very useful for comparing the code, development experience and end-user experience of the various frameworks.

Which technology should I use for a mobile web app: HTML5 or jQuery Mobile?

So, the ways I know is JQuery mobile and HTML 5.

Which one should I use?

It's not a case of using one or the other - you use both to create a solution.

HTML5 provides the framework to present your content, whether it is text, images, video, audio, or any mixture of the above.

jQuery (Original or Mobile) is used for "Progressive Enhancement", that is to provide additional functionality, features or flair to the HTML5 framework.

To ensure the best compatibility across the majority of devices, you want to have a website which is usable without the jQuery enhancement. Then, once you have that, you can use jQuery (and/or standard javascript) to add the "nice-to-have"s, like animations, AJAX interactions, geolocation, etc.

Best framework for html5 mobile?

AngularJS :

It is a great JavaScript framework that has some very compelling features for not only developers, but designers as well! So you use this framework to build your mobile app

How to choose the best framework for mobile app design?

I found a good fit for cross platform mobile development using the following technologies:

AngularJS, Phonegap (I started with Phonegap build and moved to the CLI when I was a bit more experienced. ) , Parse .

This 3 techs cover different needs,

AngularJS as an "open-source JavaScript framework, maintained by Google, that assists with running single-page applications. Its goal is to augment browser-based applications with model–view–controller capability".

Phonegap "Enables software programmers to build applications for mobile devices using JavaScript, HTML5, and CSS3, instead of device-specific languages such as Objective-C"

Parse.com : Provides a suite of cloud services for developers that are tightly coupled with SDKs for all the major client platforms. Recently bought by FB. Parse is/was one of the external BaaS providers amongst many others like StackMob, Apigee and dozens of cloud and VPS providers like EC2, Heroku, etc..

However this is my choice given my previous experience, the technollogies I wanted to discover and what I found when I was researching. There is probabily no such a think as the best framework though . . .

Web app for mobile devices or mobile specific

In general it is worth learning the native SDK for the platform you're targeting because you'll have maximum flexibility, best performance, broadest API coverage keeping up with the latest advances from the platform vendor (e.g. iCloud, Siri APIs etc), and you'll find plenty of open source software that's built by and for the platform's native developers (see http://cocoacontrols.com as one example). So it's definitely worth investing in a platform's native SDK, especially if the platform itself is proven to be successful, such as iOS and Android.

However, sometimes it can be more practical to build an app using Javascript/HTML5 frameworks like Titanium Appcelerator. This can be useful in controlled environments like enterprise apps where your customer base is limited, or just to rapidly prototype a concept.

I would consider a Javascript framework a disadvantage if my app or game had to compete in the open market / App Store against thousands of other native apps. If my competitors are using native code and can rapidly evolve their UX or features, I don't want to be "stuck" with a limited Javascript framework.

On the other hand, if I worked for say, a large supermarket and my job was to create an app that only their staff would use for a few hours a day to do inventory, a Javascript framework would help me prototype faster without any threat of competition or unexpected requirements.

Hope this helps.

How can I develop mobile applications using HTML5?

Sencha Touch is a good Javascript framework to create mobile applications. It supports all phones the utilize the webkit for their browser.

It can be wrapped in phonegap to utilize the phone specific API's. Sencha is now creating their own wrapping system to submit apps to the appstores.

What is the best tool for developing and testing mobile applications using HTML5 and jQuery mobile framework?

You can use these developing environment:

1. NetBeans.
   2.Code Lobster
2. Aptana Studios
3. Eclipse.

For testing the mobile web applications you can use this emulator:

• Ripple Emulator

This provides various environments(Devices) to test your web application. You can download this as the plugin to Google Chrome.

Here is the link: CHECK THIS

---

Related Topics