Touch

June 10, 2013 Mobile no responses # , , , , ,

Swiper – Framework-Free Mobile Slider

Swiper is a beautiful content slider that is built for mobile and works pretty fast as it usesВ hardware accelerated transitions. The slider is lightweight, uses no JavaScript frameworks and has support for “touch events” whose interaction ratio can be customized.

It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).

Swiper

Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped. Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.

There is an API that allows controlling the pagination and provides callbacks on major events. It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://www.idangero.us/sliders/swiper/
Demo: http://www.idangero.us/sliders/swiper/demos.php
Download: https://github.com/nolimits4web/Swiper

May 15, 2013 jQuery no responses # , , , , ,

noUiSlider – Fantastic Range Slider For jQuery

jQuery UI’s slider widget have all the features needed for a jQuery range slider: working as a single or range slider, default values and man/maxvalues. However, the smallest download size for it was still ~40kb. Too much for a slider.

jQuery Range Slider - noUiSlider

Another one is noUiSlider. It have all the things needed and with a size of 2.7kb. There is support for single or double handles, custom starting values, vertical/horizontal orientation and the ability to get /set values.

Also, it works on touch devices and can be customized with CSS completely. Just a perfect widget for any UI.

Requirements: jQuery
Compatibility: All Major Browsers

Website: http://refreshless.com/nouislider/
Download: http://refreshless.com/nouislider/download/

December 3, 2012 JavaScript , jQuery no responses # , , , , ,

Hammer.js – Touch Gestures With JavaScript

Hammer.js is a JavaScript library for adding touch gestures support to any website so that users can interact with them easier on touch devices.

Continue reading

Pin It on Pinterest