Modernizr | 「CSS」カテゴリー

　状態:- 　閲覧数:3,080 　投稿日:2012-02-19 　更新日:2013-04-03

JavaScriptライブラリ

機能

閲覧しているブラウザが、或る機能に対応しているかどうかをJavaScriptで判別し、その結果をhtml要素のclassという形で教えてくれます

ブラウザのバージョンは日々変わっています。
HTML5 仕様そのものは日々変わっています。
あるブラウザは、今日の◯◯版の対応は昨日の◯◯版の対応と違うかもしれません。
あるブラウザの Windows 版の対応は Mac 版、Linux 版、携帯版、テレビ版、ゲーム機版やタブレット版の対応と違うかもしれません。
HTML5 対応は true/false ではなく、部分的な対応の方が普通です。
既存の比較表は例外がとても多く、分かりづらいです。
ユーザーエージェントはよく嘘を付き、ブラウザの判断としては理想的ではありません。

↓

ブラウザの対応ではなく、使いたい機能の対応を調べましょう
便利な HTML5 や CSS3 の対応が検出できるライブラリーは既にあります：Modernizr

Modernizr
何に一番驚いたかと言えば、この記事が2年以上前に作成されているという事実。全然、世間の流れについていけてないよ…。あーでも、広い意味でのハックと捉えれば、何れ完全なる「HTML5 ＋ CSS3」の世界が来るわけで、そう考えるとそれ程悲観的になることもないのかな？まあ、今の過渡期が何時まで続くか、って話もあるだろうけど…。
「Modernizr」モダンなクロスブラウザCSSの為の支援スクリプト | Mach3.laBlog

Modernizrがしてくれる事は、ただ一つの単純な処理です。
閲覧しているブラウザが、或る機能に対応しているかどうかをJavaScriptで判別し、
その結果をhtml要素のclassという形で教えてくれます

max-width: 100%の効果を打ち消すには、max-width: none;

ページ内リンクの位置を微調整するためには、Negative margin を使用する

順位	ページタイトル抜粋	％
1	Modernizr	89
2	font-size	56
3	Sleipnir	47
4	XnViewMP	47
5	IrfanView	44
6	MediBang Paint	43
7	Responsive Glid	42
8	trタグにborder	40
9	Create Link	40
10	resizeプロパティ	40
11	Potrace	38
12	BlueGriffonを使ってみた感想	36
13	inputタグのsize属性	35
14	SCSS × Windows	35
15	「Create Link」復活	33
16	Bookmark Sentry	33
17	Create Link 再設定	33
18	rem	33
19	CopyTabTitleUrl	33
20	Material Design 2014 年	32
	2026/5/30 7:15 更新

順位	ページタイトル抜粋	アクセス数
1	鉄道会社毎のカラーコード \| カラーコード(色)	4
2	方式1.色相H0°～360°、彩度S0%～100%または0～255、明度V0%～100%または0～255	3
2	RGBの種類／ビットカラー \| RGB(色)	3
2	「属性」「プロパティ」「アトリビュート」の違い \| CSS	3
2	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	3
2	「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 \| カラーコード(色)	3
2	RGB → HSL \| 色変換(色)	3
3	画像縦横比の問題 \| 画像	2
3	ツールチップ \| 3系(Bootstrap)	2
3	HTML5で画像ファイル存在判定 \| HTML5(HTML)	2
3	今後について	2
3	Fireworks で背景画像透明化 \| Fireworks CS3(Fireworks)	2
3	RGB最大値基準	2
3	RGB → HSL 彩度S 計算方式の違い	2
3	HSL → RGB 計算例 Wikipedia ／ HSL 206.6, 89.7, 54.1 → RGB 33, 150, 243	2
3	RGB → 色相H … 最小値基準 × 図形の考え方 \| 色変換(色)	2
3	考え方A.長さの比率で角度６０°を分割／ R≧B≧G	2
3	RGB → 色相H … 最大値基準 × 図形の考え方 \| 色変換(色)	2
3	方式1.色相H0°～360°、輝度L0～100(固定)	2
3	font-size \| フォント	2
	2026/5/30 5:05 更新

JavaScriptライブラリ

ゲスト … 1行コメント投稿