どのCSSプロパティが世の中のWebサイトでよく使われているのか? マイクロソフトがクローラーから得た統計を「Global CSS Property Usage」として公開

2016年4月12日

Webサイトをデザインする際、HTMLでテキストを構造化した上で外観を整えるためにCSSを利用します。

いまのCSSには多彩な表現力を備えたさまざまなプロパティがある一方、最新のCSSに未対応のブラウザに気を使いつつも新しいプロパティを用いるべきかどうか、歴史的経緯からブラウザ固有のベンダプレフィクスを用いるべきかどうかなど、どのプロパティを実装に用いるのがよいか判断に迷いがちです。

その判断材料になりそうな情報が、マイクロソフトから公開されました。「Global CSS Property Usage」です。このデータは、マイクロソフト自身がWebブラウザの開発を進めていく上でどのプロパティを優先して実装していくか、その判断材料に使っているデータだと説明されています。

Global CSS Porperty Usageは、Bingのクローラーによって収集された情報を基に、どのプロパティが広く使われているのかを一覧で示したものです。例えば「font-size」は96.5%のWebページで使われており、「color」は96.4%、「margin-top」は95.1%の割合で使われている、といったことが分かります。

fig

一般に、あるCSSのプロパティをWebページに使うかどうかは、どれくらい多くのブラウザで実装されているかを参考にします。

それに加えてこの一覧を見て、広く使われているプロパティならば安心して自分のWebサイトにも採用できるでしょうし、例えば実現したい表現に対して利用可能なプロパティが複数ある場合には、より広く使われているプロパティを採用する、といった判断の参考になりそうです。

Tags: HTML/CSS Web技術 Microsoft

このエントリーをはてなブックマークに追加
ツイート
follow us in feedly





タグクラウド

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準

アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed

最新記事10本