心とテクノロジーで
世界を明るくする
株式会社シンシエイト
Weblog

ブログ

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

ブラウザのCSS3とHTML5のプロパティ対応チェックツール

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

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

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

Can I use

Can I use

https://caniuse.com/

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

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

text-overflow のブラウザ対応結果

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

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

text-orientationのブラウザ対応

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

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

ブラウザのCSS3とHTML5のプロパティ対応チェックツール

この記事が気に入ったら
いいねお願いします!
(facebookでシェアはされません)

三上 龍志
美容室の採用サイトでダイレクト採用戦略 & サロンを差別化する「100の質問リスト」。キレイな女性が死ぬほど好き♡ = 女性のキレイは髪から = 髪と言ったら美容師 = 美容師さんのIT部門をサポート。元パンパースモデルの株式会社シンシエイト代表。2児の父。