この要素使えるかな？を効率良く確認！Can I use の使い方

Web画面を作るときにはブラウザ間の違いを考慮する必要がありますね。その考慮すべきことの一つに「（IEで）この要素使えるかな？」があるかと思います。

Can I use という便利なサイト

そんなときには Can I use というサイトが便利です。要素を検索すると、このような感じで主要なブラウザで使えるかどうかを表示してくれます。
f:id:somegoro:20180804214058p:plain

使えるかどうかは色で表示してくれているのですが、どの色が使えることを示しているのかは正直わかりません。私は Can I use を良く使うのですが、完全に雰囲気で使っていました。今日は土曜日で暇なので、きちんと調べてみました。

雰囲気でCan I useを使っていた記事

somegoro.hatenablog.com

使えるかどうかの見方

色の凡例がどこにあるのか探してみます。すると、サイトの下部にこのように凡例がきちんと表示されていました。
f:id:somegoro:20180804214108p:plain
緑が Supported 、黄色が Partial support ということで、緑と黄色になっているブラウザは対象要素を使うことが出来ます。ただ黄色は Partial support ですのでプレフィックスが必要だったりするようです。