The (Unofficial) CanIUse Embedは、Can I useのブラウザ対応表をサイト内に埋め込むことができるツールです。
デモは公式サイトのExamplesでご確認ください。
The (Unofficial) CanIUse Embedの使い方
外部ファイルのcaniuse-embed.min.jsをロードします。HTMLの<head>~</head>内もしくは</body>の直前に以下を記述します。
<script src="//cdn.jsdelivr.net/caniuse-embed/1.0.0/caniuse-embed.min.js"></script>
The (Unofficial) CanIUse Embedにアクセスして、「Choose a Feature」で対応表を埋め込みたいプロパティ等を選択します。
「Select the Browser Versions to Display」で対応表の表示範囲を指定します。
[Generate]をクリックし、生成されたコードをサイト内に挿入します。
埋め込みコードの下にプレビューも表示されます。
あとがき
技術系のブログなんかでは結構役立つのではないでしょうか。ブラウザ対応表を埋め込みたいと思ったらぜひ!