東京のホームページ制作会社・web制作会社
株式会社シンシエイト

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などいくつかのブラウザが対応していないことがわかります。

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

三上 龍志
この記事を書いた人
三上 龍志
元パンパースのCMモデルがネタの株式会社シンシエイト代表。システムエンジニア出身営業育ち。ビーフジャーキー作りが趣味。webが大好きな2児の父。
関連する記事
タスク・スケジュール管理の決定版!三種の神器アプリと絶対漏れない運用方法を大公開!
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のメンバー初期設定
ウェブサービス・アプリケーション
5人以上のメンバーでタスク管理をするなら無料アプリの「Producteev」がオススメ!
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のマネージャー運用の基本マニュアル
ウェブサービス・アプリケーション
タスク管理アプリ「Producteev」のメンバー運用の基本マニュアル
ウェブサービス・アプリケーション
iPhoneの無料アプリ「ImgPlay」でGIFアニメを作ってみた
ウェブサービス・アプリケーション
大量の重い画像や動画ファイルを送れる「firestorage」
ウェブサービス・アプリケーション
SimilarWebの信憑性を徹底検証。10万PVの自社メディアのGAデータと比較してみました。
ウェブサービス・アプリケーション
【mac】keynoteで縦書きテキストは出来ないことが判明!
ウェブサービス・アプリケーション
株式会社シンシエイト ブログ ウェブサービス・アプリケーション CSS3とHTML5のブラウザバージョン対応を一括チェックする便利ツール

web制作とマーケティングで
貴社の経営課題を解決します

web制作でのブランディングや、コンテンツマーケティング・SEO・ネット広告を中心としたウェブマーケティングを通じて、企業の事業を加速させるご提案をしています。

お電話でのお問い合わせはこちら

現在リモートワーク推進中のため、お電話が繋がりにくくなっております。
受付時間は平日10:00〜18:00です。セールス目的のお電話はご遠慮ください。