The Trap of Web Design

最近のブラウザのスタイルシート関係の実装状況がよくなって、clips2 制作時あたりに躍起になってたハックが、イマドキのブラウザであれば無用になるものが多く、また、自分のチェック環境も「もうイイヤ」状態で整理したから、例えば inline-block とかをうまいこと使って float をやめる（ul リストの横並びメニューとかのよくあるパターン）ことが可能なんで、つい、コード整理してたら、 Firefox2 で崩れてるのに気づいて、修正したり。

昨年あたりから、そんな二度手間を各所でやらかしてるので「ブラウザ判別」について検討し直してます。話飛び過ぎか（笑）

---

いや、jQuery とか使ってて、やろうと思えば、HTML 全編をスクリプトで差し替え、なんてことも出来ちゃう（jQuery でなくても可能ですが、それによってやりやすくなったのは確かでしょ？）訳ですから、スタイルシートでなにやら呪文のようなハックをかませて対処するくらいなら、スタイルシート自体はキチンとキレイに見やすく最低限の記述にしといて、各種判別処理を JavaScript に任せるというのがアリだな、という考えになり、であれば JavaScript の判別コードを自分の使い易いものひとつ作ろう、と思い、いやまて、このさい、PHP も一緒に精査して、サイト全体でユーザーエージェント毎の処理を「どこでかますのが一番シンプルか」を考えよう、になり、その判別処理自体のチェックのために環境構築を始めたら、例えば Gecko のバージョン毎の対応状況の違いが分かってないじゃんかなんてことになり…ぜんぜん終わらなくなってしまった、のですよ。

それにまだある。

IE エンジンのホンモノ IE 以外のブラウザ（Sleipnir とか Lunascape とか）で、IE とおんなじだからってタカをくくってチェックしてないでいたら、フィルター処理をスクリプト側に書いたのが動作してくれない、なんてことに気づいたり、じゃあ、Gecko エンジンに切り替えりゃ良いかと思ったら、エンジンのバージョンが古くて、違う箇所でレイアウト崩れを発見したり。

透過 PNG を会社ロゴで使って、h1 要素をソレにする、なんて自分はよくやるのだけど、そのロゴが出ないなんて、サイトとして零点。…自分の基準では。勘弁して欲しい。（いちおう対処はするんですが…動作上、納得がいかない状態）

これらへの対応をどうしようと考えたら、真面目にてんで終わらない。

おっかしいよねぇ。以前よりも準拠仕様のブラウザが増えてるのだから、そのへん前より困らずに、新しい表現がイロイロできるよー、となるかと思ったのに、そうではなくて、まぁ、すでに「IE8 にもガックシため息」な方は結構いると思いますが、あんのヤロ、標準準拠でなんの問題も無い XHTML を表示させてるのに、そのままだとヘンな「壊れファイルアイコン」なんて出しやがる！…というトコロに爆発してる方はいませんか？オレだけか？…対処はあるにしても、また IE のためダケに、記述を増やされるのは真面目に怒りを覚えております。一行書けば済むでしょ、というかと思ったら大間違いだぁ！フザケルナー！

…てことで、いや別に、そんなトコロで負けちゃいけません。静かになにげなく、なるべく簡素にユーザーに情報を提供できるウェブドキュメントの生成に、自分は日夜取り組んでおります。

追記

IE8 の「壊れファイルアイコン」については、IE8 情報サイト等で調べてください。

「コレのこと」ってキャプチャはりたかったのだけど、軽くチェックした後、IE6（XP）に戻してしまって、今は自分、IE8 チェック環境がありませんのでナシ。