【レポート】

"CSS3/HTML5、各ブラウザはどこまで対応?" を、確かめられる「Modernizr」

3 Modernizr実行結果まとめ

    富田宏昭　 [2009/07/07]
    印刷

    Modernizr実行結果まとめ

    それぞれの実行結果を表にまとめた結果は次のとおり(※は開発版を示す)。

    Webブラウザ名 IE Firefox Opera Safari Chrome
    バージョン 6 7 8 3.5 9.64 ※ 10b1 3.2.1 4.0 2.0.172.33 ※ 3.0.190.0
    (Mac)    		 ※ 3.0.190.4
    canvas × × × ○ ○ ○ ○ ○ ○ ○ ○
    rgba × × × ○ × ○ ○ ○ ○ ○ ○
    hsla × × × ○ × ○ ○ ○ ○ ○ ○
    multiplebgs × × × × × × ○ ○ ○ ○ ○
    borderimage × × × ○ × × ○ ○ ○ ○ ○
    borderradius × × × × × × ○ ○ ○ ○ ○
    boxshadow × × × ○ × × ○ ○ ○ ○ ○
    opacity × × × ○ ○ ○ ○ ○ ○ ○ ○
    cssanimations × × × × × × × ○ ○ ○ ○
    csscolumns × × × ○ × × ○ ○ ○ ○ ○
    cssgradients × × × × × × × ○ ○ ○ ○
    cssreflections × × × × × × × ○ ○ ○ ○
    csstransforms × × × ○ × × ○ ○ ○ ○ ○
    csstransitions × × × × × × ○ ○ ○ ○ ○


    ご覧いただいたとおり、Modernizrを使用することでこのような「まとめてみた」表もあっという間に作成できるようになる。最新のWebブラウザ動向を追いかけるデベロッパには、かなりありがたいライブラリではないだろうか。

    ModernizrはまだCSS3で追加となったすべてのプロパティを網羅しきっていないが、ソースをみる限りfontfaceやsvg、overflowxyといった値があることから、将来のバージョンでほかのプロパティも確認できるようになる可能性が高い。今後の発展に注目したいところだ。

    関連記事

    Mozilla Japan、Firefox 3.5を日本時間7月1日深夜に公開 - Mozilla Firefox 3.5 事前記者発表会 [2009/6/29]
    Webデザイナの労力を減らすCSS3の新機能 [2009/6/17]
    5分で把握するHTML5 - Google Developer Dayセッションリポート [2009/6/15]
    Safari 4、リリースから3日間で1100万ダウンロード到達 [2009/6/13]
    Apple、JavaScriptが最大4.5倍高速化した「Safari 4」を正式公開 [2009/6/9]

    関連サイト

    Modernizr
    Modernizr: Discoveries Made During Development | FarukAt.eş

    宇宙空間に浮かぶアイコン、Webツールを検索する新サービス - Mozilla Labs

    Opera Dragonfly、リモートデバッグ用通信プロトコル公開

    新着記事

    マイナビ、3月より書籍連動型のクリエイティブ・デザイン系セミナー開講 [12:00 2/10]
    Linux Mint 12 KDE登場 [10:26 2/10]
    Dell、重複排除により最大98%のデータ削減が可能なバックアップストレージを発売 [09:44 2/10]
    北大、「ポジトロン断層撮影法」による脳腫瘍の性質を診断する手法を開発 [09:40 2/10]
    NICTなど、手術支援ロボット「da Vinci」の3D裸眼映像伝送実証実験を計画 [09:36 2/10]

    特設サイトの情報

      人気記事

      一覧

        もっと見る

        イチオシ記事

        もっと見る

        新着記事

        特別企画

        マイナビニュースマガジン

          ページトップ