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...
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.
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.
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.
Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
OWL Carousel is touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
Features:
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.
blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
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:
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.
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:
Ion.Zoom is an easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place. Also supprort keyboard controls with ESC, LEFT and RIGHT button. Supports multiple independently operating galleries in one page. Works on touch screen devices (iPhone, iPad, etc.).
Swiper is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps.
Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers.
Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
Excolo Slider is simple responsive, touch enabled jQuery slider.
Features:
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.
