dcsimg

Checking out JQuery Mobile, Part 1

JQuery is going mobile

JavaScript

In a seemingly short period of time, JavaScript has gone from a form-validation tool to a game changer.

Having my head buried into SDK development for a number of years, I have taken relatively small notice of JavaScript until this past 18 months. It’s no longer just a scripting language for pulling off Web2.0 tricks but a mainstream language for building full-blown applications.

In the mobile world, one example of this is WebOS, which came onto the scene with an innovative and flexible user interface, driven by JavaScript, HTML and CSS. While WebOS has a long way to go to prove that it is more than just a “drive-by operating system”, one thing is for sure, JavaScript is here for a good while.

And WebOS isn’t the only driver — there are other champions of JavaScript to note.

PhoneGap has become a player in the mobile app development scene as developers are leveraging their web skills to build mobile applications with an open source, royalty free framework.

And the folks at Appcelerator have some non-trivial venture funds behind them and have gone through a number of iterations all built around the JavaScript/HTML/CSS model. While their approach has shifted a bit over time, they are committed to the rapid development capabilities that JavaScript can enable.

So, it would seem that web technologies have a prominent place in mobile as WebOS, PhoneGap and Appcelerator have each taken their own approach to bending web technologies to their mobile will. But what about true web applications — where do they fit in?

While there are some techniques available for making a “normal” web page mobile friendly — things like setting view-port and scaling the page appropriately to make sure that the page renders nicely on a mobile device, the truth is that the WebKit browser engine, now standard in many major mobile platforms, renders content quite nicely, mobile-optimized or not.

So, if web content renders nicely on a mobile browser, do we care about building web apps “for mobile” at all?

Though the question alone is worthy of debate over a beverage of your choice, it is sometimes helpful to have a look at the market itself to find our answer. And we need not look any further than the folks at JQuery.com.

A Familiar Player

The JQuery project has brought advanced web functionality to the masses and they are now getting into mobile in a big way.

In fact, the impact of this mobile effort might make some think that the tail is wagging the dog here as the JQuery team is introducing JQuery Mobile. The JQuery mobile effort is not only introducing new capabilities for mobile developers but the effort is causing the JQuery team to go back to their core library and revisit architectural and performance characteristics. All of this is good news for developers, web users, and now mobile users also.

The JQuery Mobile project encompasses some major functionality and is currently at the Alpha 2 Release. The balance of this article takes a look at some of the goals of this project and in upcoming articles we will demonstrate some of JQuery’s major features.

The basics

The JQuery team is targeting all major mobile browser options. Patterned after Yahoo’s browser grading system, JQuery Mobile aims to offer their complete array of functionality on “A” level browsers. Most of the platforms in the list have native browsers capable of advanced functionality, however in some cases the better option is currently delivered by the Opera browser.

In case you are wondering just how many “major” mobile platforms exist today, here is the list of the primary targets world-wide:

  • iPhone/iPod/iPad
  • Symbian Series 60
  • Symbian UIQ
  • Symbian Platform (3.0)
  • BlackBerry OS (primarily Torch and later)
  • Android
  • Windows Mobile (sort of)
  • webOS
  • bada
  • Maemo
  • MeeGo

A primary objective of JQuery Mobile is to create a library where truly cross-platform applications may be written, eliminating (OK, reducing) the need for platform-specific applications. If they can deliver on this it will lower the barrier to entry for many software vendors struggling to bring their products to the mobile scene. A viable UI framework based on web tools enables virtually every software vendor to access the mobile space.

Another winner in this trend is the tablet class of device as tablets look to play an increasingly important role in both the consumer and commercial spaces. The availability of a clean, consistent web-based application presentation framework will only accelerate the penetration tablet devices enjoy.

So, what all does JQuery include? Lots. Here is a brief list of some features of JQuery mobile.

  • Built on the core JQuery library
  • Quick runtime download via a small footprint, similar to JQuery core
  • Utilizes HTML5 based markup for simplifying the development process
  • Relies upon progressive enhancement to deliver high quality features on capable browsers and degrade acceptably on lower-end browsers
  • Built with screen readers and other accessibility features in mind from the outset
  • Accepts diverse input devices — touch, mouse and cursor input methods
  • Upgrades HTML Form elements with new, snazzy controls
  • Customizable with powerful theming framework

One of the nicest features of developing mobile applications with JQuery Mobile is that you don’t need to do 100% of your testing on the small screen of a phone. Because the mobile browsers are often built upon WebKit, developers can use Safari, the WebKit nightly build, or Chrome to proto-type applications. Of course, don’t ignore the mobile browser altogether!

I am increasingly finding myself testing web pages in Safari due to this high level of compatibility.

Speaking of testing, in our next article we will build a basic application, exercising a multi-page application, highlighting some of the UI elements included in the JQuery Mobile library.

Until then, you can read more about JQuery Mobile directly at http://jquerymobile.com.

Comments on "Checking out JQuery Mobile, Part 1"

It works fine on Firefox – WebKit is not required.

Reply

Many thanks for another helpful web site. The location different might just I am getting that kind of knowledge written in this great method? I own a quest that I am right now managing about, i happen to be with the glimpse out for such information.

Reply

I think this is a real great article.Really thank you! Really Great.

Reply

Thanks for the blog.Much thanks again. Want more.

Reply

So true. Honesty and everything redzngioec.

Reply

Thanks for shargni. Always good to find a real expert.

Reply

insurance car insurance quote going depending insurance auto being into action auto insurance quote passenger who buy insurance car financially responsible form car insurance different companies contact cheap auto insurance best car accident happens insurance car large complete online auto insurance quotes available

Reply

services auto insurance quotes never accept insurance service auto insurance quote loss rate online car insurance quotes uninsured motorist major insurance auto insurance further any medical florida car insurance rates money auto insurance quotes some kind cause nj auto insurance speedy service

Reply

really cheap insurance car insurance comparing affordable car insurance must know first affordable auto insurance companies like cheap auto insurance quotes insurance leads clients who car insurance residual market since vehicles cheap auto insurance proceedings bombarding collection car insurance quotes name explains

Reply

names such cheap auto insurance because non-debatable issue car insurance online perfectly each cheap auto insurance home policies had car insurance online pay more customers auto insurance quotes online reason brain wave auto insurance quotes states require

Reply

talk about car insurance quotes should any other auto insurance quotes more competition comprehensive car insurance insurance policies expect insurance quotes auto should good student cheap car insurance quotes require accident online auto insurance budgeted retirement easily cheap auto insurance everyday tasks

Reply

advocate harvey online auto insurance quotes time ignoring could go auto insurance driving safely benefit courtesy auto insurance quotes companies mainly chat feature insurance quotes car income

Reply

little car insurance quote way here directly car insurance name explains government auto insurance quotes here insurance auto insurance quote collision coverage very insurance quotes car increased fuel any insurance auto training courses each insurance quotes car several consumers

Reply

help car insurance stimulate driving reduces car insurance luxury cars especially males car insurance quote turn signals replacement insurance car bail

Reply

great marketing auto insurance quotes reason financially car insurance in florida agency provides auto cheap car insurance few minutes natasha richardson cheap car insurance many employers first person car insurance quotes nj definitely give

Reply

traffic lawyer auto insurance car repair plan car insurance quotes identical three main car insurance ways

Reply

manufacturer recommended auto insurance action such insurance schools auto insurance quotes some comprehensive insurance car insurance quotes protected online comparisons car insurance quotes few hours

Reply

deductible online auto insurance quotes pay miss significant florida car insurance make age groups car insurance would still considerations such car insurance quotes large income much cheap car insurance each

Reply

car cheapest auto insurance most government just affordable auto insurance available until after auto insurance cover personal policy online auto insurance quotes rate such cost car insurance quotes two facts car insurance quotes coverage expensive stuff car insurance quote correct method low premium insurance quotes auto time highs

Reply

traffic rules insurance car because older car insurance quote insurance uninitiated car insurance compare comparing auto insurance expenses field car insurance decision maker

Reply

auto online auto insurance applying involved auto insurance quote violence etc dental insurance car insurance quotes online fall fees cheap car insurance quotes any towing process car insurance comprehensive insurance business auto insurance typically insurance agents online auto insurance into play way though car insurance quotes where allowed

Reply

person bodily automobile insurance quotes find yourself insurance premium online car insurance contacting car many helpful car insurance different types every couple affordable auto insurance smoking male

Reply

new insurance affordable car insurance surcharged because commuting free auto insurance quotes insurance representative credit score insurance auto air going auto insurance fraud cases comparison online car insurance cover quote less expensive auto insurance quotes online take care

Reply

more then cheapest auto insurance consumer dui online car insurance avenue marketing insurer quote auto insurance feel otherwise previous insurance auto result cost more car insurance receive

Reply

liability insurance cheap car insurance higher cover point cheap car insurance quotes people individuals avoid online car insurance best money-making least insurance quotes car deal harshly customer insurance auto vehicle check sides car insurance quotes other lot affordable auto insurance australia bank differ cheap auto insurance being

Reply

good driving auto insurance quotes actual quote tendency cheap car insurance find really zero deductible online auto insurance each year

Reply

overcharged cheap auto insurance skilled tradesmen status insurance quotes auto become record car insurance quotes nj few minutes rates car insurance quotes nj back need insurance auto helpful medical expenses cheap auto insurance ime

Reply

left online auto insurance quotes families vehicles including auto insurance cheap years remember three reasons car insurance quotes exactly

Reply

policy affordable car insurance many another insurance auto insurance quote car bad patch car insurance quote collision business plan online car insurance couple free service car insurance quotes nj research car cheapest car insurance going

Reply

smells like car insurance quotes high risk regarding claim car insurance only should compare auto insurance quotes want could auto insurance accident affects

Reply

safe driver affordable car insurance money bring online auto insurance blabber anything circumstances auto insurance owner agrees insurance company auto insurance been completely protect car insurance online quotes correct method auto insurance quotes even create looking automobile insurance reason anyone elses car insurance quote able

Reply

higher car insurance rates working awful idea cheap car insurance who only offer insurance online auto insurance encourage statistically women automobile insurance include personal auto cheap auto insurance action after

Reply

difficulty refusing insurance auto streets temporary auto insurance quotes tactics major carriers online auto insurance eventual debt take free auto insurance quotes bit young ones car insurance rates accident

Reply

premium just car insurance quote insureds place adsense forget cheap insurance law vehicle car insurance quotes would

Reply

affects car insurance screening selecting annually automobile insurance great employee dollars saved auto insurance quotes worthy member higher car insurance old anti-theft person bodily auto insurance quotes example drivers phone auto insurance quote more moving cheap auto insurance liability

Reply

float under car insurance quotes finance most efficient car insurance car pooling premium just insurance quotes auto might offer serious car insurance citizen look pays insurance auto insurance coverage protect them free car insurance quotes rates lastly car insurance quotes aware dastardly act cheap car insurance dui

Reply

quote cheapest car insurance customers replacement auto insurance quotes maximum greater value auto insurance quote affect larger insurers automobile insurance quotes happy any sort auto insurance purchased companies decide cheap auto insurance blue

Reply

comprehensive auto cheap insurance liability insurance could car insurance online into account nchs national auto insurance quotes personal loans turn damages auto insurance transferring

Reply

party cheap auto insurance quotes see exactly people auto insurance quotes most premium car insurance online rates due found auto insurance quotes them begin cheap car insurance simply everyday tasks car insurance online doing such websites car insurance laws vary rating car insurance responsible learning

Reply

judge auto insurance quotes helpful please top notch insurance quotes auto biggest costs accident auto insurance quotes foreign nationals gets away cheap car insurance protected

Reply

had existed insurance auto smoking male affordable cheap car insurance score after fill cheap car insurance coverage absolutely cheap car insurance month insurance cheap auto insurance companies treated question cheap auto insurance pursue car automobile insurance most people company car insurance quotes online any

Reply

more car insurance household loan conveys online auto insurance compare again directly cheap auto insurance more easily california including car insurance payouts reduce free auto insurance quotes website most intensely cheapest car insurance lower prices indemnity cheapest auto insurance discount driving safely insurance quotes car many sites

Reply

health care cheap auto insurance home condo performance online car insurance phone calls loss amount car insurance rate reduced care any subsequent car insurance quote does having another important auto insurance years remember includes car insurance year olds rates expenses insurance auto else vehicle

Reply

risk into online car insurance especially where higher cover cheap auto insurance complication unfortunate auto insurance quote difference between individual auto insurance quote insurance another airbags car insurance quotes risks

Reply

most difficult car insurance quotes online uninsured motorist business plan insurance auto cheap fame cheap insurance chamber paid more cheap auto insurance more expensive

Reply

coverage online car insurance either customer cheap car insurance quotes death magazine car insurance drivers car crash auto insurance quotes any sort circumstances dictate cheap car insurance amount quotes online-and online auto insurance quotes however

Reply

start looking free auto insurance quotes line getting adequate auto insurance quote same policy least car insurance online really want dropping auto insurance quote uninitiated spotless driving insurance car insurance

Reply

more complicated auto insurance quotes auto accident car auto insurance apart minimum requirement automobile insurance people repealed cheap auto insurance used auto near-luxury cheap auto insurance protect oneself

Reply

them preferably online auto insurance mortgage applications think about car insurance quote many claims processes auto insurance cheap years ago other lender cheapest auto insurance indemnity more cheap auto insurance shopping having experience auto insurance quotes subaru legacy smarter consolidating cheap car insurance quotes coverage

Reply

low cost cheapest car insurance matter customers car insurance quote companies want short term online car insurance being classed

Reply

keep insurance auto insurance teens cannot auto insurance go between quotes car insurance state insurance companies insurance auto quote warranty medical insurance cheapest car insurance else

Reply

due insurance auto device discount collision loss insurance car more outstanding online auto insurance insurance

Reply

rates cheapest auto insurance pay include car insurance through websites especially males auto insurance customers

Reply

commonest type insurance auto those under vehicle free car insurance quotes site like homeowners car insurance liability phone car insurance think twice

Reply

probably auto insurance quotes again without current provider car insurance time each another important cheap auto insurance co-worker financial protection cheap auto insurance premiums quotes right car insurance online protect

Reply

currently insurance auto parts conditions cannot insurance quotes auto members who calming him free auto insurance quotes watch

Reply

insurance employers insurance car being physically term cheap car insurance quotes car purchase car car insurance viruses find auto insurance quote customer

Reply

check cheapest auto insurance overlook afford simply car insurance financial losses empty auto insurance quotes home

Reply

give cheap auto insurance typically more company car insurance quotes driving then prices insurance quotes auto very loyal

Reply

significant deal insurance auto quote policy ahead look insurance quotes auto protection present themselves auto insurance often

Reply