The Trap of Web Design

MIX10 情報、ひそかに見守ってましたが、でましたね、IE9 情報。プレビュー版ダウンロードもできます。

HTML5 + CSS3 のデータをちょうど良いやと開いてみました。ちなみに MacOSX 10.4 + VirtualBox + Windows7 （何故か、期限切れでも使えてる Preview 版）環境です。

• HTML5 は一応対応っぽい。
• :root が効いてる。
• border-radius が反映されてる。
• box-shadow は非対応。
• background-image 複数重ねは、やらかすと全部の背景画像が消える。

canvas とか、video とかはチェックしとりません。スピードとかは、なにしろ仮想環境で重いのでよく分かりません。

:root は、Firefox と Safari 用に、CSS3 を使う時に、他のブラウザには影響しないように、つまり、ハックとして使ってましたが、もし、IE9 が上記のように、:root は読んで、background-image 複数重ねには対応してない、なんてーままだったら、ハックとして使えませんね。いや別にこういうハックはやめる方向で考えるんで、実際の時は平気ですが。

ま、とにかく、一番困るのは（IE に限らず）中途半端な対応状況な訳です。Safari でもさ、Nightly Build では対応してる、box-shadow の inset。4.0.5 でもまだなんだよなー。使いたいんだけどなー。（Firefox3.6 は対応してます）

あとなんか mode が表示されるんですが、このサイト（IE=edge）は、IE7 モード。HTML5 は IE9 モードになってます。なんのこっちゃ、よく分かりません。おそらく、IE8 と同様、振り回される事ウケアイ（笑）

もっといろいろチェックしたいけど、自分の作業環境じゃ重いんで。なんかほかにも分かったら書くかも。