"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実行結果まとめ


ITセミナー

一覧
  • Java高速開発ツールの最先端…APサーバの再起動が不要に! 年間約5週間以上の工数を削減
    インフォメーションディベロプメント 照井氏

  • 流通・小売で最先端の取り組みを行う3社のデータ活用事例、ノウハウをご紹介
    【Session】ファミリーマート 坂井氏

注目特集

転職ノウハウ

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

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

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

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

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

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

転職Q&A
転職Q&A

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

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

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    【レポート】『半熟少女2』朗読劇&トーク&直筆サイン入りステッカーお渡し会が開催
    [01:30 3/31] ホビー
    [うたプリ]ローソンとコラボ “Lポーズ”の描き下ろしビジュアルも
    [00:00 3/31] ホビー
    【連載】非モテの悪魔デモッテ 第6回 恐怖! LINEスタンプを作るとモテる?
    [00:00 3/31] 恋愛・結婚
    [斎藤工]海外進出に意欲 「映画で旅するのが目標」
    [23:52 3/30] エンタメ
    [松井玲奈]ウェブCMでせりふなしの演技に挑戦
    [23:23 3/30] エンタメ

    特別企画

    一覧

      求人情報