net tuts+で、Picasaのイメージギャラリーを作るチュートリアルが紹介されています。
jQueryを使って、カルーセルのようにスクロールできるギャラリーになっていますね。
画像をクリックした時にはFancyboxが、レイアウトには960 Grid CSSが使われています。
ソースがダウンロードできるので、ぜひ見てみてはいかがでしょうか？
Editor's Note
金曜日ですね〜。いい天気で超気持ちいい。
Picasaのイメージギャラリーを作るチュートリアル
About
Webサイト制作に役立つ情報を日々紹介しています。
Recommend
Search
Newsletter
Friends
Recent Entries
- パスに沿ってぐるぐると遷移する「jQuery Scroll Path」
- HoverBar - iPadを空中に固定するためのアーム
- ロクナナのイベント「Illustrator & Photoshop はじめの一歩」
- パララックス効果を実現する「Parallax.js」
- STELLAR.JS - パララックス効果を実装するJavascript
- CSS3で作るふわっと浮き上がるツールチップ
- Pretty Polaroids - シンプルでかわいいポラロイド写真のPSDファイル
- ソーシャルメディアと連携するMac用のアドレスブック「Cobook」
- Zocial - CSS3で作られたソーシャルボタン・アイコンセット
- Google webフォントから優れたフォントだけを紹介する「Beautiful Web Type」
Category
Popular Entries
- 素晴らしいロゴをデザインするための45の法則 | CREAMU
- まじで使えるJavascriptライブラリ75選 | CREAMU
- ロゴデザインをする時に参考になるサイト60+ | CREAMU
- CREAMU
- あなたの生活を刺激するインテリアショップ10選『10 interior shops exciting your life』
- コーディングをさっと済ませるためのCSSテンプレート集 | CREAMU
- 知っておきたいillustratorのチュートリアル40 | CREAMU
- 素晴らしいjQueryチュートリアル集 | CREAMU
- 無料で使えるPhotoshopプラグイン20選『Free Photoshop Plugins』 | CREAMU
- 部屋をカッコ良く見せる５つの方法 | CREAMU
- CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
- コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』
- Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 | CREAMU
- illustratorでどんなフォントもスケッチフォントに変える方法 | CREAMU
- FlashとAction Script3.0のチュートリアル30 | CREAMU
- 多くの人が知らないが知っておくべきフリーウェアTOP10『Top 10 Freeware Software Nobody Knows About - But Should』 | CREAMU
Category
Recent Entries
- パスに沿ってぐるぐると遷移する「jQuery Scroll Path」
- HoverBar - iPadを空中に固定するためのアーム
- ロクナナのイベント「Illustrator & Photoshop はじめの一歩」
- パララックス効果を実現する「Parallax.js」
- STELLAR.JS - パララックス効果を実装するJavascript
- CSS3で作るふわっと浮き上がるツールチップ
- Pretty Polaroids - シンプルでかわいいポラロイド写真のPSDファイル
- ソーシャルメディアと連携するMac用のアドレスブック「Cobook」
- Zocial - CSS3で作られたソーシャルボタン・アイコンセット
- Google webフォントから優れたフォントだけを紹介する「Beautiful Web Type」
Copyright © 2006-2012 CREAMU All Rights Reserved.