SimpleBloggerTips: 10 Best jQuery Mobile Plugins For Mobile Developers

Nowadays jQM (jQuery Mobile) becoming very popular.Mobile developers from across the world contributing their knowledge to make it more user friendly and interactive.The developers in turn have found solace in jQuery Mobile, which is being widely used for developing mobile based applications.Here i am listed 10 most widely used plug-ins for developing mobile based applications.

Google Maps

Google Maps are really popular these days and are being frequently used by the users to understand and get directions. Google Maps Jquery plugin contains the following features:

• Google maps with geolocation

• Using clusters with MarkerClusteredPlus

• Microformats, Google streetview and jQuery dialog

• Click and drag events with Google geo search

• Show markers from JSON

• Show markers with microdata

• Show markers with microformats

• Show markers with RDFa

• Show markers from Google Fusion tables

• Filter markers by property

 

jQuery Mobile Pagination Plugin

Pagination is jQuery Plug-in which is specifically used for creating a sequence like pagination between various pages. It completely supports the keyboard, touch and mouse based input devices.

This pagination plugin helps in creating a touch and drag navigation between various HTML pages. Simply by adding this plugin into your page, you shall be able to link various documents together through simple HTML anchors.

PhotoSwipe - Image Gallery for mobile and touch devices

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices moreover PhotoSwipe provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

Diapo slideshow

Diapo provides free slideshow facility. You can download it and use it without any charges. Besides, it is an open source project, which allows you to make changes in the same.

Bartender: Cross-browser iOS-style tab bar

Bartender is iOS style tab bar, which is compatible with various web browsers. It is based on JQM elements and is powered only by CSS. You need not be a jQuery expert to handle the same, good understanding of CSS would do.

When it comes to cross browser compatibility, this plugin has been tested on Internet Explorer 7, Android, iOS, Safari, Google Chrome and Opera. The retina buttons of the same are placed on all of the major browsers except for Internet Explorer 7 and 8 version and it contains all the the necessities for CSS.

Mobiscroll

Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab)
A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

jQuery-Mobile-DateBox

DateBox is a jQuery-mobile based date and time picker having following features.

• Multiple Data-Entry Modes

• 4 Different display modes

• Fully localized

• Supports data-limiting of input

• Automatically parses hand-entered or pre-entered dates on open

• Auto-bind's to data-type='datebox', options are configurable via data-options

Actionsheet: An iOS like action sheet for jQuery Mobile

A very easy to use and fully markup-driven action sheet. Easy to configure CSS3 based keyframe animations. Popup content can be any HTML. No JavaScript coding needed.

Twitter Bootstrap jQuery Mobile Theme

A jQuery Mobile theme based on Twitter Bootstrap. It would be a fun project to build out a jQuery Mobile theme emulating everyone's favorite hotness, the Twitter Bootstrap UI library.

960 grid for jQuery Mobile

jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets.