Advertise here

jQuery Plugins Tagged ‘touch friendly’

Simple Lightbox – Touch-Friendly Image Lightbox with jQuery

July 04, 2015     9148     Gallery Mobile Responsive
Simple Lightbox – Touch-Friendly Image Lightbox with jQuery

Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.

Features:

  • Responsive
  • Touch-friendly
  • Lightweight
  • Preloading next and previous image
  • Android, iOS and Windows phone support
  • CSS3 Transitions with fallback for older browsers

Read More »

Owl Carousel 2 – jQuery Responsive and Touch Friendly Carousel

May 05, 2014     29854     Slider Carousel Mobile Responsive
Owl Carousel 2 – jQuery Responsive and Touch Friendly Carousel

OWL Carousel 2 is a fully responsive and touch friendly carousel for jQuery/Zepto.

New features

  • Brand new code
  • Infinity Loop
  • Handle 1000's items on mobile devices
  • Smart Speed
  • Stage Padding
  • YouTube/Vimeo support (fetching thumbnails as well)
  • RTL

Read More »

Fixed Nav – Responsive & Fixed One Page Nav

March 19, 2014     14549     Menu Scroll Responsive
Fixed Nav – Responsive & Fixed One Page Nav

Fixed Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling.

Read More »

μslider – Responsive jQuery Content Slider

February 28, 2014     6783     Slider Responsive
μslider – Responsive jQuery Content Slider

μslider is a responsive and touch friendly jQuery plugin slider. Content can be anything: images, text, iframes, html5 video and audio (natively), YouTube and Vimeo videos with a light js patch. It's highly flexible and very easy to configure.

Read More »

Image Lightbox – Responsive and Touch Friendly Lightbox

February 02, 2014     16092     Gallery Responsive
Image Lightbox – Responsive and Touch Friendly Lightbox

Image Lightbox is a ascetic, minimalistic, extensible & configurable, responsive and touch-friendly, iOS, Android and Windows Phone compatible lightbox plugin. Silently preloads next image, uses CSS transform and transition, interacts with keyboard.

Read More »

Sortable – JavaScript Sorting Library for Modern Browsers and Touch Devices

December 24, 2013     7639     Mobile Drag & Drop
Sortable – JavaScript Sorting Library for Modern Browsers and Touch Devices

Sortable is a minimalist JavaScript library for modern browsers and touch devices.

Features

  • Support touch devices
  • Built using native HTML5 drag and drop API
  • Simple API
  • Lightweight, 2KB gzipped

Read More »

Bootstrap TouchSpin – Mobile and Touch Friendly Input Spinner for Bootstrap

October 11, 2013     9430     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 »

jQuery Fluid Content Scroller

October 10, 2013     2432     Scroll Responsive
jQuery Fluid Content Scroller

jQuery Fluid Content Scroller plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the top and at the bottom of the page / list container allowing to instantly scroll up and down to a particular post on the list.

Read More »

Glide – Responsive and Touch Friendly jQuery Slider

September 01, 2013     25710     Slider CSS3 & CSS Mobile Responsive
Glide – Responsive and Touch Friendly jQuery Slider

Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It's simple, lightweight and fast.

Also it has features such as; Swipe event, Arrows and bullets navigation, Keyboard navigation, Autoplay, Pause on hover etc...

Read More »

slimMenu – jQuery Multi-Level and Responsive Menu

July 24, 2013     39445     Menu Responsive
slimMenu – jQuery Multi-Level and Responsive Menu

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

Features:

  • Multi-level nested menus.
  • 100% mobile responsive menus.
  • Multiple slimMenu navigations on the same page.
  • Tap areas to toggle sub menus easily in touch devices.
  • Hover option and effects for desktop version.
  • Submenu indentation options for responsive version.

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     24187     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 »

Horizontal Slide Out Menu

May 17, 2013     38804     Menu Mobile Responsive
Horizontal Slide Out Menu

A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.

Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.

Read More »

Responsive Retina-Ready Menu

May 09, 2013     7164     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 »

doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

April 15, 2013     47411     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 »

Spectrum – jQuery Color Picker Plugin

February 27, 2013     4633     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 »