このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなきゃ損するPC情報を分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Windows:「よく使われるアプリを表示する」が操作不能になった (04/28)
  • VLCプレイヤー:動画の「コマ送り」がしたい (04/26)
  • Windows:ごみ箱内に1ヶ月残っているファイルを自動削除 (04/24)
  • Windowsをアップデートしたら「コントロールパネル」が消えた (04/21)
  • Windows:ブルーライトを軽減する「夜間モード」を使ってみる (04/19)
  • 管理人より
    2200万アクセス突破しました。ありがとうございます。

    各ブラウザの CSS3, HTML5 の対応状況が分かるサイト

    このエントリーをはてなブックマークに追加
    Can I use...
    操作画面


    こんにちは、さち です。

    今回は、サイト制作に超便利!
    各ブラウザの CSS3, HTML5 などの対応状況を確認できるサイト
    「Can I use...」を紹介します。




    ブラウザが CSS3, HTML5 に対応しているか調べる

    1. 「Can I use...」を開くと、CSS, HTML5 の一覧が表示されます。
      操作画面

    2. 例えば、CSS の「3D Transforms」を選ぶと…
      操作画面

    3. 各ブラウザの対応状況が分かります。
      (緑=対応済み,黄緑=部分的に対応,赤=未対応)
      下のタブで「Known issues(既知の問題)」「Resource(情報,デモ等)」も確認できます。
      操作画面

    4. 右上に黄色のマークが付いているものは
      使用の際にベンダープレフィックスが必要なことを表しています。
      (下の例だと、Chrome35 以下は「-webkit-transform」と記述する必要がある)
      操作画面

    5. 対応表には最近のバージョンしか表示されていませんが
      「Show all」をクリックすると…
      操作画面

    6. 旧バージョンのブラウザの対応状況も確認できます。
      操作画面

    ちなみに、CSS3, HTML5 は
    サイトトップの「Can I use ____?」から検索もできます。
    操作画面




    対応状況とブラウザのシェアを見る

    1. ページ右上には、対応済み と 部分的に対応 の合計値
      つまり、この CSS3, HTML5 を何%の人が見られるかが表示されます。
      「日本」の割合も表示されるので参考になりますね。
      「unprefixed」は、ベンダープレフィックスを使わない場合の割合です。
      操作画面

    2. さらに、「Usage relative」をクリックすると…
      操作画面

    3. 視覚的に各ブラウザのシェアを確認できます。
      操作画面

    4. 初期設定では、「Global」のシェアが表示されていますが
      「Settings」をクリックして…
      操作画面

    5. 「Source」を「Japan」に変更すると…
      操作画面

    6. 「日本」のシェアを確認できます。マジ IE 多いっす。
      操作画面

    シェアの情報はどこまで信じていいのか分からないので
    最終的な CSS3, HTML5 の使用判断は自己責任で!



    「Can I use...」は、他にも JS API, SVG などの対応状況を確認できます。
    アクセスはこちらからどうぞ。

       → Can I use... Support tables for HTML5, CSS3, etc








    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2017 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ