HTML5 + CSS32011.03

HTML5+CSS3でWeb制作するための下準備

各ブラウザーをHTML5+CSS3に対応させるために使用したJavaScriptライブラリやCSSなど。

HTML5をIE6〜IE8に対応させるHTML5.js

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

関連ページ：

ダウンロード：http://code.google.com/p/html5shiv/
参考解説：http://www.html5.jp/html5doctor/how-to-get-html5-working-in-ie-and-firefox-2.html

条件分岐（コンディショナルコメント）：

詳細（英語）http://msdn.microsoft.com/en-us/library/ms537512(v=VS.85).aspx
参考解説http://journal.mycom.co.jp/special/2007/ie7/017.html

各種ブラウザーをHTML5に対応させるためのリセットスタイルシート

関連ページ：

ダウンロード：http://code.google.com/p/html5resetcss/downloads/list
参考解説：http://www.html5.jp/html5doctor/html-5-reset-stylesheet.html

＊変更したいリセットがあった場合は、アップデートされたときの対応として、上記ファイルに直接書き込むのではなく、myreset.cssのような別ファイルで。

CSS3をIE6〜IE8に対応させるIE9.js

<!--[if lt IE 9]>
<script src=http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

関連ページ：

ダウンロード：http://code.google.com/p/ie7-js/
対応表：http://ie7-js.googlecode.com/svn/test/index.html

ブラウザーを判別して<html>タグにclass=”userAgent”を付加するjquery.browser. js

関連ページ：

ダウンロード：http://jquery.thewikies.com/browser/
エージェント名：http://jquery.thewikies.com/browser/test.html

＊ブラウザー毎にCSS振り分けが必要な場合に。

2011年3月6日 1:50 PM