|
Webデザイン |
![]() |
Webサイトの目的を見据えて、適切なレイアウトに
いま知らないと困るWebデザインの流行テクニックと最新情報を一冊にまとめた、2011年1月29日発売のweb creators特別号「Webデザイン表現&技法の新・スタンダード」から、ピックアップして記事を紹介していきます。レイアウトや配色設計の手法から、人気のデザイン表現、ユーザビリティを劇的に向上するナビゲーション&インタラクション、CSS3+HTML5やスマートフォンサイト制作などの最新技術まで、Webデザインとコーディングに関する多彩な情報を解説していきます。
| ナビゲーション編 目次 |
| Lesson 01 | CSSのみで実装するシンプルなロールオーバー(1) ベーシックタイプ | |
| Lesson 02 | CSSのみで実装するシンプルなロールオーバー(2) CSSスプライト | |
| Lesson 03 | ふわっと画像が切り替わるロールーバー | |
| Lesson 04 | ドロップダウンでメニューを一斉表示 | |
| Lesson 05 | 階層構造がわかりやすい多重階層メニュー | |
| Lesson 06 | 階層の構造ごと表示するツリー型ナビゲーション | |
| Lesson 07 | スクロール時に透ける上部固定型ナビゲーション | |
| Lesson 08 | Cookieを利用したパス型パンくずリスト | |
| Lesson 09 | シンプルで汎用性の高いパンくずリスト | |
| Lesson 10 | アコーディオン機能があるスライド型パンくずリスト |
本記事はweb creators特別号『Webデザイン表現&技法の新・スタンダード』からの転載です。
この記事は誌面でも読むことができます。





