html5,CSS3でサイト制作するときにお世話になるjavascriptライブラリ(主にIE対応)



IE8以下はhtml5を認識しない、css3にも対応していないのでjavascriptライブラリにお世話になります。

そのまとめ。

html5shiv.js

https://github.com/aFarkas/html5shiv

html5から導入されたタグ(header,footer,section,article,asideなど)はIE8以下では認識されない。
それらをIE8でも解釈させるためのjavascript ライブラリ。

<!--[if lt IE 9]>
	<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->

respond.js
https://github.com/scottjehl/Respond

scottjehl Respond · GitHub

Media Queries(max-widthとmin-width)を解釈可能にするpolyfill

<!--[if lt IE 9]>
	<script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->

selectivizr
https://github.com/keithclark/selectivizr

Selectivizr   CSS3 pseudo class and attribute selectors for IE 6 8

CSS3をIE8以下でも認識させるためのjavascriptライブラリ「Selectivizr」
疑似クラス・擬似要素(の一部)が利用可能に。

Selectivizrを使う上での注意

  • jQuery,prototype,YUIなどのJavaScriptライブラリが必須
  • CSSソースはlink要素を使って読み込む
<!--[if lt IE 9]>
<script type="text/javascript" src="./selectivizr-min.js"></script>
<![endif]-->

modernizr
http://modernizr.com/

Modernizr  the feature detection library for HTML5 CSS3

ブラウザで対応している機能をCSS,Javascriptで確認できる。

シェアする

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

フォローする