こんにちは、前回、前々回に引き続き、 JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。 基本のスライダー スライダーは簡単にいえば動きの制限されたドラッグです。 今回も、 最初は ...
WebアプリケーションのUIにおいて、直感的な数値入力手段として「スライダー(<input type="range">)」は非常に人気があります。音量調整、画像の明るさ変更、価格帯のフィルタリングなど、多くの場面で利用されています。 しかし、このスライダーの実装に ...
noUiSlider is lightweight JavaScript range slider, originally developed to be a jQuery UI alternative. It features cross-browser support, a wide range of options and support for a bunch of touch ...
It can be used for free and without any attribution, in any personal or commercial project. noUiSlider is a stable project that still receives a lot of feature requests. A lot of these are interesting ...