Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Range’

Lately, I was in a search for a jQuery range slider, jQuery UI’s slider widget was the first that I thought of.

It had all the features I needed: 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.

Tried many others, they were good but almost each of them was missing a feature I needed (that you may not need).

jQuery Range Slider - noUiSlider

And I found noUiSlider. It had all the things I was looking for 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.

Range sliders are very useful UI elements when it comes to selecting min-max values.

jQRangeSlider is a jQuery and jQuery UI-powered slider plugin that has support for both numerical values and date/time.

jQuery Range Slider - jQRangeSlider

It works within a given range of values and can be set to use custom steps (like 10-by-10 or week-by-week).

The plugin works well on touch devices (accept mouse wheels too), can be themed with CSS (there are 2 built-in themes) and provides callbacks for each change in values for interacting easily.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com