reset.css と normalize.css を比較して normalize.css を推すことにした
- 2017 6/20
- カテゴリー : CSS
- normalize.css . reset.css
- コメントを書く
reset.css と normalize.css を比較して normalize.css を採用することにしたお話をご紹介します。
結論 normalize.css を使おう
reset.css 系は全てリセットしてしまってやり過ぎ感があるので、使えるところは残すという normalize.css の思想が好きなので normalize.css を採用することにしました。
- 公式: Normalize.css: Make browsers render all elements more consistently.
- GitHub: necolas/normalize.css: A collection of HTML element and attribute style-normalizations
詳しくは、この辺の記事を読むとよいです。
- なぜリセットではなく Normalize.css を使うのか | Yomotsu net
- What is the difference between Normalize.css and Reset CSS? – Stack Overflow
Nomalize.css は CSS における jQuery と理解すればいいだろう。
という説明が直感的に分かりやすいので、人に説明する機会があれば使っていきたいです。
実際に Normalize.css を導入して、コーディングする前に読んでほしい記事はこちらです。
Normalize.css を導入して、ローコストでマルチブラウザ対応していきたいですね。
参考情報
- 最近のWeb制作で利用されている、リセットCSSとノーマライズCSSのまとめ | コリス
- Web制作者は要チェックです!新バージョンのnormalize.css v4はモダンブラウザ・スマホ・HTML5に完全対応 | コリス
- 2016年で最もダウンロードされたリセットCSSランキングトップ5|ferret [フェレット]