Advertise here

Mobile

Flip – Flipboard Like Effect for jQuery & jQuery Mobile

May 14, 2013     19700     CSS3 & CSS Mobile Effects
Flip – Flipboard Like Effect for jQuery & jQuery Mobile

Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.

Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.

Read More »

Responsive Retina-Ready Menu

May 09, 2013     7025     Menu Mobile Responsive
Responsive Retina-Ready Menu

responsivetouch-friendly and Retina-ready menu with three layouts for different browser sizes.

The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, we will use an icon font so that the icons of the menu won’t get pixelized on resize

Read More »

dragend JS – jQuery Plugin for Content Swiping

May 07, 2013     8871     Slider Mobile
dragend JS – jQuery Plugin for Content Swiping

dragend JS is a swipe plugin for jQuery. It's open source and uses hammer.js for observing multi-touch gestures.

Features

  • horizontal and vertical swiping
  • mobile and desktop ready
  • lightweight 
  • keyboard navigation
  • fullscreen or boxed
  • contend scribe
  • resize adjustment
  • overscroll

Read More »

FlexNav – jQuery Plugin for Responsive Menus

April 18, 2013     30956     Menu Mobile Responsive
FlexNav – jQuery Plugin for Responsive Menus

Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility

A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.

Features

  • Multiple nested sub menus
  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • Fallback for no JavaScript
  • Supports em units

Read More »

mSlide – jQuery Slider Plugin with Touch Support

April 16, 2013     3710     Slider Mobile
mSlide – jQuery Slider Plugin with Touch Support

mSlide is simple and easy to use slider-gallery with touch support.

Read More »

doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

April 15, 2013     45941     Menu Mobile Responsive
doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

doubleTapToGo is responsive and touch-friendly dropdown navigation.

The technique consists of three main parts:

  1. Simple drop-down navigation based on HTML and CSS;
  2. Responsiveness implementation using media queries;
  3. Adoption for touch screen devices with the help of a super tiny jQuery plugin.

Read More »

Navobile – Mobile Navigation jQuery Plugin

April 10, 2013     12320     Menu Mobile
Navobile – Mobile Navigation jQuery Plugin

jQuery Navobile is a jQuery plugin that makes mobile navigation easy. Navobile uses CSS to apply CSS3 translations, Mobile device detection and fixing the position of nav.

Read More »

Responsive Nav – Responsive Navigation Plugin with Touch Support

April 09, 2013     2786     CSS3 & CSS Mobile Responsive
Responsive Nav – Responsive Navigation Plugin with Touch Support

Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens.

It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

Read More »

Swipe – Responsive Touch Slider

March 17, 2013     10178     Slider Mobile Responsive
Swipe – Responsive Touch Slider

Swipe is lightweight and accurate touch slider.

Features:

  • Responsive
  • Resistant Bounds
  • Scroll Prevention
  • Library Agnostic
  • IE7+ Compatible

Read More »

Alpaca – Easy Forms for jQuery and Twitter Bootstrap

March 07, 2013     3395     Mobile Form Elements Validation Bootstrap
Alpaca – Easy Forms for jQuery and Twitter Bootstrap

Alpaca is the Easy Forms Engine for jQuery / Bootstrap. It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic.

Alpaca comes pre-configured to work nicely with the following web frameworks:

Read More »

Hook.js – Pull to Refresh Plugin for Web

March 05, 2013     3563     Mobile
Hook.js – Pull to Refresh Plugin for Web

Hook.js is a plugin that  took a "pull to refresh" feature from mobile phones and tablets and made it work for the web.

Read More »

Spectrum – jQuery Color Picker Plugin

February 27, 2013     3854     HTML5 Mobile
Spectrum – jQuery Color Picker Plugin

Spectrum is a jQuery colorpicker plugin that comes with many features and options.

  • Polyfill : Spectrum has a polyfill for the input[type=color] HTML5 control. This mode needs to work without JavaScript enabled – and fallback to an input[type=text] like other HTML5 inputs

  • Customizable : It is easy to skin and customize the plugin with CSS, and there are a wide range of modes and options to explore.

  • Mobile Support: Along with desktop browser support, touch friendly, worked in iOS and Android, and used standards that maximize future mobile support.

  • Small Footprint: JavaScript is well less than 10K gzipped.

Read More »

Full Width Image Slider

February 26, 2013     9482     Slider Gallery CSS3 & CSS Mobile
Full Width Image Slider

Full Width Image Slider is a very simple 100% width slider that scales down to mobile.

This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

Read More »

slideToucher – Touch Enabled jQuery Content Swiping Plugin

February 23, 2013     9247     Slider Mobile
slideToucher – Touch Enabled jQuery Content Swiping Plugin

slideToucher is a touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.

Read More »

Swipeshow – jQuery Touch Enabled Slideshow

February 18, 2013     2886     Slider Mobile
Swipeshow – jQuery Touch Enabled Slideshow

Swipeshow is an unassuming touch-enabled JavaScript slideshow.

Features

  • Showcase anything. You're not limited to images: any markup will do.
  • Touch-enabled. Swipe away on your iPad, iPhone, Android device, or anything touch-enabled.
  • Style-it-yourself. The default CSS has nothing in it except laying out your slides side-by-side. You'd be in charge of figuring out how to add borders or anything else you like.
  • Hardware-accelerated. Animations are done via CSS transitions, which will render smoothly on mobile devices. It will automatically fall back to frame-by-frame animation when transitions aren't available.

Read More »

AdvertisementAdvertise with us!