スマートフォンサイトのためのHTML5+CSS3

内容紹介

スマートフォン用のサイトを制作するのに有効なHTML5とCSS3の機能とテクニックをぎゅっとまとめた最強の解説書の登場です。

iPhone、iPad、Androidといったスマートフォンやタブレットの普及につれて、それに対応したサイトの制作事例が増えています。
しかしスマートフォンやタブレットに最適化したWebページを制作するには、それぞれの機種や搭載ブラウザの特性を把握しなければならず、大変です。
そこで本書では、レスポンシブWebデザイン、デバイスの特性や機能の判定、ビューポートの設定、高解像度デバイスへの対応など、知っておきたい知識とノウハウを解説しました。

Chapter1「スマートフォンやタブレットに対応したサイト構築の考え方」は総論として、スマートフォンサイト制作の考え方をまとめています。
Chapter2「レスポンシブWebデザインの実践」では、可変レイアウト、固定レイアウト、可変レイアウト＋固定レイアウトそれぞれのレスポンシブWebデザイン制作を、サンプルを用いて解説しています。
Chapter3「特性や機能の判別」ではデバイスの特性や機能の判別について解説。CSS3のメディアクエリーやModernizrを使った機能の判別方法などを紹介しています。
Chapter4「ビューポートとブラウザの設定」ではビューポートの設定、Chapter5「高解像度なデバイスへの対応」では高解像度デバイス用に画像を切り替えて使う方法やSVG、Webフォントの解説などを行っています。
Chapter6「テクニカル・サンプル」では基本から応用まで、用途に応じて様々なサンプルを用意。基本のマークアップ、ビデオの表示、フォーム、メニュー、段組、アニメーション効果、SVGの表示、コンテンツ表示の動的な切り替え、ロールオーバー、jQuery Mobileの利用など。サンプルは必要に応じてJavaScript/jQueryを利用した、実践的なものとなっています。

iOS、Android、Windows Phoneの主要ブラウザへの対応状況も掲載（Mobile Safari、Android標準ブラウザ、Chrome for Android、Windows Phone 7.5、Mobile版Firefox、Opera Mobile、そのほかPC用のInternet Explorer、Firefox、Google Chrome、Safari、Opera）。
使いごたえ抜群、Webデザイナー、制作者必携の1冊となっています。