![世界の「最先端」事例に学ぶ CSS ベスト・プラクティス [Web Designing Books] (Web Designing BOOKS)](http://ecx.images-amazon.com/images/I/41TdlrnzFcL._SL160_.jpg) | 世界の「最先端」事例に学ぶ CSS ベスト・プラクティス [Web Designing Books] (Web Designing BOOKS) (2007/12/21) 大藤 幹 価格：￥ 2,520 （税込） 1500 円以上国内配送料無料 商品詳細を見る 実際のサイトの実装例の分析に見る、ＣＳＳテクニックの「最前線」と「これから」。『Ｗｅｂ Ｄｅｓｉｇｎｉｎｇ』の好評連載「ＣＳＳ Ａｎａｌｙｓｉｓ」、単行本第２弾。 |
【商品の説明】
世界の実際のサイトで使用されているCSSの分析を通して、CSSの実践的なテクニックを解説します。
Introduction では「CSSハックの歴史から見える今のトレンド」と題し、2002年から現在までのCSSハックの使われ方の変遷をたどりながら、CSSテクニックがどのように成熟してきたか、これからのXHTML+CSSを使ったWeb制作ではどのように考えればよいのか、を解説。
その後の Analysis編では、2005~2007年の実際のサイトでのCSS実装状況を詳細に分析していきます。この3年間は、Introductionでも解説されているように、「CSSで求めるレイアウトを実現する」「CSSハックのような裏技を使ってでも、いろいろなブラウザに対処する」という方向から、「いかに効率良くCSSレイアウトを行うか」「ユーザーにとってより良いサイトにするにはどうするべきか」を重視する方向へとシフトしてきている様子が伺えます。CSSレイアウト時に考慮することが変わりつつあるなかで、世界のデザイナーがどのように考えてサイトをデザインしているのか。それをケーススタディとして提示することで、読者の方が自分で制作を行っていく際に役立つヒントやノウハウや得られることでしょう。
『本書の最後の方には、2007年になって遂に登場した「CSSハックを一切使用していないCSSレイアウトのサイト」もいくつか掲載されています。その一方で、新しくCSSをはじめた人がついやってしまいがちな古くから繰り返されている問題も多く登場します。本書を最初から通して読むことで、現時点で「するべきこと」と「するべきでないこと」が把握でき、そして実践においてその境界をどこに置くかということのヒントも掴めるのではないかと思います。』(著者「まえがき」より)
プロフェッショナルのベストプラクティスから学ぶ、CSSの実装テクニック。『世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル』(2005年刊)に続く、『Web Designing』誌の連載「CSS Analysis」待望の単行本第2弾です。
【目次】
ＩＮＴＲＯＤＵＣＴＩＯＮ
・ＣＳＳハックの歴史から見える今のトレンド
ＡＮＡＬＹＳＩＳ
・「Ｖｉｖａｂｉｔ」のＣＳＳを検証する
・「ＥＰＳ」のＣＳＳを検証する
・「Ｒｏｌｌｙｏ」のＣＳＳを検証する
・「Ｋｈｍｅｒａｎｇ．ｃｏｍ」のＣＳＳを検証する
・「Ｖｅｓｅｓｓ」のＣＳＳを検証する
・「ＥＭＯＴＩＯＮＳ」のＣＳＳを検証する
・「ＵＸ Ｍａｇａｚｉｎｅ」のＣＳＳを検証する
・「Ｖｅｅｒｌｅ’ｓ ｂｌｏｇ」のＣＳＳを検証する
・大胆な変貌を遂げた「ＷａＳＰ」のサイト
・シンプルさが光る「ＭＣＣ Ｃｏｍｐｕｔｅｒｓ Ｌｔｄ」 ほか
【カスタマーレビュー】
「最先端」のページレイアウトを取り込むために
本書は「CSSプロフェッショナル・スタイル」の続編に当たる文献です。
多くの優れたレイアウトを持つWebサイトについて、その構造を解説している文献です。
プロのWebデザイナが作成したページなど、優れたスタイルを持つWebページは「CSSハック」と呼ばれるウェブブラウザがCSSを解釈する際に発生するバグなどの差違を利用して、閲覧されているウェブブラウザを特定し、そのウェブブラウザに対応するためのCSSを用意しています。それにより、「メニューが表示されない。」などの最悪な事態を避けるなどウェブブラウザのバージョンの違いを柔軟に取り込む設計をしています。その様なページのXHTMLとCSSの構造を示し、重要な部分をピックアップして方法論やCSSハックについて解説しています。対象となるページの全てのXHTML+CSSを解説している訳では無いので、本書を読むことで誰でも同じようなページを作れる様になる。と言う訳ではありませんが、本書で紹介されている様な「機能」を持つページを作るための知識を得るためには十分な内容となっています。最近では「Web標準」しか知らないWebデザイナも出てきており、CSSハックを一切利用せずにウェブブラウザのバージョンの違いを吸収する様なページも出てきています。本書では、その様な最先端のページも解説しており、まさに「最先端」の事例を学ぶのには最適な一冊だと言えます。
元が雑誌記事なため致し方無い面もありますが、図表がたくさん入っている事は理解を深めるためにもとても良い事なのですが、その解説文がやや省略気味かな？と言う印象を受けました。「プロのWebデザイナを対象としているので。」と言う事なのかも知れませんが、もう少し丁寧でも良いかな？とも感じました。
Webデザイナなど日頃からXHTML+CSSを利用してる人を読者層として仮定してる文献ではありますが、もっと優れたBlogのレイアウトを作りたい。と考えている一般の方も参考になる情報が満載の文献です。会社のページをWebデザイナへ発注する。などの業務に携わっているプロ以外の人が読んでも勉強になりそうです。
▼ ホームページ作成ガイドブック
Ｌ スタイルシート（CSS）解説本
Ｌ HTML・XHTML 解説本
Ｌ Movable Type 解説本
Ｌ WordPress ガイドブック
Ｌ アクセスアップ SEO対策
Ｌ ホームページ作成ガイドブック
Ｌ RSS 解説本 ガイドブック
▼ スタイルシート（CSS）解説本
Ｌ スタイルシート ワークショップ CSS+XHTMLによる「Web標準」実践ガイド
Ｌ Web標準テキスト(2) CSS
Ｌ 世界の「最先端」事例に学ぶ CSS ベスト・プラクティス
Ｌ これだけは覚えておきたい!スタイルシートの知識と技
Ｌ ワンランク上を目指す CSSクリエイティブ・デザイン
Ｌ HTML/XHTML&スタイルシートレッスンブック
Ｌ スタイルシートサンプル&アイデアブック
Ｌ HTML&スタイルシートレイアウトブック 改訂版
Ｌ 実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
Ｌ CSSによるWebデザインカスタマイズガイド
Ｌ セオリー・オブ・スタイルシート (Quick Master of Web Technique)
Ｌ 速習Webテクニック スタイルシート 上級レイアウト
Ｌ プロとして恥ずかしくないスタイルシートの大原則
Ｌ スタイルシートスキルアップ・デザインブック〈2〉CSSマスター「プロ技」集中講座
Ｌ スタイルシートスキルアップ・デザインブック〈1〉CSSの実践テクニックとアドバイス
Ｌ 世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル
Ｌ スタイルシートビジュアルサンプル辞典―Webデザイン必携
Ｌ スタイルシートによるレイアウトデザイン見本帖
Ｌ スタイルシートデザインレシピ
Ｌ スタイルシートサンプルブック
Ｌ スタイルシート スタンダード・デザインガイド 実践的HTML&CSSデザイン術
● スタイルシート （CSS）
● HTML・CSS・JavaScript 解説本
「最先端」のページレイアウトを取り込むために本書は「CSSプロフェッショナル・スタイル」の続編に当たる文献です。
多くの優れたレイアウトを持つWebサイトについて、その構造を解説している文献です。
プロのWebデザイナが作成したページなど、優れたスタイルを持つWebページは「CSSハック」と呼ばれるウェブブラウザがCSSを解釈する際に発生するバグなどの差違を利用して、閲覧されているウェブブラウザを特定し、そのウェブブラウザに対応するためのCSSを用意しています。それにより、「メニューが表示されない。」などの最悪な事態を避けるなどウェブブラウザのバージョンの違いを柔軟に取り込む設計をしています。その様なページのXHTMLとCSSの構造を示し、重要な部分をピックアップして方法論やCSSハックについて解説しています。対象となるページの全てのXHTML+CSSを解説している訳では無いので、本書を読むことで誰でも同じようなページを作れる様になる。と言う訳ではありませんが、本書で紹介されている様な「機能」を持つページを作るための知識を得るためには十分な内容となっています。最近では「Web標準」しか知らないWebデザイナも出てきており、CSSハックを一切利用せずにウェブブラウザのバージョンの違いを吸収する様なページも出てきています。本書では、その様な最先端のページも解説しており、まさに「最先端」の事例を学ぶのには最適な一冊だと言えます。
元が雑誌記事なため致し方無い面もありますが、図表がたくさん入っている事は理解を深めるためにもとても良い事なのですが、その解説文がやや省略気味かな？と言う印象を受けました。「プロのWebデザイナを対象としているので。」と言う事なのかも知れませんが、もう少し丁寧でも良いかな？とも感じました。
Webデザイナなど日頃からXHTML+CSSを利用してる人を読者層として仮定してる文献ではありますが、もっと優れたBlogのレイアウトを作りたい。と考えている一般の方も参考になる情報が満載の文献です。会社のページをWebデザイナへ発注する。などの業務に携わっているプロ以外の人が読んでも勉強になりそうです。
▼ ホームページ作成ガイドブック
Ｌ スタイルシート（CSS）解説本
Ｌ HTML・XHTML 解説本
Ｌ Movable Type 解説本
Ｌ WordPress ガイドブック
Ｌ アクセスアップ SEO対策
Ｌ ホームページ作成ガイドブック
Ｌ RSS 解説本 ガイドブック
▼ スタイルシート（CSS）解説本
Ｌ スタイルシート ワークショップ CSS+XHTMLによる「Web標準」実践ガイド
Ｌ Web標準テキスト(2) CSS
Ｌ 世界の「最先端」事例に学ぶ CSS ベスト・プラクティス
Ｌ これだけは覚えておきたい!スタイルシートの知識と技
Ｌ ワンランク上を目指す CSSクリエイティブ・デザイン
Ｌ HTML/XHTML&スタイルシートレッスンブック
Ｌ スタイルシートサンプル&アイデアブック
Ｌ HTML&スタイルシートレイアウトブック 改訂版
Ｌ 実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
Ｌ CSSによるWebデザインカスタマイズガイド
Ｌ セオリー・オブ・スタイルシート (Quick Master of Web Technique)
Ｌ 速習Webテクニック スタイルシート 上級レイアウト
Ｌ プロとして恥ずかしくないスタイルシートの大原則
Ｌ スタイルシートスキルアップ・デザインブック〈2〉CSSマスター「プロ技」集中講座
Ｌ スタイルシートスキルアップ・デザインブック〈1〉CSSの実践テクニックとアドバイス
Ｌ 世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル
Ｌ スタイルシートビジュアルサンプル辞典―Webデザイン必携
Ｌ スタイルシートによるレイアウトデザイン見本帖
Ｌ スタイルシートデザインレシピ
Ｌ スタイルシートサンプルブック
Ｌ スタイルシート スタンダード・デザインガイド 実践的HTML&CSSデザイン術
● スタイルシート （CSS）
● HTML・CSS・JavaScript 解説本
