Wednesday, February 22, 2012

10 Awesome jQuery Mobile Plugins For Mobile Developers

jQM (jQuery Mobile) becoming very popular now a days. Mobile developers from across the world contributing their knowledge to make it more user friendly and interactive.

In this post I am sharing some good jQM plugins for mobile developers. These are all jQuery Mobile compatible plugins, many use the theme framework, auto-initialization and data- attribute configuration features or core mobile widgets.

Here's the following list:

jQuery Mobile Pagination Plugin

Pagination: a jQuery Mobile plugin for sequential pagination between pages with support for touch, mouse, and keyboard!

The Pagination plugin creates touch-drag navigation between separate HTML pages. Simply add this plugin to your page and link together documents via ordinary 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 slideshow is an open source project. You can suggest changes or improvements if you want. You can download it and use for free.


Bartender: Cross-browser iOS-style tab bar

This is free to use Cross-browser iOS-style tab bar with following features:

  • based on JQM elements
  • CSS-only, no Jquery needed
  • Tested on IE7+, latest FF, Opera, Chrome, Safari, Android, iOS
  • Retina icons on all browsers except IE7-8
  • Single retina-regular or separate sprites
  • All CSS-gradients


Google Maps

Google Maps based on jQM element with 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


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.


If you really like this post then please share in your social network or leave a comment.

Related Posts :





5 comments :

Unknown said...

bartender link is wrong

Rakesh Sharma said...

Thanks Ivan Torres notifying this...link has been corrected now.

Facebook Statistics said...

Such a useful resource shared of these useful plugins. Liked it.

Web Development Services Texas said...

This is the best source on the web for inspiring digital design. Thank you so very much.

hassan said...

Nice post love your blog.This blog is awesome full of use full information that i was in dire need of. Thanks for this post. Keep it up.
iphone slots

Post a Comment

 

Copyright © 2009 - tutorialfeed.org