リセット用CSSはもういらない、ブラウザのバージョンに適したスタイルを適用して標準化 -PostCSS Normalize

ブラウザごとに異なるデフォルトのスタイルを整える時、リセット用CSSやノーマライズCSSを使用して、すべてのブラウザに共通のスタイルシートを適用している人が多いと思います。 定義したブラウザのリストに基づいて、normalize.cssの必要なスタイルのみを使用できるPostCSS Normalizeを紹介します。 PostCSS Normalize -GitHub normalize.cssについては、下記を参考に。 Chromeの新バージョンをサポートしたNormalize.css v6.0.0がリリース、いくつかの重要な変更点に注意 PostCSS Normalizeは、browserl.istに基づいて必要なnormalize.cssの必要なスタイルのみを使用できます。 例えば、各ブラウザの最新から3つまでのバージョン、IEだと9, 10, 11をサポートする場合は、下記のようにな

[musign]

リセット用CSSはもういらない -> つまりは、普通の、必要なスタイルだけ自動付与してくれる、normalize.cssか

[ko-ya-ma]

postcss使うのか

[Rishatang]

今更な話だけどNormalizeはデフォルトでmargin-topが多くのタグについているのがどうも受付けない。個別にmargin-topをリセットしないと行けない状況多すぎて。フォーム系とかの見た目残したReset使ってる。

[htn_50koma]

リセット用CSSはもういらない、ブラウザのバージョンに適したスタイルを適用して標準化 -PostCSS Normalize

[bleu-bleut]

normalize.cssから必要なものだけ読み込む

[umai_bow]

コンマ数秒の最適化のためにここまでする必要あるのか。CDNから持ってくるなら1行タグ追加するだけなのに

[s99e209]

PostCSSでブラウザごとにスタイルを整える方法が合理的でいい感じだなあ。こういうの見るとSCSSから今すぐにでも移行したくなってしまう。

[daipdaip]

これは良い、PostCSS導入を今進めてるからちょうどいい