Skip to content →

Reset? or Normalize?

定期的に話題になる気がするんだけど、俗にいういろんな要素のプロパティをゼロとかにする「Reset」、ブラウザの持つ要素のデフォルト値を調整する「Normalize」のどっちがどうだかいう話、結局のところその人がどういう背景で仕事してるかによると思う。

たとえば、ビジュアルデザインだけを誰かがやってそれを忠実に再現するとした場合、そのビジュアルが作り込まれすぎていたり(ブラウザの初期値とかそんなものがどこにもない)したら、コーディングだけを担当する人はマージンとかパディングをゼロにしたり、フォントサイズを統一してしまう方がやりやすいかもしれない。

その一方で、ボクみたいに自分でビジュアルもやる人、ある程度ブラウザの持つ初期値を活かしたようなビジュアルデザインがもとになる場合であれば、コーディングする際にいろんな要素の値を統一してしまったり値をゼロにしてしまうのは、かえって手間になるし時間かかるもん。

ボク自身はそういう誰かが作ったビジュアルデザインを忠実に再現するみたいな仕事をしないので、昔から「*」を使ったゼロ指定とかまったくせず、必要な要素だけを取り上げて部分的に値を固定するって方法を採っていたし。現に今なんかはベースをNormalizeにして、それにプラス自分の設定って感じだもんなぁ。

結局さ、どっちが良いとか悪いとかでなくて、コーディングをする人たちの立ち位置とかで変わってくるものだと思うよ。古くから今もなお続いているまるで紙の置き換えかのような、あらかじめ用意されたビジュアルを寸分の違いもなくすべてのブラウザで同じ見た目にするような仕事はあるだろうから。

ま、好きにすればいいじゃない。


ちなみにNormalizeって、Ver.1.x系とVer.2.x系があるので注意しようね。Ver.2.x系は、古いIEとか対象外になってるから。

normalize.css/CHANGELOG.md

Published in articles