ネイティブのタッチ・スワイプ操作に対応したさまざまなスライダーを実装できるJavaScriptライブラリを紹介します。 依存関係は一切なし、IE10を含むすべてのブラウザをサポートしています。 keen-sliderの特徴 keen-sliderはネイティブのタッチ・スワイプ操作と ...

こんにちは、前回、前々回に引き続き、 JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。 基本のスライダー スライダーは簡単にいえば動きの制限されたドラッグです。 今回も、 最初は ...

スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。 他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグイン ...

WebアプリケーションのUIにおいて、直感的な数値入力手段として「スライダー（<input type="range">）」は非常に人気があります。音量調整、画像の明るさ変更、価格帯のフィルタリングなど、多くの場面で利用されています。 しかし、このスライダーの実装に ...

Webアプリケーションにおいて、音量調節や画面の明るさ、価格帯の指定など、「ある範囲内の数値」を直感的に選択させたい場面は多々あります。そんな時に活躍するのが、HTML5の <input type="range"> （スライダー）です。 しかし、ただ設置するだけでは不十分 ...