"CSS3/HTML5、各ブラウザはどこまで対応?" を、確かめられる「Modernizr」 (1) 検出可能な機能をチェック

ニュース
トップ

【レポート】

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

1 検出可能な機能をチェック

富田宏昭  [2009/07/07]
  • <<
  • <

1/3

Webブラウザが次世代規格に対応しているかを一発検出

Faruk Ates氏は7月3日(米国時間)、Modernizr Version 0.9をリリースした。Modernizrは次世代規格であるCSS3の各種プロパティが有効かを検出するためのライブラリ。デベロッパは同ライブラリを使用することで、実行中のWebブラウザが次世代規格の機能に対応しているかを簡単に検出・確認できるようになる。

Version 0.9の時点で検出可能な項目は次のとおり(リリースノートより抜粋)。

  • Canvas
  • rgba()
  • hsla()
  • border-image:
  • border-radius:
  • box-shadow:
  • Multiple backgrounds
  • opacity:
  • CSS Animations
  • CSS Columns
  • CSS Gradients
  • CSS Reflections
  • CSS Transforms
  • CSS Transitions

なおCanvasとCSS Columnsについてはごく基本的な実装のみで、のちのリリースで機能強化・テスト項目の追加をおこなうとのことだ。

ミニファイされた状態でおよそ6kbほどの軽量なJavaScriptライブラリ。導入も簡単で気軽に試せそうだ。CSS3やHTML5の機能をいろいろなWebブラウザで試している方は、導入を検討してみてはどうだろうか。本稿では複数のWebブラウザ上での、Modernizrの動作結果を紹介しよう。

  • <<
  • <

1/3

インデックス

目次
(1) 検出可能な機能をチェック
(2) Hello, Modernizr!
(3) Modernizr実行結果まとめ


新着記事

転職ノウハウ

あなたの仕事適性診断
あなたの仕事適性診断

4つの診断で、自分の適性を見つめなおそう!

Heroes File ~挑戦者たち~
Heroes File ~挑戦者たち~

働くこと・挑戦し続けることへの思いを綴ったインタビュー

はじめての転職診断
はじめての転職診断

あなたにピッタリのアドバイスを読むことができます。

転職Q&A
転職Q&A

転職に必要な情報が収集できます

ドS美人面接官 vs モテたいエンジニア
ドS美人面接官 vs モテたいエンジニア

入室しようとしたら、マサカリ投げられちゃいました!?

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    【レポート】結婚する前に彼に質問しておくべきこと3つ
    [07:00 10/2] 恋愛・結婚
    山口県防府市で103年間稼働したJTたばこ原料工場跡地に工業団地
    [07:00 10/2] ライフ
    【連載】漫画「いたずらオウムの生活雑記」 第28回 オウムの下克上!!
    [07:00 10/2] ライフ
    【連載】1コマ漫画 猫にありがちなこと 第403回 猫に「僕がご飯食べてるとこ見てて!」って言われるけどさ
    [07:00 10/2] ライフ
    【連載】インテリヤンキーの愉快な地元生活 第11回 面白い仕事を長く続けられる。名古屋にいてむしろラッキーでした
    [07:00 10/2] 住まい・インテリア

    特別企画

    一覧

      求人情報