アプリ風インターフェイスのフォトギャラリーをCSS3で作成する【jQuery連載17】

jQueryのフォトギャラリー系のライブラリやプラグインはすでにたくさん存在するが、今回はCSS3アニメーションを要素の主な動作に使用しているS Galleryプラグインを使用してフォトギャラリーを作成します。

マウスホイールに動きで横にスクロールの横長ページを作成する【jQuery連載16】

マウスホイールやスワイプ操作で横スクロールする1ページの長い横レイアウトのページを作成してみます。

マウスホイールで1画面毎にページを遷移するパララックス風レイアウトを作成する【jQuery連載15】

複数の背景画像やパーツを異なる速度や方向で動かすことで生じる、視差を活かした奥行き感を演出するパララックス効果ですが、今回はマイスホイールに応じて1画面毎にページを遷移するパララックスを作成しナビゲーションと連動したカスタムを追加して1ページサイトのような形で作成してみます。

ブラウザ全面を使用したページでスクロール位置を自動的に一定の場所にスナップさせる【jQuery連載14】

シングルページサイトの構築で1つの情報になるのかが分かりにくい場合などにマウスホイールに応じてページの先頭部分に自動的にフィットするサンプルを作成します。

コンテンツを自動的に読み込んで無限スクロールさせる方法【jQuery連載13】

次のページを見る際にクリックなどでなく、スクロールした際に自動的に続きのコンテンツを読み込む形をInfinite Scrollプラグインを使用して作成してみたいとおもいます。