Advertise here

jQuery Plugins Tagged ‘mobile’

Perspective Page View Navigation

December 18, 2013     12023     CSS3 & CSS Menu Animation
Perspective Page View Navigation

Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.

Pushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where "views" are shown with animations. Here are small set of effects that take the page and move it in 3D to reveal a navigation.

Read More »

Bigfoot – jQuery Plugin for Creating Exceptional Footnotes

December 11, 2013     1406     Mobile Responsive
 Bigfoot – jQuery Plugin for Creating Exceptional Footnotes

Bigfoot.js is a simple jQuery plugin that detects footnotes on the page and makes them better. It creates clickable buttons out of the original footnote link and creates a popover when the footnote button is clicked. Finally, the script make sure the popover is appropriately sied and positioned so that it looks great on any screen size.

Read More »

Leaflet – JavaScript Library for Mobile Friendly Maps

November 06, 2013     3681     Mobile Maps
Leaflet – JavaScript Library for Mobile Friendly Maps

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps

Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones.

It can be extended with many plugins, has a easy to use and well-documented API and a simple, readable source code.

Read More »

Mobify.js – Adapt Your Site for Any Device

October 28, 2013     4664     Mobile Responsive
Mobify.js – Adapt Your Site for Any Device

Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.

Mobify.js also provides a “Capturing” API for manipulating the DOM before any resources have loaded, giving developers the ability to enable the listed features above without changing any backend markup.

Read More »

TouchSwipe – jQuery Plugin for Touch Devices

October 27, 2013     5271     Mobile
TouchSwipe – jQuery Plugin for Touch Devices

TouchSwipe is a jQuery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc.

Features

  • Detects swipes in 4 directions, "up", "down", "left" and "right"
  • Detects pinches "in" and "out"
  • Supports single finger or double finger touch events
  • Supports click events both on the touchSwipe object and its child objects
  • Definable threshold / maxTimeThreshold to determin when a gesture is actually a swipe

Read More »

Bootstrap TouchSpin – Mobile and Touch Friendly Input Spinner for Bootstrap

October 11, 2013     8467     Mobile Form Elements Bootstrap
Bootstrap TouchSpin – Mobile and Touch Friendly Input Spinner for Bootstrap

Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3. It supports the mousewheel and the up/down keys.

Read More »

SlickNav – Responsive Mobile Menu Plugin

October 01, 2013     56731     Menu Mobile Responsive
SlickNav – Responsive Mobile Menu Plugin

SlickNav is a responsive mobile menu plugin for jQuery.

Features

  • Supports with multi-level menus
  • Flexible, simple markup
  • Cross-browser compatibility
  • Keyboard Accessible
  • Degrades gracefully if javascript disabled
  • Creates ARIA compliant menu

Read More »

Vex – Modern Modal Boxes

September 20, 2013     11956     Modal & Overlay
Vex – Modern Modal Boxes

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. It's tiny, has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.

Read More »

Creating Jelly Navigation Menu for Touch Devices

August 23, 2013     5118     Menu Mobile
Creating Jelly Navigation Menu for Touch Devices

A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.

PaperJS used for the canvas graphics and TweenJS used for the animations.

Read More »

RTP.Slider.js – Flexible and Responsive Slider Plugin with Touch Support

August 11, 2013     6519     Slider Mobile Responsive
RTP.Slider.js – Flexible and Responsive Slider Plugin with Touch Support

RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

Read More »

SimpleSlideView – jQuery Plugin for Simplest of Sliding Views

August 04, 2013     4337     Slider Mobile Responsive
SimpleSlideView – jQuery Plugin for Simplest of Sliding Views

SimpleSlideView is a jQuery plugin for simplest sliding views (incoming views that “push” old ones off-screen) with the ability to activate/deactivate for responsive layouts.

Read More »

Tabby – Lightweight and Mobile First Toggle Tabs

July 24, 2013     3448     Mobile Tabs
Tabby – Lightweight and Mobile First Toggle Tabs

Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It's style-light so you can easily modify it to fit your design.

Read More »

Bootstrap Dual Listbox

July 14, 2013     19732     Form Elements Bootstrap
Bootstrap Dual Listbox

Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.

Read More »

Touch Image Gallery

July 06, 2013     4179     Slider Gallery Mobile
Touch Image Gallery

Touch Image Gallery is a simple image gallery that caters to mobile and desktop browsers alike, by being touch/swipe friendly, in addition to the traditional way of navigating. The gallery can be navigated in the following intuitive ways:

  • By swiping left or right using your fingers in mobile browsers, or dragging using a mouse.
  • By tapping or clicking on either the left or right edges of the gallery.
  • By clicking on the auto generated bullets underneath the gallery.

The gallery itself consists of just a regular <ul> list with images defined inside it. A simple to implement, cross device friendly gallery this is.

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     22916     Mobile Responsive
Mobile Friendly and Responsive Expanding Search Bar

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

Summarized, this is what we want the search component to do:

  • Initially, we only want to show a button with a search icon.
  • When clicking on the icon, we want a text input to slide out.
  • The component should be fluid, meaning that we can use it in a responsive context.
  • For a smoother experience on touch devices, we’ll also want to add support for touch events.

Read More »

AdvertisementAdvertise with us!