BT
x Your opinion matters! Please fill in the InfoQ Survey about your reading habits!

jQuery Mobile 1.3.0 Released

by Ralph Winzinger on Mar 11, 2013 |

The jQuery Foundation released version 1.3.0 of its JavaScript and HTML5/CSS framework jQuery Mobile. The update focusses on responsive web design and introduces new widgets for mobile applications.

Responsive web design (RWD) aims at providing the best possible viewing experience, regardless of which device or browser technology is used. Instead of determining the user agent on the serverside and delivering specific pages, RWD uses CSS media queries to adapt the page layout dynamically in the browser. Thus it is not only possible to render pages for different screen sizes, but also to react for example to changed device orientation.

Todd Parker, Project Lead at jQuery Mobile, details the shift towards responsive design:

jQuery Mobile is also designed and fully tested to work not just on mobile phones, but tablets and even desktop browsers. Think of it as mobile-first, not mobile only. In fact, in our next release we're going to be starting the process of integrating closer with the jQuery UI with the goal of having even more shared code and conventions. Our focus for the 1.3 release has been to educate the community on responsive web design by adding responsive documentation and demos that explain key concepts and also by adding new widgets like responsive tables, panels and grids that make it easy to build responsive sites and apps.

Besides preparing for RWD with these new widgets, the update includes a set of new UI elements and functionality:

  • input-form or menu-style panels which might be opened animated on smaller devices or remain statically open on larger screens
  • range sliders with two handles to define a lower and upper bound value with one single widget
  • new icons and enhanced icon theming
  • navigation events and a navigation method supporting browser history handling in the course of Ajax-based DOM manipulation
  • enhanced swipe handling to attach custom logic to swipe starts and ends

The jQuery Foundation offers various libraries to simplify JavaScript and HTML5/CSS based application design, providing cross-browser compatibility. Besides jQuery Mobile - focussed on mobile interfaces, there are jQuery for enhanced JavaScript and Ajax functionality, jQuery UI for desktop application user interfaces or the QUnit JavaScript testing framework.

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Good! by GuoQing Deng

jQuery mobile eBook Update:
www.helpmesh.net/s/jQuery.mobile/

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

1 Discuss

Educational Content

General Feedback
Bugs
Advertising
Editorial
InfoQ.com and all content copyright © 2006-2014 C4Media Inc. InfoQ.com hosted at Contegix, the best ISP we've ever worked with.
Privacy policy
BT