The jQuery Mobile Framework allows developers to build mobile websites in the same way that they would build websites for desktop browsers. jQuery Mobile is a touch-optimized web framework for smartphones and tablets. It acts as 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. To ensure cross-browser/-device compatibility, jQuery Mobile is built on clean, semantic HTML.
This blog post just touches the tip of the iceberg by listing some key features, supported platforms and the basic mobile page structure and by sharing some useful links. The use and role of the jQuery Mobile framework in developing mobile websites is huge. Read further to learn more about this awesome framework.
At this stage (Beta 2 release), jQuery Mobile works on the vast majority of all modern desktop, smartphone, tablet and e-reader platforms. In addition, older browsers and feature phones are also supported because of its progressive enhancement approach. Supported platforms include iOS, Android 21.- 2.3, Android Honeycomb, Windows Phone 7, BlackBerry 6.0, Nokia Series 60, Plam WebOS, Firebox Mobile, Opera Mobile and Kindle 3 among smartphones and tablets; and Chrome, Firefox, IE and Opera Desktop among computer browsers.
Mobile page structure
The standard structure of a web page using jQuery Mobile is written in the following lines. Each page is just a div with the attribute data-role set as “page.” Any valid HTML markup can be used within a page, but divs with data-roles of “header,” “content” and “footer” are used most often. An HTML file can also contain multiple pages that are loaded together by stacking multiple divs with data-role=”page.”
There are many cool features about jQuery Mobile framework, such as Auto Initialization, Page Linking, Theming, Form Elements, etc. Apart from a minimal learning curve (if you are familiar with jQuery), jQuery Mobile takes on so much of the functionality for which we’ve been creating custom code. With conventional jQuery, developing a mobile website often means handwriting code to load pages using Ajax, creating animations to style elements and make the site feel more like a native app and using a lot of images to achieve the desired look and feel – not to mention making sure that it works consistently across all major mobile devices. jQuery makes a developer’s life so much easier: especially with the recent awareness and popularity for “Going Mobile” with your business, this framework is worth taking a deeper look at because it can save a lot of time, code and overhead.
You can read more about jQuery Mobile framework and how to use it for the best in the following links:
Dhawal Sehgal is a Programmer at Domus, Inc., a marketing communications agency based in Philadelphia. For more information, visit http://www.domusinc.com. For new business inquiries, please contact CEO and founder of Domus, Inc. Betty Tuppeny at email@example.com or 215-772-2805.