個別記事

前後の記事

「実践 Web Standards Design」という本を書きました

この記事が属するカテゴリー
Misc

お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」（真琴さん命名）ということになってます。たぶん。

「実践 Web Standards Design」のカバー画像
  • 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips
  • ページ数 : 436 ページ
  • 定価 : 3,200 円

最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいかもしれないけど下ネタで終わったような気もします。そして、7 月頃から執筆作業に入り、2006 年内刊行予定だったのが色々とあって、結局、総ページ数 436 ページとボリュームアップしてようやく刊行の運びとなりました。

九天社の大内さん、および出版に関わった全ての方々にこの場を借りて感謝申し上げます。特に大内さんには色々とご迷惑をおかけしました。著者校を 2 回もとっていただき、おかげさまで納得のいく校正ができました。

書籍の内容

内容としては、真琴さんが (X)HTML および CSS の基本を仕様面から解説、wu さんによる float や position によるレイアウト方法の解説、またそれらの実践的なレイアウトパターン、そして最後に Tips ってな感じです。著者 3 人の特徴が良く出ている構成になっていると思います。

Tips では、このサイトで紹介しているものもありますが、それらについては、より詳細に解説していたりします。Tips の内容をそのまま使って頂いても良いのですが、そこからヒントを得て他のアイデアに応用したり、肝となる部分のコードを抜き出してガリガリとコードを書いてみたりしてください。たぶん、色々と見えてくるものがあると思います。最後に、目次を載せておくんで購入の参考にしてください。

「実践 Web Standards Design」の目次

  1. 1 章 Web Standards の基本
    1. Web Standards とは
  2. 2 章 (X)HTML の基本
    1. HTML と XHTML に共通して覚えておくべきこと
    2. HTML と XHTML における違い
    3. (X)HTMLはまず文章ありき
  3. 3 章 CSS の基本
    1. これだけは守らなければならない書式
    2. 心がけるとメンテナンスしやすい書式
    3. CSS 管理のコツ
    4. 視覚整形フォーマット
  4. 4 章 float プロパティを利用したレイアウト
    1. 寄せと流し込み
    2. 重なったブロックボックスにマージン
    3. 複数フロートの横並び
    4. ネガティブマージンを利用したレイアウト
    5. float プロパティを利用したレイアウトの使い分け
    6. フロートしたボックスを含む親ボックスの高さの算出
  5. 5 章 position プロパティを利用したレイアウト
    1. 指定できる 4 つの配置方法
    2. 絶対配置を利用したレイアウト
    3. 固定配置を利用したレイアウト
  6. 6 章 実践レイアウト
    1. レイアウトパターン
    2. 複合レイアウトで情報を整理したブログページの制作
    3. ボックスを自由に配置したページデザイン
  7. 7 章 XHTML&CSS Tips
    1. トピックパスのマークアップ
    2. outline プロパティによるドロップシャドウ
    3. Mac OS X の Dock 風ナビゲーション
    4. CSS による自動番号付け（カウンタ生成）
    5. CSS でフォトギャラリー
    6. アイコンリモート表示メニュー
    7. CSS を使って画像をポップアップ表示
    8. CSS だけで動作するドロップダウンメニュー
    9. 背景画像を利用したロールオーバー効果
    10. visibility プロパティを利用して img 要素をロールオーバー
    11. さまざまなブラウザでフォントの見栄えを揃える CSS ライブラリ
    12. IE 6以下での子供セレクタの使用
    13. 印刷用 CSS の作成
    14. line-height プロパティの指定値
    15. 定義リストの dt と dd を横並びさせる
    16. 背景画像を利用して訪問済みリンクを一工夫する
    17. img 要素のサイズを CSS で指定
    18. position プロパティを利用して要素を画面中央に固定
    19. position プロパティでフッタを常に画面の下部に固定
    20. 行ボックスの高さで垂直センター配置
    21. 背景画像を利用した画像置換
    22. リンク先のファイルタイプを CSS で明示する
    23. CSS でフォームをスタイリング
    24. モダンブラウザ向けの CSS ハック
  8. Appendix
    1. DTD の読み方ガイド
    2. DOCTYPE スイッチの一覧表
    3. CSS 2.1 の各プロパティリファレンス

関連エントリー

2007-02-20T23:00:00+09:00 | コメント (16) | トラックバック (6) |はてなブックマーク

関連性が高いエントリー 5 件

トラックバック

このエントリーのトラックバックURL:
http://WWW.lucky-bag.com/cgi/mt/mt-tb.cgi/400

このリストは、次のエントリーを参照しています: 「実践 Web Standards Design」という本を書きました:

sou さんからのトラックバック
[web-design][book]実践 Web Standards Design
XHTML+CSSでしっかりと書かれている(と思われる本) ちょっと気になるのでまずは立ち読みでもしてみようかな。 著者サイト http://3ping... [続きを読む]
2007年02月21日 11:34
AMAgrammar <> PROgrammer さんからのトラックバック
「ホップ本欲しい ! 」欲しいったら欲しいっ!!
hxx.jpの望月真琴さんが著書のプレゼント企画やってたので食らいついてみる。クマー。 実践 Web Standards Design - Web 標準... [続きを読む]
2007年02月25日 17:14
pruto.jp さんからのトラックバック
実践 Web Standards Design
HTML・CSS界で有名な三人の方が共著で本を出版されましたのでそのご紹介。 [続きを読む]
2007年02月27日 10:47
WEB職人へのなが〜い道のり さんからのトラックバック
当たった〜！！（すっごく嬉しかったことー＾＾♪）
実はですね、いつも参考（勉強）として拝見させていただいているLucky bag::blogさんで、 サイトオーナーさんが3人の共著で本を出版されたという... [続きを読む]
2007年02月28日 00:18
Project MultiBurst さんからのトラックバック
書籍「実践 Web Standards Design」のすすめ
最近、このブログも大幅にデザイン変更をしようかと思っている。 というのも、3カラムでやっていて、どんどん融通が利かなくなって来ており、さらにどんどん継ぎ足... [続きを読む]
2007年03月08日 19:22
SEOについての覚書 さんからのトラックバック
「実践Web Standards Design」感想
市瀬裕哉さん (3ping.org)、福島英児さん (Lucky bag::bl... [続きを読む]
2007年03月09日 15:41

コメント

Pafuxu さんからのコメント [TypeKey Profile Page]

ほ、欲しいですぅー
23日はお金を握りしめて書店へ直行しますです、はい。（笑）

2007年02月21日 00:06
e-luck さんからのコメント [TypeKey Profile Page]

あー、ありがとうございます！
後悔させませんので、ぜひぜひ :-)

2007年02月21日 00:33
Zoorasia さんからのコメント

はじめまして、Zoorasiaと申します。CSSテクニックや技術などいつも参考にさせていただいております。
書籍、436 頁とはボリュームタップリですねぇ。すっごく楽しみにしています。買ったらいっつも持ち歩くようにしますね。

2007年02月21日 00:36
suk さんからのコメント

おおおおおお！おつかれさまでしたっ。
じゃあ週末とかもう書店へ走ると思います。はい。

2007年02月21日 01:19
kazu さんからのコメント

最近あまり更新されていないような気がしていたのですが、原因はこれだったのでしょうか（笑）ともあれ、出版おめでとうございます！買いますよー。

2007年02月21日 01:27
e-luck さんからのコメント [TypeKey Profile Page]

>>Zoorasia さん
そうなんですよね、かなりのボリュームです。
持ち歩くのは大変かもしれません（笑

>>suk さん
あざーす。
本屋で目立つところに移動しておいてください（笑
って、置いてなかったら悲しいなぁ。

>>kazu さん
8割がたそうだと思います :-D
いつもの読了後の鋭いご意見が怖くもあり、期待もしています。
なるだけソフトに遠まわしにお願いします（笑

2007年02月21日 12:27
apro さんからのコメント

情報にいつもお世話になってますし、売り上げ協力しますね*smile*

１ｋ冊も買えばいいですか（爆）

2007年02月25日 20:38
e-luck さんからのコメント [TypeKey Profile Page]

>>apro さん
ありがとうございます :-)
もう、お好きなだけ買って頂ければ（ぉ

2007年02月26日 17:25
Azz さんからのコメント

本買いました！
早速枕にして熟睡じゃなく、熟読させていただきます！

2007年02月28日 15:10
e-luck さんからのコメント [TypeKey Profile Page]

>>Azz さん
ありがとうございます！
多分、2冊くらいが高さ的にちょうど良いかと（違

2007年03月04日 01:12
しろまる さんからのコメント

はじめまして。
最近検索して辿り着き、こちらのblogを拝見させていただいていたのですが、
全体的に非常に参考になる内容で感激しておりました。

そしてそこにこの記事。
基本をしっかりと学びたかった所でしたので、早速Amazonで注文させていただきました。
届くのを楽しみにしております…！

2007年03月09日 12:47
e-luck さんからのコメント [TypeKey Profile Page]

>>しろまる さん
ご購入ありがとうです :-)
書籍の内容がお役にたてれば幸いです。
最近、このサイトの更新頻度が落ちていますが、もうちょっと頑張って書かなきゃなと思う今日この頃です。

2007年03月10日 00:00
Zoorasia さんからのコメント

報告が遅れました。買わせていただきました！
内容はグッドです！基本的な事はもちろん、読んで改めて感心する事が多く、とても勉強になります。周りの知り合いにも勧めておきました。

>持ち歩くのは大変かもしれません（笑
たしかに、電車の中で読むのちょっと重たい…（笑）

2007年03月10日 17:53
e-luck さんからのコメント [TypeKey Profile Page]

>周りの知り合いにも勧めておきました。

おー、嬉しいかぎりっす。ありがとうございます！
電車ん中は辛いかもしれないですね。あと片手じゃ絶対無理っていう。

2007年03月12日 21:26
mimoza さんからのコメント

はじめまして！mimozaと申します。
遅くなりましたが、購入いたしました！
内容、ボリュームに関しましても非常に満足しております。

2007年07月11日 01:14
e-luck さんからのコメント [TypeKey Profile Page]

>>mimoza さん
ありがとうございます！
内容が参考になればと願います。
なかなか中身が濃いので読み終えた時に得られるものが結構あるはずと信じています :)

2007年07月11日 22:40

コメントしてください

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を &lt; 、> を &gt; とそれぞれ置き換えてください。




保存しますか?


(V) (P)