Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.
OWL Carousel 2 is a fully responsive and touch friendly carousel for jQuery/Zepto.
Fixed Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling.
μ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.
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.
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.
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...
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
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:
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.
A responsive, touch-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
doubleTapToGo is responsive and touch-friendly dropdown navigation.
The technique consists of three main parts:
Spectrum is a jQuery colorpicker plugin that comes with many features and options.
Polyfill : Spectrum has a polyfill for the
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.