Compared reset.css and normalize.css and Decided to Recommend normalize.css
Tadashi Shigeoka · Tue, June 20, 2017
I’ll share the story of comparing reset.css and normalize.css and deciding to adopt normalize.css.
Conclusion: Let's Use normalize.css
Reset.css systems reset everything and feel like overkill, so I like normalize.css’s philosophy of keeping what can be used, and decided to adopt normalize.css.
- Official: Normalize.css: Make browsers render all elements more consistently.
- GitHub: necolas/normalize.css: A collection of HTML element and attribute style-normalizations
For details, it’s good to read articles around this area:
- なぜリセットではなく Normalize.css を使うのか | Yomotsu net
- What is the difference between Normalize.css and Reset CSS? - Stack Overflow
You can understand Normalize.css as jQuery for CSS.
This explanation is intuitively easy to understand, so I’d like to use it when I have opportunities to explain to others.
Here’s an article you should read before actually introducing Normalize.css and coding:
I’d like to introduce Normalize.css and handle multi-browser support at low cost.
Reference Information
- 最近のWeb制作で利用されている、リセットCSSとノーマライズCSSのまとめ | コリス
- Web制作者は要チェックです!新バージョンのnormalize.css v4はモダンブラウザ・スマホ・HTML5に完全対応 | コリス
- 2016年で最もダウンロードされたリセットCSSランキングトップ5|ferret [フェレット]
That’s all from the Gemba.