実践Web Standards Design Web標準の基本とCSSレイアウト&Tips

市瀬裕哉, 福島英児, 望月真琴【著】

• 販売会社／発売会社: 技術評論社
• 発売年月日: 2009/01/05
• JAN: 9784774136844

商品レビュー

2019/11/23

待ってました！　絶版となっていた九天社の同名書籍（通称：ホップ本）が、技術評論社より再刊行された。内容も改定されているようである。HTMLはザックリと書けるけれども、CSSはお飾り程度…という方にオススメだ。

１〜３章で(X)HTMLとCSSの基本を学び、４〜５章でfloatとpositionプロパティを利用したレイアウトのコツを習得する。６章では２つの例題を用いて、より実践的なレイアウトを完成まで導く。実例を理解することにより、きちんと構造化された、モダンで見栄えのよいWebページがデザインできるようになるはずだ。
残念なことに、４〜６章には何故そのように記述するのかが分かりにくいコーディング例も若干見受けられるが、それも７章の「XHTML&CSS Tips」を読むことで解決するだろう。この「XHTML&CSS Tips」は24項目の逆引きリファレンスになっているので、例えば「CSSでフォトギャラリー」を作りたいとか「背景画像を利用してロールオーバー」を実現したいというような、的を絞った使い方もできる。
ブラウザ毎の対応方法については、実例に基づいた詳細な解説がある。７章の最後の項目は「モダンブラウザのCSSハック」と「IEのコンディショナルコメント」となっており、新たな問題が発生した場合にもこれで対処することが可能だ。本書の知識を身に付けることで、対象とするブラウザの表現や挙動の違いを考慮したコーディングを心がけるようになるだろう。

デザイナーでなくともWebサイトを構築される方なら、ぜひ手元に置いておきたい一冊である。

2015/11/29

HTML5ではないが今でも有効で有益な内容が多い
ツイッターなど何箇所かでおすすめされており興味をもち借りて読んだ。
もともとW3Cが推進していたXTMLをベースとした汎用性の高いHTMLを書くための考え方・書き方について詳しく書かれている。参考文献も多い。勧告などで書かれていないがわかりやすさのためのCSSの書き方のガイド・理由も示されており参考になる。
大きく1.HTML、2.CSS、3.float・position、4.tips集という構成となっている。3-4は実務的な内容でHTML5が勧告された今でも利用できそうな部分が多く見られた。たとえば、ぱんくずリストや節番号の実現方法など。
本のレイアウト自体は余白が多いためページ数が多いがそのぶん読みやすかった。
技術評論社から電子書籍epubでさらに改訂新版が出ているようなのでこちらを購入したい。手元においておきたいと思える1冊だった。
可能ならばHTML5に準拠させて同様の書籍がでてきてほしい。

2015/02/24

Web製作の土台づくりに欠かせない1冊。正しく運用するためのHTMLの技術。セレクタの優先順位や、float、position、clearfixなどのCSSテクニック。実践的なコーディングを集めたTips。コーディングの入門を終えたら、本書で応用力を身につけよう。