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デザイン表現&技法の新・スタンダード』からの転載です。
この記事は誌面でも読むことができます。