CSS3とHTML5のブラウザバージョン対応を一括チェックする便利ツール

HTML5やCSS3を使う時、それらのプロパティがどのブラウザまで対応しているのか知る必要があります。

全てのブラウザやOSのチェックをするのは非現実的だし、かと言ってクライアントワークであれば対応ブラウザを考慮して制作することは必要不可欠です。

そんな時に対応ブラウザが一目瞭然でわかってしまう、更にはそのブラウザのシェアまでわかるというスペシャルなサービスがこちら。

Can I use

https://caniuse.com/

Can I use というサービス。この画面の「Can I use _____?」のアンダーライン部分にプロパティを入れると簡単に調べることができます。

例えば「text-overflow」というプロパティを入れて見ましょう。

写真だと小さくてわかりづらいですが（汗）、画面下部の緑バーが見えていると思います。この状態だと現行のブラウザは対応していることがわかります。対応していない場合は赤いバーになります。

以下の写真は「text-orientation」と入れた場合。

こちらだと、IEなどいくつかのブラウザが対応していないことがわかります。

まあ、解説よりも使って見るのが早そうですが、簡単に使えて便利なのでオススメです。