いつもなんとなく使ってしまっていたリセットCSSに関して調べたの備忘録
それぞれの中身に関しては別の備忘録へ
normalize.css
最新バージョン
- v5.0.0 / 2016.10.3
対応ブラウザ(v5.0.0)
- IE8+
- Safari6+
- Chrome / Edge / FF / Opera => last two
normalizeに関して
バグや一般的なブラウザの矛盾を修正し、かつ有用なデフォルトの設定は残す
補足
サクッとnpmでDWいける
$ npm install --save normalize.css
sanitize.css
最新バージョン
- v4.1.0 / 2016.7.1
対応ブラウザ(v4.1.0)
- IE10 - 11
- Safari8 - 9+
- Chrome50 - 51+
- Edge11 - 12
- FF46 - 47+
- Opera37 - 38+
- iOS 7-8+
- Android 4.3 - 4.4+
※IE9 / Safari7 に対応させるにはcssを追加する必要あり
sanitizeに関して
バグや一般的なブラウザの矛盾を修正し、かつ有用なデフォルトの設定は残す
また、モバイルにも対応している
補足
サクッとnpmでDWいける
$ npm install --save sanitize.css
ress.css
最新バージョン
- v1.1.2
対応ブラウザ
Normalizeを継承
Inherit from Normalize
ressに関して
Normalizeをベースにカスタマイズしたらしい。
※軽く見た感じNormalizeと違う部分結構ありそうです
補足
サクッとnpmでDWいける
$ npm install --save ress
Reset CSS
最新バージョン
- v2 / 2011.1.26
対応ブラウザ(v2)
Reset CSSに関して
ブラウザのデフォルトCSSをリセットする
※v2でHTML5に対応した
補足
下記のページからコピペで
minireset.css
最新バージョン
- v0.0.2 / 2016.8
対応ブラウザ
要確認
miniresetに関して
2016年8月に出たばかりのリセットCSS
補足
サクッとnpmでDWいける
$ npm install --save minireset.css