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

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

先日はSwiper.jsを紹介しました！ 今回は、スライダー作りのもう一つの強力な味方「Slick Slider（スリック・スライダー）」をご紹介します。 Slick Sliderも、JavaScriptの知識が少なくても、驚くほど簡単にハイクオリティなスライダーが作れる優れもの。 前回の ...