2018/09/24
Swiperの水平方向のスワイプ機能を既存の段落に差し込んで使ってみた。後尾スライドの欠けている状態を表示することで、スライダーの存在を明確にした。
2018/10/07
「BookBlock」を使ってページを捲くる動作を楽しむ。正に「Flipboad」のようだが、捲る指示はボタンをクリックしなければならないのが残念。
2019/09/6
ページの末尾までスクロールするとメニューが現れる仕掛け。ここでは slick.js を使っているときの対応策を記している。
タッチデバイスならではのスワイプが使えるページ。スライダーを作成するプラグイン「slick」を使う最初の制作になる。
タブをタップすると動きを伴ってページが移動するサンプル。動きと色で「画面が切り替わっている」を演出する。
2018/10/16
Swiperを使ってスワイプ(上下左右)してみる。reveal.js と Swiper を比較する。モバイルで使うなら Swiper だろう。デザインがし易い。
2019/9/6
reveal.jsを使ってスワイプ(上下左右)してみる。※pinch in(Esc)とpinch out(Esc)で一覧の開閉ができる
2019/1/18
「イタリアの旅」の情報を整理したスワイプさせるslick.jsをベースにした実用編。
スワイプで閲覧できる不動産情報の提案とvw単位の検証実験。
slick.jsにカラムを組み込んで、このシリーズの完成版が出来上がり。
2020/11/19
CSSスライダーの完成版。タブ数に依存しない、マウスまたはタッチイベントに対応したメニュー構造。
2020/12/24
本サイトで扱った全スライダーを掲載。特にメニューとスライダーの組み合わせに的を絞った特集。
2021/1/29
Slider Pro をコンテンツスライダーへ変容させた。ディープリンクが有効。
2021/11/2
縦の流れのスムーズスクロールだけで完全な遷移を成立させる。