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

最近はユーザインターフェイス（UI）やページ遷移などが、まるでネイティブアプリのように動作するウェブサイトが見られるようになりました。 jQueryのフォトギャラリー系のライブラリやプラグインはすでにたくさん存在するが、今回はCSS3アニメーションを要素の主な動作に使用しているS Galleryプラグインを使用してフォトギャラリーを作成します。 今回作成したサンプル ・フォトギャラリー http://www.html5-memo.com/sample/jq-books/09/ ブラウザ表示領域が広い（表示領域幅1025ピクセル以上）の写真のサムネイル一覧画面。サムネイルは3列で並べられています。 スマートデバイスなどのブラウザ表示領域が狭め（表示領域幅768ピクセル以下）の写真のサムネイル一覧画面。サムネイルは2列で並べられています。 サムネイルをクリックすると浮遊感を伴ったエフェクトと共