MdN Web Mook 現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール
エムディエヌコーポレーション / 2014年01月27日 / 全161ページ
【いまのWebデザインのトレンドがこの1冊でわかります。】
HTML5+CSS3、マルチデバイス対応、レスポンシブWebデザイン、フラットデザイン、モバイルファースト、CSSフレームワークなど、近年のWebデザインに続々と登場している新しい技術や手法を1冊にまとめて解説。デザイン・レイアウト、コーディング、サイト運用・管理など、現場で役立つトピックを多岐にわたって網羅しています。「最近はどんなレイアウトが流行っている?」「HTML5とXHTMLのどちらで制作するべき?」といったよくぶつかる疑問を解消し、Web制作の“いま”を体系的に理解できる1冊です。
HTML5+CSS3、マルチデバイス対応、レスポンシブWebデザイン、フラットデザイン、モバイルファースト、CSSフレームワークなど、近年のWebデザインに続々と登場している新しい技術や手法を1冊にまとめて解説。デザイン・レイアウト、コーディング、サイト運用・管理など、現場で役立つトピックを多岐にわたって網羅しています。「最近はどんなレイアウトが流行っている?」「HTML5とXHTMLのどちらで制作するべき?」といったよくぶつかる疑問を解消し、Web制作の“いま”を体系的に理解できる1冊です。
目次
- 扉
- はじめに
- 目次
- 本書の使い方
- ■CHAPTER 1 デザイン・レイアウト
- 01 現在のWebデザインの潮流はどのようなものか
- 02 レイアウトの最近のトレンド
- 03 最近のプロモーションサイトの傾向
- 04 配色のトレンド
- 05 脱ビットマップ画像のトレンド
- 06 フラットデザインの注意点
- 07 ヘッダ・フッタ固定のコンテンツ横スクロール
- 08 パララックス効果/スクロールにともなうアクション
- 09 Infinite Scroll
- 10 Masonry
- 11 背景全面動画
- 12 流行のデザインパーツ「ロングシャドー」
- 13 Webデザインに使える無料ツール
- 14 使い勝手のよいWebフォント
- 15 デザインガイドライン作成のトレンド
- 扉
- はじめに
- 目次
- 本書の使い方
- ■CHAPTER 1 デザイン・レイアウト
- 01 現在のWebデザインの潮流はどのようなものか
- 02 レイアウトの最近のトレンド
- 03 最近のプロモーションサイトの傾向
- 04 配色のトレンド
- 05 脱ビットマップ画像のトレンド
- 06 フラットデザインの注意点
- 07 ヘッダ・フッタ固定のコンテンツ横スクロール
- 08 パララックス効果/スクロールにともなうアクション
- 09 Infinite Scroll
- 10 Masonry
- 11 背景全面動画
- 12 流行のデザインパーツ「ロングシャドー」
- 13 Webデザインに使える無料ツール
- 14 使い勝手のよいWebフォント
- 15 デザインガイドライン作成のトレンド
- 16 デザインの流行を把握できるWebリソース
- ■CHAPTER 2 マルチデバイス対応
- 01 マルチデバイスへの対応を検討する
- 02 モバイルファーストの考え方
- 03 モックアップ作成とインブラウザデザイン
- 04 各OSのデザインガイドラインを参考にデザインを考える
- 05 最近のスマートフォンサイトのレイアウトのトレンド
- 06 レスポンシブレイアウトの変化パターン
- 07 スマートフォン特有のコーディング
- 08 iOSとAndroidの違い
- ■CHAPTER 3 HTML・CSS・JavaScript
- 01 ターゲットブラウザの決め方の最新潮流
- 02 HTML5かXHTMLか
- 03 CSS3はどう使うか
- 04 ベンダープレフィックス付きCSSの注意点
- 05 リセットCSSとノーマライズCSS
- 06 ブラウザ対応用JavaScriptライブラリ
- 07 フォームを使いやすくするコーディング
- 08 アイコンにWebフォントを使う
- 09 CSSフレームワークの使い方
- 10 CSSメタ言語とは
- 11 SassとCompassの使い方
- 12 ポストプロセッサーによるCSSの最適化
- 13 肥大化を避けるためのCSS設計
- 14 フロントエンドでのサイト軽量化の技術
- 15 Zen-CodingからEmmetへ
- 16 最近のエディタ事情
- 17 jQueryの1.x系と2.x系
- 18 Node.jsとその周辺技術
- 19 開発者ツールやシミュレーターの活用
- ■CHAPTER 4 サイト構築・管理・運用
- 01 Gitを使ったデータ共有と実務でのプロジェクト管理
- 02 最近のCMS事情
- 03 CMS化を検討すべきサイトとそうでないサイト
- 04 バックエンドでのサイト高速化の技術
- 05 本来の目的に立ち返りつつあるSEOの最新情勢
- 06 ソーシャル対応はどのように行うか
- 07 Google Analyticsの活用方法
- 付録 最新情報を知るためのWebリソース
- INDEX
- 著者・監修者プロフィール
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。