« 消費者はなぜだまされるのか | トップページ | 機動戦士ガンダム École du Ciel 6 »

2005.06.09

スタイルシートによるレイアウトデザイン見本帖

大藤幹、松原慶太、押本祐二著、『スタイルシートによるレイアウトデザイン見本帖 -- CSS LAYOUT DESIGN SAMPLES』、翔泳社、2005年を買う。

スタイルシートをレイアウトに使うのは、けっこう簡単なようでいて、比較的ミッション・クリティカルな場合には悩ましいことが多い。 特に、floatやpositionのブラウザ間の実装の違いとか、理論的には知っていても、実際どうするのという場合に、うーん・・・という感じなる。 WWW2005のチュートリアル"Current Best Practices in Web Development and Design"でも、css Zen Gardenを書いたMolly Holzschlagさんが、特に要素をバランスさせる必要があるレイアウトの場合は悩ましいと言っていた(ような気がするが、ヒアリングには自信がないので、間違っていたらごめんなさい)。

本書には、ブラウザ間の実装の差を考慮したレイアウトのサンプルがついている。 サンプルは、トップページ、逆L字型の段組み、ギャラリー、blog、入力フォームなど、よく使いそうなものが多い。 しかも、このサンプルは、非営利、営利を問わず、自由に使用可能。 なかなかここまでのサンプルがついていることはないので、便利かも。

最初のサンプルをためしてみたところ、Mac OS X 10.4上では、Firefox 1.0.4、Internet Explorer 5.2.3、Safari 2.0はともかくとして、Opera 6.0.2、Classic環境のNetscape 4.7、Internet Explorer 5.0などでも「それなり」に表示してくれた。 WindowsとLinuxやFreeBSD、それからプリントアウトしたらどうなるかは、ためしていないけれど、十分熟読するに値しそうな気がした。

|

« 消費者はなぜだまされるのか | トップページ | 機動戦士ガンダム École du Ciel 6 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/11321/4487904

この記事へのトラックバック一覧です: スタイルシートによるレイアウトデザイン見本帖:

« 消費者はなぜだまされるのか | トップページ | 機動戦士ガンダム École du Ciel 6 »