9 Mobile Framework to Kick Start Your Mobile Development Career

9 Mobile Framework to Kick Start Your Mobile Development Career


9 Mobile Framework to Kick Start Your Mobile Development Career

Introduction

Mobile development has been growing since the day Apple introduced iPhone. Mobile browser has never been so robust. It supports HTML5, CSS3 even with CSS animation. After that, Google introduced Android to join existing iPhone app developers in ushering in the mobile platform era. That leave a significant mark to the milestone of mobile development.

In the mobile industry, it has quite a few of frameworks available aiming to create a mobile web app rapidly. To help you start up your mobile development, I have done some research on all mobile frameworks, and below is the list. I have used jQTouch before, it's pretty easy to implement but definitely has a lot of room of improvement.

This page has been translated into Spanish language by Maria Ramos.

  • Zepto.js Zepto.js is a minimalist JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax. The goal: a 2-5k library that handles most basic drudge work with a nice API so you can concentrate on getting stuff done. Zepto.js is currently in early beta, and you can help to make it awesome by contributing code, documentation and demos.
  • DynamicX DHTMLX Touch is an HTML5-based JavaScript library for building mobile web applications. It‚Äôs not just a set of UI widgets, but a complete framework that allows you to create eye-catching, cross-platform web applications for mobile and touch-screen devices.
  • Sencha Sencha Touch, the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel native on iPhone and Android touchscreen devices, has just hit the big 1.0. And best of all, it‚Äôs completely free to use.
  • jQuery Mobile A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
  • jQTouch A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices.
  • Wink ToolKit Wink toolkit is a mobile JavaScript framework for building webapps on iPhone, iPad and Android
  • iUI iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.
  • iWebkit iWebKit is a file package designed to help you create your own iPhone, iPod Touch and iPad compatible website or webapp.
  • WebAPP.net WebApp.Net is a light weight, powerful javascript framework taking advantage of AJAX technology. It provides a full set of ready to use components to help you develop, quickly and easily, advanced mobile web applications.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

30 comments

Matthew Brookes
Wed, 9th February 2011
that's a great list one other I am aware of is: http://www.phonegap.com/ Reply
Waheed Akhtar
Wed, 9th February 2011
Long way to go for mobile development :) but thanks for these frameworks Reply
Pierre Legrand
Wed, 9th February 2011
One more: BkRender Reply
Stas
Thu, 10th February 2011
I'd add http://xuijs.org . It is pretty nice as it supports also Symbian's Webkit for non-touch screens Reply
Avinash
Fri, 18th February 2011
http://bit.ly/hJtqnR found some more nice framework, Reply
Nonsense
Sun, 14th August 2011
"Mobile development has been growing since the day Apple introduced iPhone. Mobile browser has never been so robust. It supports HTML5, CSS3 even with CSS animation."

Yeah, that's all the crippled iphone & ipad support but don't bundle all the others under this crippled description as Android supports it all, the full web experience, flash and all.

I wish you wouldn't keep putting the iphone & ipad before all the others as they are the least capable devices and not even the most popular as there are 400,000 new Android registered devices each and every day.

"At Google's I/O Android keynote the company said 400,000 Android devices are activated daily.

That brings the total of activated Android devices to a whopping 100 million. This was in May, the number is much higher now.

Other notable stats:

There are over 200,000 free and paid apps available in the Android Market.

To date, more than 4.5 billion apps have been installed on Android phones and tablets.
Reply
Kevin Liew Admin
Sun, 14th August 2011
Hi there, i'm not trying to start an argument about apple vs android here. I'm big fan of Google products, though I'm using iPhone & iPad but Android and Honeycomb are really good platform, both of them have their pros and cons, to argue about it, we can talk about it forever. I'm pretty sick of people doing that, because two different company has their different belief of how mobile platform should look like. Anyway, the fact is, Apple released iOS first and Google latter. It's not about the sequence neither, it is about the positive impact both of them has brought to the web development. Reply
Markus
Sun, 21st August 2011
Pingpong
Wed, 19th October 2011
Great page Markus, very helpful. Thanks! Reply
Lucas
Mon, 14th November 2011
Hi Markus. Useful chart, you should add http://www.applicationcraft.com to it. Reply
Micka
Sat, 27th August 2011
Do you know BkRender ? www.bkrender.com Reply
Chris
Fri, 16th September 2011
I've created an entire blog dedicated to mobile frameworks and prototyping/mockup/wireframing tools: http://mobileframeworks.com . I hope someone finds it useful! Reply
Vitali
Wed, 21st September 2011
Recently I have been playing with Web 2.0 Touch - https://github.com/web20boom/Web-2.0-Touch, seems to be easier to use then some others. Reply
Drew Milne
Tue, 15th November 2011
Hey, you funk soul brothers! Check out Application Craft http://applicationcraft.com

Jquerymobile has announced AC as a jqm dev platform and here's a case study that Phonegap did on them : http://applicationcraft.com

In summary, it is a cloud-based dev platform that does mobile (all important platforms) and desktop on an equal footing. It's got an IDE that does drag-and-drop / wysiwyg UI building as well as code editing. I guess you could describe it as Visual Basic in the Cloud, but Javascript not Basic. Widget based like VB was, extensible. Open Source with free platform offering. Reply
Eric
Sat, 10th December 2011
I would avoid both Jquery Mobile and Jqtouch. Jquery mobile uses custom attributes that it looks for to add styles. It is unnecessary and an extra process. Both use sizzle when smart phones support querySelectorAll and it does unneeded checks since it was originally written for browsers (attachEvent, etc).

I spent the time developing my own which includes a querying script like jquery (event method chaining). It came out under 5K. The script is not even necessary. I guess my suggestion is, do your own, use PhoneGap to get it out there.

http://imageshack.us/photo/my-images/860/dividers.png/

http://imageshack.us/photo/my-images/860/dividers.png/
Reply
David
Thu, 29th December 2011
Jquery Mobile is anything by "rock solid". It's basically unusable on an older iphone. Which means that you can't use it or you'll lose half of your audience Reply
Kath
Mon, 27th February 2012
I tried this jQTouch. Very slick in IPhone. But it's very slow when lading and page navigations. Not sure we need latest safari browser for higher performance in HTM5/JS. Reply
ElvisGottaSay
Wed, 29th February 2012
Missing the lightweight pure html5 framework called lungo.js very easy to learn Reply
ozeetee
Sun, 16th December 2012
Awesome !!! Thanks for sharing this :) Reply
ALi
Sun, 11th March 2012
Hi, We are interested to develop CRM business app for Android, iphone using multiplatform
But we are confused to select and finalize one platform.
Like Adobe Flex, Titanium, RhoStudio etc..
Which should we select to start working on it so its not be a problem in future for compatibility.
Any guide, Suggestions.
Thanks Reply
Karthikeyan
Fri, 6th April 2012
Kendo has released a HTML 5, jquery based framework for mobile UI. Data visualizes is a real addon. Reply
Volker
Tue, 17th April 2012
One more framework to consider. The-M-Projects it brings together JQM with MVC paradigm. http://the-m-project.org . It is available on a the very liberal MIT license. Reply
Michelle Lee
Sat, 12th May 2012
Awesome post.Here’s an all-in-one business application platform. It has everything you need to build custom business apps fasthttp://www.caspio.com/application-platform/ Reply
Peter McLachlan
Fri, 13th July 2012
I agree with Matthew that PhoneGap should be on the list, especially for mobile apps! If you're looking to make your desktop site responsive for tablet and mobile, you should also take a look at Mobify.js. Mobify.js is an open source framework, and it provides complete responsive control with a single javascript tag. The open source project is on Github (search for Mobify), and a complete walk-through tutorial is available on http://cloud.mobify.com/ Reply
Patrickz
Tue, 31st July 2012
Dylan Ng
Sat, 11th August 2012
thanks for the list.
btw, this website lists some popular mobile framework's demos:
http://frameworkdemos.com Reply
Greg
Fri, 17th August 2012
which of these do you think would be the best to create an offline/db, cross platform app?
Thanks! Reply
Cheryl Ray
Sat, 15th September 2012
Thanks for the frameworks you have provided in the post. It's really helpful for all dedicated mobile developer including me. I am definitely gonna use them. Reply
Alejandro Sánchez Acosta
Fri, 9th November 2012
Hi, I'm Alejandro Sanchez, developer in eMobc.com. You can use this framework to build native mobile applications using XML (definition of navigation, contents, screens, menus, ads, rotation, etc) for IOS, Android and HTML5 (JQuery Mobile).
You can download in github.com/emobc or in the official site: eMobc.com/download.php
We have released the 0.1 and we have a lot of work to do. Contributors are welcome ! Reply
dilip
Mon, 14th April 2014
Hey i want to something hybrid app which is similar to truecaller and facebook app is this emabc framework will make my job easily Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement