jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。 スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を表示した際に巻き戻さずに ...

スマホなどのタッチデバイス対応、ミニマルにデザインされた素敵なスライダーを実装するMIT, GPLライセンスのスクリプトを紹介します。 スクリプトは単体でもjQueryのプラグインとしてでも動作します。 デモではミニマルながら、多機能なさまざまな ...

スライダーに種類は様々ありますよね。自動的に画像が移り変わったり、左右に表示された三角のボタンを押すと隣の隠れた画像を表示するなど。 私が「こんなサイト作りたい！」と思ったのは下記サイトになります。中でも気になったのは商品一覧の表示 ...

以前より少なくなった印象はありますが、ファーストビュー（FV）にスライダーを設置するのは、Webデザインの王道とも言える表現手法です。 とはいえ、シンプルに画像が切り替わるだけだと、昨今の目の肥えたユーザーには刺さりづらいかもしれません。