Weblog

Colored boxes

Posted at 2004-01-14T21:08:00+09:00 in Web Design

以前、Floatutorialで紹介したMax Designから、フルCSSレイアウトを構築する手順をStep by Stepで解説するColored boxesが公開されました。完成するものは、ヘッダ + メニュー + 2カラム + フッタという非常に扱いやすいもの。あまりにも「blog」という感じが強いので、通常のサイトを構築する場合はそれなりにカスタマイズしなければなりませんが、概念自体ははっきりとわかるので、フルCSSレイアウトをやってみようという方にはかなりオススメなページでしょう。

中でもStep 10では古いブラウザへ配慮するテクニックが説明されています。無視する場合と素に近いコンテンツを送る場合、部分的にサポートする場合の3つに分けて解説してあり、自分の望むようにコンテンツを配信するにはどうしたら良いかということがまとまって書かれてあります。

さらにStep 11では印刷用のCSSの解説もあります。印刷用のCSSはなかなか解説がインターネット上に無いので、導入するのにとっかかりが無いわけですが、Step 11で使われている印刷用のCSSは素晴らしい出来で、ものすごく参考になると思います。

素晴らしすぎ。

Recent entries from same category

同じカテゴリに分類された最近10件のエントリです。

  1. CSSで指定するフォント
  2. Linksをサムネイル化した
  3. HTML 4.01とCSS2のHTMLヘルプ
  4. pre要素へのスタイル指定
  5. よく使うライセンス・フリーのフォント
  6. CSS2 Specificationでのプロパティの出現順序
  7. ちょっとだけリデザイン @ 2006/08/29
  8. アスタリスクをプロパティ名の頭につけるというCSSハック
  9. :first-letter擬似要素と各擬似クラス絡みのInternet Explorer 6のバグ
  10. CSSコーディング・スタイル

Comments

JavaScriptに対応または有効な環境の場合、ここにはてなブックマークでのこのエントリに対するコメントが表示されます。

Weblog archives

by Category

This page was last modified on 2004-05-03T22:19:44+09:00 (in 0.139 secs).