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

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

noteで公開した自作テーマのWordPressサイトに自動でスライドするバナーを追加したので、今回はスライドアニメーションの実装方法を解説します。 CodePenでのデモは👇️になります。 FANZAなどのASPではバナー画像を用意してありますが、FANZAの場合画像サイズ ...