現場でかならず使われている CSSデザインのメソッド

現場でかならず使われている CSSデザインのメソッド

現場でかならず使われている CSSデザインのメソッド

すぐに使えるCSSデザインの 多彩なアイデアを満載しました。

佐々木 恵 著/錦織 幸知 著/山川 祐一郎 著/前川 昌幸 著/棧敷 友香子 著/窪木 博士 著/北川 貴清 著/小浜 愛香 著/KLEE Atelier*Spoon 著
B5判 / 224P
ISBN978-4-8443-6368-2 / 価格(本体2,800円+税)※電子版の価格は販売ストアにて
2013年09月25日発売

「レイアウト」「デザインパーツ」「インターフェイス」の3テーマ別に、実際のウェブ制作でよく使用される表現に絞り込んで、スタイルシートのデザインアイデアを多数紹介しました。現在主流となっているデザインや技術、逆に主流でないデザインや技術といったものを明記し、デザイナーのみなさまの疑問を解消します。現在の実際のサイト制作でよく使われていて、なおかつ今風のサイトデザインにすることができるCSSのアイデアブックです。

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

ページイメージ

クリックすると折りたためます
■ページ見本










目次

クリックすると開きます

【目次】
PART1. レイアウト
序論 2013年前後のレイアウトのトレンド
オーソドックスな2段組みレイアウトのページ
オーソドックスな3段組みレイアウトのページ
ウインドウ幅にあわせて可変するリキッドレイアウト
グリッドカラムレイアウトのページ
ヘッダ、フッタを固定したページ
ボックス感のあるデザインのページ
フォントサイズを切り替えられるページ
Webフォントを活用したページ
読者を疲れさせない長文レイアウトのコツ
スマートフォン向けのトップページ
PCでもスマートフォンでも見やすいレスポンシブデザイン
コラム CSS3での新しいレイアウト手法

PART2. グラフィック
序論 2013年前後のグラフィックパーツのトレンド
カルーセルを配置したページ
ページ全体が切り替わるカルーセル
隙間なく写真を敷き詰めたギャラリーページ
サイズに合わせてレイアウトが変わるグリッド型ギャラリー
写真を大きく配置したギャラリー
スマートフォン向けのフォトギャラリー
ダイナミックに写真がスライドするパララックスページ
固定背景を活かしたスクロールレイアウト
コンテンツをポップアップ表示するページ
吹き出しのツールチップをうまく使ったページ
情報量が多くても見やすい表組みデザイン
コラム Flashに代わる技術とは?

PART3. インターフェイス
序論 2013年前後のインターフェイスのトレンド
ドロップダウンメニュー付きグローバルメニュー
スムーズスクロールに対応したグローバルメニュー
サイドバー型のグローバルメニュー
多くのメニュー項目を持つメガドロップダウンメニュー
スマートフォン向けのナビゲーション
アコーディオンを活かしたページ
タブを活かしたページ
使いやすいユーザー登録フォーム
手書き風デザインのお問い合わせフォーム
スマートフォン向けのお問い合わせフォーム
コラム HTML5で強化されたフォームの使いどころ

索引
著者紹介

カスタマーレビュー(出典:amazon.co.jp)

カスタマーレビュー(出典:amazon.co.jp)