あなたのサイトに最適なCSS Resetが見つかる -*{ CSSresetr }

昨日「ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版」で、数多くのCSS Resetを紹介しました。
じゃ、どれが自分に最適なんだろう? という時にぴったり! 数多くのCSS Resetを手軽に試すことができるオンラインサービスを紹介します。

サイトのキャプチャ

*{ CSSresetr } - Online CSS-Reset Tool

[ad#ad-2]

*{ CSSresetr }の使い方は簡単です。
プルダウンの「Change the reset」からCSS Resetを
「Change the content」から適用するコンテンツを選択します。

下記は、CSS Resetを「Example Page」に適用したものです。
marign, paddingを取り除いているCSS Reset、限られた要素のみ適用するCSS Resetなど、実際にコンテンツにあてはめるとその使い勝手が分かると思います。

サイトのキャプチャ

「Eric Meyer's CSS Reset」を適用

サイトのキャプチャ

「Poor Man's Reset」を適用

[ad#ad-2]

サイトのキャプチャ

「Tripoli Reset」を適用

サイトのキャプチャ

「CSS Mini Reset」を適用

各CSS ResetのスタイルシートやCSS Resetの歴史は、昨日の「ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版」を参考にどうぞ。

sponsors

top of page

©2024 coliss