HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。

サイトのキャプチャ

HTML5 Reset

ダウンロードできるファイルセットはコメント有り版・無し版などがあり、ファイル構成は下記のようになっています。

ファイル構成のキャプチャ

ファイル構成：コメント無し版

各ファイルの説明

  • index.html
    HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。
  • css/main.css
    @import用のスタイルシートです。
  • css/reset.css
    Eric Meyerの「Reset CSS」です。
  • css/core.css
    ベースとなるスタイルが定義されています。
  • css/_patches
    各ブラウザ用のスタイルシートです。
  • css/_print
    プリント用のスタイルシートです。
  • js
    Modernizrがセットされています。

Post on:2010年8月10日


top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

HTML5用のリセットファイルをまとめたテンプレート « PICxPIC.com | Web系の情報ブログ

on 2010年10月8日

[...] Posted by ペンキチ on 2010年10月8日 HTML5用のreset.cssを紹介します。 HTML5はHTML4やXHTML1.0から様々な要素が増えたため、リセットで指定する要素も自然と増えます。 HTML5に対応したリセットをまとめたものが、コリスにて紹介されていました。HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML… 通常のリセット以外に、印刷用のCSSも（ガワだけ）用意されていました。 IE用のパッチがたくさん入っていましたが、個人的にはもうHTML5やCSS3に対応しないブラウザは知らない！というスタンスなので、IE用は削除して使おうかな、と思います。 [...]

HTML5自分用覚え書き - つれづれお針子日和

on 2010年10月21日

[...] 　http://html5reset.org/ 　解説：http://coliss.com/articles/build-websites/operation/work/html5-reset-org.html [...]

HTML5とCSS3でWebサイトを作るときのサンプルセット（HTML5編） | bontaro.net::blog

on 2011年2月19日

[...] HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset | コリス [...]

top of page

©2011 coliss