Smashing Magazineで、デザインをよりよくするためのレイアウトソリューションが紹介されています。
ざっとご紹介しますね。
1. スライダー&Carousel
2. タブナビゲーション
3. モーダルウィンドウ
4. ロールオーバーエレメント
5. 新しさを感じさせるレイアウト
6. グリッド
7. アコーディオン
8. 大きいドロップダウンメニュー
1 のスライダー&Carouselだと、例として
ナビゲーションエリアにサムネイルとアイコンがあるタイプ（Codaなど）
プロダクトの画像がナビゲーションになっているタイプ
大きく垂直方向に存在する「clickbar」
が紹介されていて、スクリプトも以下のように載っています。
» Slick Accessible Slideshow using jQuery
» Coda-Slider 1.1.1
» jquery.scrollable 1.0.2
ぜひ一度見てみてください。
Editor's Note
エントリーの画像に自分で撮った写真を使い始めました。結構楽しい。ささっとトリミングしていい感じにしていきますー。自然の写真が多いかもですが。。
Related Entry
- ロゴの固定配置が美しい「Universal Design Studio」
- 白と黒で統一したシンプルなデザイン
- 落ち着きのある機能美に優れたサイト
- 手書き文字がかわいいレストランのサイト
- 大きな絵がアニメーションする絵本作家さんのサイト
- 上品な色使いとレイアウトが美しい和のサイト
