リセットCSSを比較できるWebサービス{ CSS:resetr }

各ブラウザのスタイルシートを初期化するために使われるリセットCSSを比較できるWebサービス「{ CSS:resetr }」をご紹介。

YUI、Vanilla Resetなど人気のリセットCSSをプルダウンで選択し、使用したいHTML構造を選択するだけで簡単に比較できるようになっています。

使ってみた様子

サイトでは見出しやリスト構造、テーブルなどの比較ができるようになっています。
今回はフォーム要素で比較してみました。

■ Yahoo! Reset 2の場合

■ HTML5 Dr. Resetの場合

■ Vanilla Resetの場合

それぞれに特徴がありますね。
各ブラウザのスタイルの違いを見るのに覚えておいても良いかもしれません。