0
Shares
0
0
0
0

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/

0 Shares:
Share 0
Tweet 0
Pin it 0
Share 0
Share 0
Share 0
Share 0

Always love experimenting with new stuffs.

Leave a Reply

Your email address will not be published. Required fields are marked *

thirteen − 1 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

— Previous article

GoodUI - Useful Tips For a Good User Interface

Next article —

phpFreeChat - Open Source PHP Chat Script

You May Also Like
CCSS

Detect screen size with jQuery and apply a CSS style

  • bySGH
  • November 23, 2011
Sometimes we need to format the content differently according to the screen resolution of the user. One of the ways to do this is to simply detect the screen width using the screen.width property and change the stylesheet.
jjQuery

Really Simple Slideshow – A Flexible Slider Plugin

  • byMark
  • December 3, 2012
Really Simple Slideshow is a jQuery plugin for creating image sliders of any kind. Plugin converts any list of images into a slideshow, it can display captions with each slide, include links and there are multiple transition effects.
jjQuery

qTip2 – Advanced jQuery Tooltip Plugin

  • byMark
  • December 3, 2012
qTip2 plugin can display the tooltip in any position wanted, plays nicely with image maps and they can be set to follow any element (handy for drag 'n' dropped and animated items) or mouse.