サポートするブラウザの種類を決めておこう。

サポートするブラウザの種類を決めておくことで、制作の時間が大幅に違ってきます。

5バージョン（特にMacIEとやら）でも、フルCSSのポップアップメニューを使えるようにしてください、なんて言われた日には泣きます。実際にあった案件の話ですが、泣きながらなんとかしました。けど、そのメニューに4日くらいかけていたような気がします。

記述するパターンを統一しよう。

記述するパターンを持ってしまえば、それだけ使い回しがやりやすくなります。コンテンツ部分以外は、たいていパターンが一緒なので、IDやclassなども含めて、事前に統一しましょう。

CSSハックがある場合、あとで取り除くことが容易にできるように考慮して書いてみよう。

CSSハックが1つのセレクタの指定の中に混ぜてはいけません。検索しやすいようにコメントも工夫しましょう。同じセレクタの指定でも、別の記述にしたほうがいいでしょう。

一番分かりやすいのが、「後付けハック」で、そのブラウザだけが読む記述で記載するのが一番分かりやすいと思います。

CSSハックの組み合わせ一覧の例

昔書いたような気がするけど、もう一度書いておきます。

Internet Explorer 5.5/6

* html

Internet Explorer 7

*:first-child+html

Opera+Internet Explorer 7

*+html

Opera+Safari

html:first-child

Opera

*+html:first-child

*+html>/**/body

※ Internet Explorer 5.0 は個人的にはCSSを適用していません。また、Internet Explorer 6.0 は互換モードで動作させています。

そもそも、DreamWeaverって、CSSに書くのにまったく向いていないじゃないの!?じゃあ、どうしたらわかりやすく管理できるの!?

・・・っていうことですが、基本的には最近はDreamWeaverでCSSって記述してないですね（笑）。うちはMacなので、CSSEditを使っています。どういうソフトかは、検索してみてください（手抜き）。

といっても、これはこれで色々と問題があるので、あるCMS(?)を使って管理する実験をしています。次回からは某CMS(?)で管理する手法についてネタを出していきましょう。（やっと本題のようです[笑]。）