Skip to main content

Best HTML5 Mobile Apps UI Frameworks

While the fight is still on whether HTML5 Apps are better or Native Mobile apps , the market is flooded by both and the number of free downloads are expected to grow to 138,809 Millions by 2014 as per the Gartner Report.  Since the growth rate of paid apps is much less than the free apps, there has to be a way to keep the cost of developing apps low.HTML5 Mobile Apps are in the market for quite some time and they have evolved a lot.  There’s no doubt that the HTML5 apps are a cheaper means to develop because of the following reasons :

  • HTML5 Apps are built on WORA concept( Write Once Run Anywhere ), one can develop for iOS, Android, Windows and BBM by writing the same code. ( You can read how to develop HTML5 apps by clicking here )so the cost of development is very low.
  • The cost for  Maintaining and Supporting  HTML5 Mobile Apps is less as there is only a single code base .

So  in this article, we will tell you some of the leading UI Frameworks that will help you to develop  HTML5 mobile apps. Using a framework saves the time of the developer and improves the performance.

One of the oldest UI Frameworks around, this is the most widely used mobile framework. This is light weight, extensively uses jQuery and includes huge number of third party plugins and themes. One of the reason of its popularity is that it’s free and open source (MIT licensed). There are large number of resources available online(Stack Overflow) that can teach how to use and will help in development.

However, personally we feel that this framework isn’t that robust and can’t handle heavy applications. Problems like flickering are rampant and jQueryMobile continues to improve.

Based on the popular MVC architecture, Sencha Touch comes with 50+ built in components . Developers can also created their own components and  it also gives storage, device profile and top-level application  abstractions. Now supporting phonegap, Sencha Touch is giving tough competition to jQueryMobile.

Developers having hands on experience in ExtJS and Backbone.js will not have any problems developing mobile apps in Sencha Touch.

While there aren’t any performance issues like that of jQueryMobile, the fact that it’s not free completely may be a disadvantage.

Telerik’s brain child Kendo UI Mobile has been the buzz word and those who have used it, rate it the best. Based on the MVC Framework like Sencha Touch, there aren’t any major performance issues. Having developed many financial apps in this framework, this will certainly capture the market very soon. The only disadvantage that it has the huge cost which makes it  not so suitable for developers but companies.

This is a part of the large Kendo UI Framework which makes it the best available option for web, mobile and the desktop apps. They have the much talked about “flat” theme of the iOS and otherOS specific themes and functionality.

The much talked about Intel’s framework is fast, optimized for iOS and Android but not reliable. It has MVC framework and it also allows external framework to work along.  There’s no need to depend upon Phonegap for this small and light framework.

However, the documentation available on the website isn’t detailed.  This framework is still in developing stage.

Comments

  1. The Intel App Framework deserves a much better comment than what you posted. I doubt that you looked at it, or reviewed the documentation, or the activity on github.

    ReplyDelete

Post a Comment

Popular posts from this blog

Fulfilling The Urge of Shopping is Now Easy

Shopaholics on the alert! Get set, and go! Yes, it has indeed turned into a race – a race of online shopping. It may be an occasion embraced shopping carnival or a clearance sale or simply just a season ending mega sale. On its way is another such colossal online shopping fest knownas the Great Online Shopping Festival or simply GOSF which is to take place from the 10th to the 12th of December 2014.   What does GOSF do? The GOSF is an initiative by Google and was launched on the 12th of December, 2012. Ever since then, it has been a favorite among its users. The GOSF offers are not only limited to those particular days of December but numerous trifle coupons, reminders as well as updates are also sent to your registered email ids all through the year. Along with these, there are funny little games on the GOSF site that provide you with innumerable opportunities to win yourself free gift coupons or free shopping facilities just by scoring points in the game.   Worried about the products...

PowerMockup- Helps you sketch mockups in Powerpoint

Most of us use Microsoft Power point to give presentations to our clients… Here is the solution to your wireframing, mockup, sketching needs in Power Point, its PowerMockup… Main features includes- 63 fully editable user interface elements Easy access via a separate ribbon tab Compatible with PowerPoint 2007 and 2010 Microsoft Power Point Window The best part of it which I liked is.., that you can create fully editable mock-ups. So, there is no need to install any other additional software to present in Power point, just use Powermockup and you are done. You can get this amazing piece of add-on just for free, till wednesday(6 April 2011)… So.., hurry up, don’t loose chance. Check out the main product website for more details.. PowerMockup

Add a countdown to your page using jQuery Responsive Countdown

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Table of Contents Brief Description Step 1 (Download, Unzip) Step 2 (Set options) Step 3 (Import required files) Step 4 (Create HTML container) Step 5 (Create and activate countdown) Resources Brief Description - top jQuery Responsive Countdown is a tool that gives you the ability to create a nice looking countdown, which uses flipping animation to display remaining time to a target date. Since it is based on the canvas object it cannot run natively in older browsers like IE8. The tool uses SVG data to draw the digits and the panels, so it is scalable and looks nice on larger resolutions too. It does not use images, so it is very easy to change colors and adapt the look of it to the design of your page. The tool has a large list of options, but it can also be activated with few lines of code. In this tutorial I will show you how to add the ...