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