スマートフォンサイト構築にもHTML5用のreset.css
reset.cssは各ブラウザでデフォルトで指定されているCSSをリセットするために読み込むスタイルシートです。
Firefox、Internet ExplorerやGoogle Chromeなど各ブラウザは、コーダーがスタイルシートを適用していない状態では、CSSの初期状態に差異があります。その差異を埋めるべく容易するスタイルシートが「reset.css」です。
少しずつ自身で調整を重ねて作り上げる「reset.css」もありますが、オープンソースとして公開されているものもあります。私はHTML4でPCページを構築する際、YUI(Yahoo! User Interface Library)のCSS Resetは重宝していました。
YUI 3: CSS Reset
今回、スマートフォンサイトを構築するために、スマートフォン用のreset.cssを探していました。そこで気がついたのですが、スマートフォンサイトは結局のところHTML5で構築するので、スマートフォン用というよりはHTML5用ですね。
調べたところ、HTML5 doctorのサイトで発見しました。
HTML5 Doctor, helping you implement HTML5 today
こちらのサイトで公開されているreset.cssはGoogle Codeで入手することができます。
html5resetcss – A reset stylesheet including HTML5 elements – Google Project Hosting
スマートフォンの世界にはIEのような奇怪なブラウザはないはずなので、そこまでクロスブラウザに悩まされることはないと思いますが、検証の負担が軽減されるのは助かります。
コメントする