WEB/システム/IT技術ブログ

スマートフォンサイト構築にも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のような奇怪なブラウザはないはずなので、そこまでクロスブラウザに悩まされることはないと思いますが、検証の負担が軽減されるのは助かります。

B!

Comment

コメントはありません

コメントする

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Monthly Archives