2007-07-26

主要ブラウザのデフォルトCSS

久々の CSS ネタにも関わらず、メモ程度の備忘録ですが、W3C CSS 2.1 勧告候補の Appendix にある、HTML 4 の推奨デフォルトスタイルと、現時点で僕が把握している主要ブラウザのデフォルトCSS の在りかのリストです。ネタ元は Accessify Forum: list of browsers' default CSS(via e-luck さんのブックマーク)です。

(※ Mac OS X 10.4、Windows 2000 で確認していますので、10.3 + IE 5 や Vista + IE 7 はチェックできていません。XP + IE 7 はそのうち実家の端末で確認する予定。)

続きを読む "主要ブラウザのデフォルトCSS"

| | コメント (0) | トラックバック (1)

2007-03-20

Apollo(+ Scout)のレンダリングは Safari 互換か?

amachang さんの IT戦記に、Apollo の Scout というアプリケーションを使えば、わざわざ Safari の動作確認のために MacOS X を用意しなくてもよくなるみたいなことが書いてあったので、早速、落としてみました。(ただし、Windows 2000 にですが。(^ ^;) )

Windows で Safari 互換の Web ブラウザが使えるようになるとすれば、やっぱり気になりますよね。

続きを読む "Apollo(+ Scout)のレンダリングは Safari 互換か?"

| | コメント (3) | トラックバック (0)

2007-01-09

WebKit が CSS 3 box-shadow に対応

WebKit WebKit のナイトリービルドが box-shadow プロパティ-webkit-box-shadow)に対応してます。これはうれしい実装情報ですね。ほかのブラウザでも、こうやって角丸やドロップシャドウに、だんだん画像を使わなくても良いようになってくると良いのですが。

WebKit とは?

要するに Safari のベースになっている Cocoa ベースのブラウザコンポーネントです。

サンプル

WebKit CSS 3 box-shadow Example

WebKit での CSS 3 box-shadow プロパティは、-webkit-box-shadow: [右方向の影の長さ] [下方向の影の長さ] [ぼかし半径] [色]; で指定します。たとえば -webkit-box-shadow: 2px 2px 2px #666; のような具合です。

W3C のドラフトでは、カンマ区切りで複数の光源によるドロップシャドウ効果も想定しているようですが、WebKit では、今のところそこまでは対応していないようです。ただ -webkit-border-radius と組み合わせれば、ボックスに角丸+ドロップシャドウ効果を同時につけることができます。

WebKit での表示状態

WebKitでの見栄え

続きを読む "WebKit が CSS 3 box-shadow に対応"

| | コメント (0) | トラックバック (0)

2006-10-17

CSS 3 は Konqueror がアツイ!

Konqueror Logo2006-10-18 追記あり。)

CSS 3 の最新情報を扱った CSS3.info が、各種モダンブラウザにおける、CSS 1〜3 セレクタ対応状況のテスト結果を報告しています。テストケースは全部で 578 にも及び、IE 6, IE 7, Firefox 1.0, Firefox 1.5, Opera 8.5, Opera 9, Safari 2.0, Safari ナイトリーテスト版(r16925), Konqueror 3.5 が対象。JavaScript で動作する testsuiteは、Lucky bag::blog でも取り上げられていた、先日 公開されたものが利用されています。(ただし :hover, :active, :focus, :selection といったダイナミック擬似クラスはテストの対象外。)

主要な最新ブラウザが軒並み 350±7/578 の範囲内で対応しているのに対し、IE 7 が 330 と出遅れているのがわかりますが、それより驚くべきは( 6項目の小さなバグを残すものの)Konqueror 3.5 が 570/578 ものテストをクリアし、すべてのセレクタに対応していることです。(Konqueror は K-Desktop Environment(KDE)が conqueror = 征服者 に掛けてつけた名前で、"コンカラー" と読みます。)

続きを読む "CSS 3 は Konqueror がアツイ!"

| | コメント (0) | トラックバック (1)