MENTAにてフリーランス、Webデザイナー、グラフィックデザイナーを目指す方のよろず相談受付中!
Web

CSSの対応状況が分かるサイト「Can I use…」

webooker

このCSSプロパティ、このブラウザで使える?

CSS3で新しいプロパティが出てきたり、様々なモバイル対応ブラウザが出てきたりと、プロパティの対応状況を把握するのが困難になってきた。

例えば最近、background-sizeプロパティについて調べたい事があった。
どのブラウザに対応しているのか、色々なサイトを行きつ戻りつ検索するのは非常に面倒である。

そこで見つけたのがこちらのサイト、「Can I use…」だ。

Can I use… Support tables for HTML5, CSS3, etc *

http://caniuse.com/

調べたいCSSプロパティを入力するだけ

例えば「background-size」と入力すると、各ブラウザの対応状況が一目瞭然。AndroidやBlackberryのブラウザまで調べられるのが良い。

caniuse

結果をenbedして外部サイトに貼り付ける事も出来る。(だが、上手く表示されないようだ…)

例)background-sizeで作成した場合

最近のHTML本でも取り上げられていた

こちらの記事で紹介したHTMLの本でも、Can I use…が紹介されていた。

お手元にお持ちの方のためにいうと、P225とP268に掲載されている。

※このサイトでは、アフィリエイト広告を利用しています。

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ABOUT ME
Webと本の人 Webooker (ウェブッカー)
Webと本の人 Webooker (ウェブッカー)
フリーランス Webデザイナー・グラフィックデザイナー
2009年からIT業界に。
WebデザイナーとしてITベンチャー企業、SaaS企業、Web制作会社に勤務。
2016年11⽉より独⽴し、フリーランスのWebデザイナー、グラフィックデザイナーとして活動
2024年1月から大阪のシステム会社に勤務し、フリーランスとの二足のわらじで現在に⾄る。 2子の親。フルリモートワーク。
記事URLをコピーしました