今回はこんな結果に。
IEの使用率が微妙にあがって、Safariが下がってます。

Firefoxさがって、Chrome上昇。

IEのバージョン別です。
IE9が一気にあがってきました。全体の使用率をあげているのもIE9の活躍でしょう。（チッ）

残念なのが、IE6の使用率があがっていること。
IE6でこのブログにアクセスするととっても迷惑なアラートでるんだけど、なんでだろう。。。
※ アラートに関して詳しくはこちら

後、あいかわらずのIE10ユーザー一人。誰ですか。

気になるブラウザ使用率

ブログのコンテンツによって、すごく変動が見れるとおもいます。
私のブログは割とギーク（？）なのでIEの数値は低いですが、芸能人ブログとかIEの使用率が高いと思います。（勘）

いろんなコンテンツの使用率がみたいとおもってます。
どっかにないかなー。

面白い結果になってます。
SafariがFirefoxを抜きました。

そして、IEはどんどんシェアが落ちて行ってます。
それでいい！！！

さらに、バージョン別では、

IE6はまだ生き残ってます。しぶとい・・・。
IE9がじわじわ来てるのでいい傾向ですね。

IE10とかはやすぎです！

Firefoxもどんどん新しいのをリリースする予定ですが、ブラウザ戦争はいつまで続くのでしょうか・・・。

「Adobe BrowserLab」

とうとう出ました。
こういうのを待っていたんですよ。

Macユーザーにとって、ブラウザチェックは鬼門。
なぜかといいますと、WIndowsのIEがチェックできないから。

たかがそれだけの為に、Windowsを起動したりしないといけないので面倒。
それが解消されるというのは気持ち的にもすごくいいw

チェックできる項目は、

コチラですね。
これだけチェックできれば何も問題なさそうです。
なにげにIE9まであるのはうれしいw

チェックしている様子は、

こんな感じ。
シンプル設計だから、チェックだけに集中できます。

IETesterでIE6をチェックするよりいいかと思いました。

マカーなコーダーにはおすすめなサービスだと思います。

そろそろ恒例になってきました。

相変わらずInternet Explorerの使用率が多いですが、36％まで落ち込んできました。
次いで、Firefox、Safariと来ています。この辺は変わらずですね。

Internet Explorer内での使用率です。

73％というダントツでIE8の使用率がたかいです。
IE6は11％と落ち込んでいます。
このブログがIE6で見るとアラートがでるんで、その影響もあるかとおもいますw

まー、この調子でIE6がなくなるといいですね！

とても素敵なサイトをご紹介致します。

Web Design – HTML5 & CSS3 Checklist

CSS3のPropertieやSelector、HTML5の対応状況がチェックリスト形式で確認できるすばらしいサイトです。
リストになっているブラウザは、
Macの「Firefox」「Safari」「Chrome」「Opera」
Windowsの「Firefox」「Safari」「Chrome」「Opera」「IE」

どれも最新ブラウザですね。IEは6〜となってます。
コレを見ればわかるようにIEは見るも無惨に「×」がついております。。。
優秀なのはWebkitベースのSafariとChrome。次いで、Firefoxですね。

今のところ、HTML5 & CSS3でのフルコーディングは難しいですが、開発中のIE9に期待せざるを得ません。

HTML5、CSS3でコーディングをしたい方は目を通してみるといいと思います。

DN*BLOGをご覧いただいた方のブラウザの使用率です。
定期恒例行事になっていますが、なかなか面白い結果に。

IEとFirefoxがほとんど変わりません。
続いてSafari、Chromeと続いてます。

やはり、記事が記事なんでユーザーに使いやすいブラウザを選ぶ人が多いんだと思います。

次いで、IEのバージョン別での使用率。

先日、葬式をしたIE6は17％に。
IE8が着実に増えてきていますね。

しかし、4とか5を使っている人がまだいるんですね・・・。

ブログの総合的な内容によってだいぶ違った使用率になっていると思います。

DN*BLOGでは、IE6が17％程度なので透過PNGとかの処理は無視してよさそうかな。。。

レンダリングがだめ。
重い。
Googleに見捨てられる。
クラッカーの対象にされる。

などなど。
踏んだり蹴ったりのIEですが、利用者がドンドン減っているみたいです。
逆にのびているのは、Google Chrome。
じわじわ増えているみたいです。

先日、IE6の葬式がおこなわれましたが、本当に笑いましたw

ここにきて、IE離れに拍車がかかってきましたね。

ヨーロッパでは、WindowsのブラウザにIEではなくFirefoxやSafari、chromeなどのブラウザを選択できるようなポップアップ？がでてくるみたいです。

Twitterでちょっと噂になっていたんですが、IE9でWebkitを採用するような噂が・・・。

制作者側としてはWebkitを採用してくれればブラウザチェックの作業が格段に減るのでうれしい事。

いい感じの流れが来ている気がします。（個人的に。）

せめて、IE6が透過PNGを表示できていれば良かったんですけどね。

HTML5でコーディングしたい。

1. IE (66.97%↓)
2. Firefox (22.98%↑)
3. Safari (4.07%＝)
4. Chrome (2.84%↑)
5. Opera (2.04%↑)

じわじわIEのシェアが下がってきています。
そして、バージョン別でのシェアは・・・、

1. IE6 (25.25%↓)
2. IE7 (21.10%↓)
3. IE8 (15.10%↑)
4. Firefox3.0 (12.48%↓)
5. Firefox3.5 (8.88%↑)
6. Safari4.0 (2.55%↑)
7. Chrome2.0 (2.50%↑)
8. IE8互換モード (2.46%↑)
9. Opera9x (1.76%↑)
10. Firefox2.0 (1.37%↓)

問題なIE6のシェアがだいぶ下がってきています。Windows7が発売されたらさらに減ると思いますが、まだターゲットブラウザなのはかわらないでしょう・・・。

Safariが軽くてすごくおすすめなんですけどね。
一般ユーザーはそういうの気にしないんでしょうね。。。

まず、CSS3のtext-shadowが適用されるようになっています。
@font-faceも対応されていますね！

だいぶ変わったとこ。
例えば、aタグに別窓やポップアップでリンクをする場合、外部リンクですよーってアイコンを付加してあげるとおもうんですが、その時のソース。

CSSソース

a[target] {
	background:url(../img/ico/ico_brank.gif) no-repeat right center;
	padding-right:15px;
}

上記のソースで

このように表示されていたんですが、Firefox3.5にしたらおかしなことに。。。

こんなになっちゃいました。
backgroundのpositionを命令している部分を数値にしてみても改行されたような感じで表示されてしまったり、おかしな挙動になってしまいます。。。

なので、とりあえずの回避方法として

CSSソース

a[target] {
	display:inline-table;
	background:url(../img/ico/ico_brank.gif) no-repeat right center;
	padding-right:15px;
}

「display:inline-table;」を使います。そうすると、意図していた表示になると思います。
ただし、Safariで確認すると、上寄りになってしまうためあまり使えません・・・。

後、「em」タグもおかしな挙動になっています。
ブロック要素？みたいになっていてさらにmargin-bottomも勝手に取っています。
これも「display:inline-table;」でとりあえずは回避できますが、検証が必要です。

さらに、「label」タグもおかしいです。。。

これは少し大変なバージョンアップだったんではないでしょうか。
何かわかり次第、更新したいと思います。

Firefox3.5の詳しい変更点はコチラをご覧下さい。
Firefox 3.5 for developers