ブラウザごとのスタイルをリセットするCSSのリンクをメモ。
クライアントは、自分のPCでの見たものと同じものを、ユーザーすべてが見ていると思っていらっしゃるので、仕様固めの前に、ブラウザやデバイスごとの見た目の違いと、すべてを同じ見た目にすることは事実上不可能だということを、きちんと説明するのが大切です。
また、DTPしかやったことがないデザイナーさんと組む時もこの辺の説明は必須。
1ピクセルへのこだわりも良いけれど、こだわるべき部分とこだわっても意味がない部分の切り分けを説明しておく必要がある。
(それにしても、いまだにmm単位かつCMYKのイラレデータを送ってくるデザイナーさんが少なからずいるのに驚く)

 Normalize.css: Make browsers render all elements more consistently.
http://necolas.github.io/normalize.css/
リセットCSSとは異なり、ブラウザのデフォルトスタイルでも使えるものは残しながら、クロスブラウザに対応するCSS。
最近はこれ使うのが多いかな。

HTML5 Doctor CSS Reset and all others on CSSReset.com
http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/
html5対応のリセットCSS

CSS Reset – YUI Library
http://yuilibrary.com/yui/docs/cssreset/
YUI Libraryに含まれているリセットCSS。

CSS Reset | 2013’s most common CSS Resets to copy/paste, with documentation / tutorials
http://www.cssreset.com/

スポンサードリンク

コメントを残す

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