デザインとグラフィックの総合情報サイト
[エムディエヌ・デザイン・インタラクティブ]

Webデザイン表現&技法の新スタンダード - ナビゲーション編目次

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




2363s

twitter facebook google+ このエントリーをはてなブックマークに追加 RSS