The Trap of Web Design

Chrome 、IE8 と来たから、おまけに Safari の話。

2月に JavaScript で引っかかって落ちることがあるバージョン 3.0.4 のこと書いてますが、その後、どうやってアップデートしたんだか、とにかく当時、真面目に困って、ソフトウェアアップデートが出たりしたら速攻で入れ替えて、ドッカのバージョンで直ったんです。

先週、OS 再インストールして、アップデートも順繰りしたのに、10.4.11 にしただけじゃ、Version/3.0.4 Safari/523.12 になるだけで、上記のサイトによっては落ちまくり状態が再現。ふと、となりで稼働してる PowerBook G4 の Safari 見たら Version/3.1.2 Safari/525.22 でした。これ、いつ新しくなったんだろ？というのが分からず。リキボンは、普通にセキュリティアップデートしてるだけなのに。別にインストールした覚えが無いぞ。最近、物忘れがひどいから、したのかもしれないほうに一票（笑）

アップルのサイトにいったら、すでに 3.2 の情報になってるから、いちおダウンロードして、いれようとすると「セキュリティアップデートしないといれられません」なので、アップデートすると、その後のソフトウェアアップデートに、Safari 3.2 が出現。

再インストールのおかげで、-webkit-border-radius: 6px; とかって、Safari 3 からだったと逆に気づいたりしましたよ。最近、結構いい気になって使ってたから。Opera も border-radius に対応したような気がしたけど、9.62 で見たら、まだだった。box-sizing 対応とかはどっかでみて、コレ使って古いブラウザとの互換表示対策がアルかも、と一瞬思ったのだけど、そういう使い方をするためにある訳ではないですね。互換状態をモトにして、ボックスサイズを指定して、box-sizing: border-box にすればとやりそうなもんですが、普通に準拠仕様で box-sizing 非対応バージョンで崩れる訳だから、ウカツに使えないな、と。すべての最新ブラウザが先行実装しているので、実践しやすいって説明がありますが、そんなワケにゃ行きませんよぅ。

さて、上記内容に q 要素を使ってるのですが、そのスタイル指定、最近のブラウザしか対応してないですね。さーて、どーこだ？

P.S.

だーから、web creators は…