[み]IEでもHTML5やCSS3に対応できるようになるJSまとめ

久しぶりに、自分用のメモです。

今回のは、IEでもHTML5やCSS3に対応できるようになるJavaScriptをまとめました。ただ、全部入れたりすると、とんでもなく重くなるので必要なものだけ使うようにしてください。
まぁ、手っ取り早いのは、この世からIEをなくすことですね!

IE9.js

IE9.jsは、IEをモダンブラウザのように、positionやmargin、max-width、擬似クラスの対応などができるようになるJavaScriptです。またIE5、IE6でも透過PNGが使えるようになります。

ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting

css3-mediaqueries-js

css3-mediaqueries-jsは、IEでCSS3 Media Queriesを使えるようにするJavaScriptです。つまり、レスポンシブデザインに対応できるようになります。

css3-mediaqueries-js – css3-mediaqueries.js: make CSS3 Media Queries work in all browsers (JavaScript library) – Google Project Hosting

css3pie

css3pieは、IEでborder-radiusや、box-shadow を使えるようにするJavaScriptです。

CSS3 PIE: CSS3 decorations for IE

この角丸とボックスのシャドウについては、みはら.comでも他のやり方も紹介しています。
[み]IEでもCSS3みたいな角丸にする方法
[み]IEでもCSS3みたいなシャドウをつける方法

html5shiv.js

html5shiv.jsは、IE8以前のブラウザでhtml5をのタグを使えるようにするJavaScriptです。

html5shiv – HTML5 IE enabling script – Google Project Hosting

これらのJSを使うときの注意点

冒頭でも書きましたが、こいつらを例えば念のため的に全部使うと、とんでもなく重くなります。どれだけ立派なサーバをつかっても重くなりますので、必要なやつだけを使うようにしてください。

もしくは、IE対応をあきらめるかですねww

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

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

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup