Showing posts with label jquery mobile. Show all posts
Showing posts with label jquery mobile. Show all posts
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.

Tuesday, January 10, 2012

A Showcase Of 15 jQuery Mobile Sites For Inspiration

jQuery Mobile 1.0 was out on last year. jQuery Mobile is a Touch-Optimized Web Framework for Smartphones & Tablets. This is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. jQuery Mobile 1.0 Final Requires jQuery core 1.6.4.

In this post I am sharing 15 websites that are purely based on jQuery Mobile. This showcase is for upcoming Web Designer and Developers to boost their inspiration.

So here's the following list:

Obama 2012

Mobile website for President Barack Obama.


Box.net

Box provides simple, secure sharing from anywhere – letting users easily store files online, send big files fast, access content on their mobile devices, and collaborate with others.


Slideshare

Mobile version of the world’s largest community for sharing presentations.


OpenTable

Mobile site for restaurant reservations service OpenTable.


Sea-Doo

Mobile site for Sea-Doo boats/watercraft.


Moulin Rouge

Mobile website for the “most famous cabaret in the world”.


LIFE

LIFE.com, the largest, most amazing collection of professional photography on the Web.


Stedesign

Portfolio site for web designer Stefano Tirloni.


BBC Radio 1

British national radio station operated by the British Broadcasting Corporation.


Woos

Interesting people & places


Zaarly

Zaarly is a proximity based, real-time buyer powered market. Buyers make an offer for an immediate need and sellers cash in on an infinite marketplace for items and services they never knew were for sale.


Sears

Mobile site for Sears.


Yasalam

Yaslam is the largest urban festival in the GCC region.


Abu Dhabi Ocean Racing

Mobile site for the Abu Dhabi Ocean Racing Team.


junkyard.se

Skateboard, snowboard and street wear retailer. Site in swedish.


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

 

Copyright © 2009 - tutorialfeed.org