【レポート】

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

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

 
  • <<
  • <

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


転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

北島三郎、ダウンタウン&坂上に『紅白』の裏側暴露 - 美空ひばりの思い出も
[09:05 7/29] エンタメ
トップ人材育成へ、東大らがセキュリティ演習環境を東京・八重洲に設置
[09:00 7/29] 企業IT
離島問題の解決なるか! ヤマトが進める漁業支援とは
[09:00 7/29] 経営・ビジネス
ロレアルの取り組みに学ぶ、企業が“社会的責任”を果たす意義
[09:00 7/29] 企業IT
Mac Fan 9月号発売! 特別付録は「MacでSwiftプログラミング」
[09:00 7/29] パソコン

求人情報