現場のプロから学ぶ XHTML+CSS | 名古屋のITベンチャーのWeb戦略事業部スタッフブログ

現場のプロから学ぶ XHTML+CSS

週末、Amazonから届いた参考書を、自宅で読んでいて、
あー結構知らないことがあるもんだなーと勉強しないといけない感に襲われているws-kobaです。

自分が直接CSSをコーディングすることは殆どないのですが、
ディレクションをするときに、何が正しいのかという点がちょっと曖昧だったので、
一度体系的に学び直しておこうと思って、購入に至りました。

日曜日に半分位読みました。
今週中には読み終えようと思っています。

大半は知っていることで、細かな点を補充している感じ。
こういった細かな肉付けも、ディレクションをするには必要かな、と思っています。

まだ未読部分ですが、CSSハックについてはあまり知識がないので、
第6章はしっかり読んでおこうと思っています。

現場のプロから学ぶXHTML+CSS 現場のプロから学ぶXHTML+CSS
CSS Nite

毎日コミュニケーションズ 2008-11-11
売り上げランキング : 4553
おすすめ平均

Amazonで詳しく見る
by G-Tools

第0章:XHTML+CSSのつくり方(千貫 りこ)

  • 0-1. XHTML+CSSのメリット
  • 0-2. XHTML+CSSの考え方・学び方
  • 0-3. XHTML+CSS制作ワークフロー
  • 0-4. XHTML+CSS制作ツール
  • 0-5. CSSをゼロから学びたい人へ
  • Column:テーブルレイアウトから抜け出したい人へ(千貫 りこ)
  • Column:ブラウザシェアの現状と今後(益子 貴寛)

第1章:XHTMLのキホン(益子 貴寛)

  • 1-1. XHTMLのしくみ
  • 1-2. XHTMLの書き方
  • 1-3. XHTMLの文書型選び
  • 1-4. XHTMLの全体像
  • 1-5. 基本情報を設定する要素
  • 1-6. 本文を構成する要素
  • 1-7. ブロックレベル要素
  • Column:XHTMLにJavaScriptを記述するための「CDATAセクション」(西畑 一馬)
  • 1-8. インライン要素
  • 1-9. コメントと文字参照
  • Column:XHTML+CSSの標準仕様(益子 貴寛)

第2章:CSSのキホン(益子 貴寛)

  • 2-1. CSSのしくみ
  • 2-2. CSSの書き方
  • 2-3. CSSの適用方法
  • 2-4. セレクタ
  • 2-5. プロパティ
  • 2-6. スタイルの優先順位
  • 2-7. ユーザースタイルシート

第3章:CSSセッティング(堀内 敬子)

  • 3-1. コンポーネント化とファイル設計
  • 3-2. リセットスタイル
  • 3-3. タイポグラフィスタイル
  • 3-4. カテゴリーやページごとに異なるスタイル
  • Column:XHTML+CSSのチェックに便利なツール(西畑 一馬)

第4章:CSSデザインのための実用テクニック(山田 あかね)

  • 4-1. デザインカンプからの画像書き出しとイマジネーション
  • 4-2. div要素によるコンテンツのブロック化
  • 4-3. IDとクラスの使い方・使いわけ
  • 4-4. マークアップ選びの工夫
  • 4-5. フォントとテキストのスタイリング
  • 4-6. リストとリンクのスタイリング
  • 4-7. テーブルのスタイリング
  • 4-8. フォームのスタイリング

第5章:CSSレイアウト(小林 信次)

  • 5-1. 1カラムレイアウト
  • 5-2. 2カラムレイアウト
  • 5-3. 3カラムレイアウト
  • 5-4. エラスティックレイアウト
  • 5-5. フリーレイアウト
  • Column:XHTMLの将来:XHTML 2.0とHTML 5(益子 貴寛)
  • Column:複数のInternet Explorerを共存させる方法(益子 貴寛)

第6章:CSSデザインのブラウザ調整(益子 貴寛)

  • 6.1. CSSハック/条件コメント/パスフィルター
  • Column:Internet Explorer のCSSサポートを強力にする「IE7.js」「IE8.js」(西畑 一馬)
  • 6-2. Firefox/Safari/Opera対策
  • 6-3. Internet Explorer 8対策
  • 6-4. Internet Explorer 7対策
  • 6-5. Internet Explorer 6対策
  • 6-6. Internet Explorer 5対策
  • 6-7. モダンブラウザの先行実装状況
  • 6-8. CSSの将来: CSS3(益子 貴寛)
  • Column:ブラウザのCSS3先行実装状況(益子 貴寛)

第7章:多様なデバイスでのCSSデザイン(伊藤 学)

  • 7-1. メディアタイプについて
  • 7-2. プリンタ向け
  • 7-3. モバイルケータイ向け
  • 7-4. 携帯ゲーム機/TV画面向け
  • 7-5. iPhone/iPod touch向け

第8章:JavaScriptライブラリとCSS(西畑 一馬)

  • 8.1. JavaScriptとXHTML+CSS
  • 8-2. 代表的なJavaScriptライブラリ
  • Column:複数のJavaScriptライブラリを同時に利用する際の注意点(西畑 一馬)
  • 8-3. JavaScriptライブラリを使ってみよう
  • 8-4. jQueryを使ってみよう
  • Column:Firefoxアドオン「Firebug」を利用したJavaScript のデバッグ(西畑 一馬)

第9章:CSSトラブルシューティング集(千貫 りこ、西畑 一馬、小林 信次、伊藤 学、益子 貴寛)

  • 9-1. セレクタのトラブル
  • 9-2. ボックスモデルのトラブル
  • 9-3. レイアウトのトラブル
  • Column:Webサイト制作に役立つブラウザ拡張やデバッグツール(伊藤 学)
  • 9-4. 文字色と背景のトラブル
  • 9-5. フォントのトラブル
  • 9-6. テキストのトラブル
  • 9-7. リストのトラブル
  • 9-8. テーブルのトラブル
  • 9-9. フォームのトラブル
  • Column:アクセシビリティのチェックに便利なツール(益子 貴寛)

Appendix

  • ブラウザのDOCTYPEスイッチ
  • 文字参照
  • CSSプロパティ一覧
  • XHTML要素一覧