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

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    【インタビュー】声優・花澤香菜、音楽活動も3rdシーズン突入! 6thシングル「ほほ笑みモード」、2014年10月1日リリース
    [00:00 9/21] ホビー
    「将棋電王戦タッグマッチ2014」Aブロックは森下九段・ツツカナ組が優勝
    [23:50 9/20] ホビー
    『龍が如く0 誓いの場所』ステージに紗倉まな、有村千佳らセクシー女優9名登場
    [23:05 9/20] ホビー
    【レポート】声優・三森すずこ、4thシングル発売記念イベント開催! 「Jingle Child Mov.4」
    [23:00 9/20] ホビー
    来季CL決勝はミラノ開催…サネッティ「非常に誇らしいこと」
    [22:49 9/20] ライフ

    特別企画

    一覧

      求人情報