"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 モテたいエンジニア

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    「ダイヤのA」ポスターが母校の野球部に届く
    [00:00 8/1] ホビー
    【レポート】2014年夏版、注目したい&買ってみたいWindows PC - 15型クラスのスタンダードノートPC編
    [00:00 8/1] パソコン
    【コラム】Windows 8.1ミニTips 第49回 「ネットワークと共有センター」を活用する●つの方法 - ブリッジ接続
    [00:00 8/1] パソコン
    単独初来日のネイマール「香川と本田は尊敬する選手」
    [23:35 7/31] ライフ
    ネイマールが「お台場新大陸」に登場…復帰時期にも言及
    [23:17 7/31] ライフ

    特別企画

    一覧

      求人情報