古いCSSリセットからはもう卒業！モダンブラウザに適した新しいCSSリセット -A Modern CSS Reset

モダンブラウザをターゲットにしたWeb制作では、CSSにおけるブラウザの互換性の問題はIE6の頃に比べるとはるかに少なくなりました。無理なリセットやすべてをリセットする必要は全くありません。 現在のWeb制作に合わせて制作された新しいCSSリセットを紹介します。 CSSの知見やテクニックも満載です！ A Modern CSS Reset A Modern CSS Reset -GitHub by Andy Bell 他のCSSリセットが気になる人は、こちらも注目です。 2020年、モダンブラウザに適したCSSリセットのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのCSSリセット 各CSSリセットの解説 まとめ はじめに 私は日々、CSSについて考えて楽しんでいます。それは、お

[coliss]

モダンブラウザに適したCSSリセット、ul[class], ol[class], * + * などのセレクタも便利。

[KoshianX]

これはやりすぎじゃないかなあ……。こういうのを参考に基本的な部分を自分が扱いやすくするといいよねみたいな話であって、真似していいとは思わないな。ブラウザの基本的な挙動をもう少し尊重したいと思うのだが。

[webarata3]

ul[class]、って書くとclass属性があるとって意味なのか。CSSムツカシイネ

[umai_bow]

フクロウセレクタかわいい

[mohritaroh]

“フクロウセレクタと呼ばれるもので、直接の子孫をターゲットにします。これに1emのトップマージンを定義します。”

[threeMonths]

積極的にリセットしたいと思わないけど書き方は知らなかった

[arapro]

ul[class]とprefers-reduced-motion:reduceのテクニックは勉強になった。フクロウセレクタをresetに入れるのは一瞬やりすぎに感じたけど、よくよく考えるとアリに思えてきた。

[FOx]

ちょっと前から今時どうなんだろうと気になってたやつ

[usaribon]

IE「そうだぞ！」

[mayumayu_nimolove]

リセットも必要ないフェーズに入ってる気がする

[bleu-bleut]

normalize.cssはもう冗長である、と。

[ishiduca]

翻訳？

[ultimatebreak]

sanitize.css入れてずっとそのまま使い続けてるわ、見直す必要性もあんまり感じてないし

[naofumit]

一応、覚えとく。

[djshigy]

reset.css

[iww]

モダンブラウザにのみ対応したCSSリセット。 古いブラウザでは未対応ですゴメンねと表示するためのページには古いCSSリセットを別途用意するのだろうか