CSS Remedy

Es gibt eine 15-jährige Geschichte von CSS-Resets. Tatsächlich ist „Reset“ nicht wirklich das richtige Wort. Tantek Çeliks Ansatz im Jahr 2004 hieß „undohtml.css“ und erst ein paar Jahre später, als Eric Meyer seine Version als Reset bezeichnete, wurde das Wort zum Standardbegriff. Als Normalize aufkam, nannte es sich ein Reset-Alternative, was richtig erschien, weil es nicht versuchte, alle Stile zu vernichten, sondern die Basisstile, die Browser in ihren User Agent Stylesheet bereitstellen, aufeinander abzustimmen.

Wir haben diese Geschichte bereits in Reboot, Resets, and Reasoning durchgenommen. Jeder Ansatz – nennen wir sie „Basis“-Stylesheets – hat einen etwas anderen Blickwinkel. Wie viel versucht es, die UA-Defaults zu erhalten? Wie dogmatisch wird es? Wie weit zurück reicht die Browserunterstützung?

Da kommt CSS Remedy (sie sagen, es sei noch nicht einsatzbereit) mit einem weiteren anderen Dreh

Setzt CSS-Eigenschaften oder -Werte auf das, was sie wären, wenn die CSSWG CSS heute von Grund auf neu erstellen würde und sich keine Gedanken über Abwärtskompatibilität machen müsste.

Faszinierend darüber nachzudenken.

CSS Remedy zieht die Linie neu, was dogmatisch ist und was nicht. Ich würde sagen, dass so etwas wie * { box-sizing: border-box; } eine ziemlich starke Meinung für ein Basis-Stylesheet ist. Kein UA-Stylesheet macht das, also wird eine pauschale Regel überall angewendet, nur weil sie wünschenswert ist. Sie ist definitiv wünschenswert! Sie ist nur dogmatisch.

Aber kein border-box als Standard zu haben, wird als CSS-Fehler angesehen. Wenn CSS Remedy also das wäre, was ein UA-Stylesheet wäre, wenn wir von Grund auf neu anfangen würden, wäre border-box nicht dogmatisch; es wäre der neue Standard.

Leider können wir wahrscheinlich nie ein neues UA-Stylesheet in Browsern haben, da die Gefahr, Websites zu zerstören, so hoch ist. Wenn Firefox ein neues modernisiertes UA-Stylesheet ausliefern würde, das geschmackvoll gemacht und gut aussieht, aber nur, bis Sie sich die Milliarden von Websites ansehen, die nicht dafür gebaut wurden, das neue CSS zu verarbeiten, das auf sie angewendet wird, dann würden die Leute Firefox die Schuld geben – und das zu Recht. Die elegante Handhabung von Legacy-Code ist eine massive Stärke des Webs und etwas, das uns zurückhält. Es ist jedoch mehr das Letztere als das Erstere.

Es hat Spaß gemacht, Jen dabei zuzusehen, wie sie sich Gedanken über solche Dinge macht und Ideen sammelt

img {
display: inline;
vertical-align: baseline; }

ist ein dummer Standard für die Webentwicklung.

Was wäre besser?

img {
display: inline;
vertical-align: bottom; }
(entfernt mysteriöse Lücke)

oder

img {
display: block; }
(blockifiziert)https://#/UyBtRO6SAv

— Jen Simmons (@jensimmons) 10. Februar 2019

Ich stimme zu! Dieser kleine Abstand unter Bildern hat eine riesige Menge Leute verwirrt. Er ist leicht zu beheben, aber dass er auf vertical-align zurückzuführen ist, ist ein wenig albern und ein großartiger Kandidat für eine Korrektur in einem neuen UA-Stylesheet.

Ich habe die sich in der Entwicklung befindliche Version in das Vergleichstool eingefügt

Siehe den Stift
HTML Kitchen-sink von Chris Coyier (@chriscoyier)
auf CodePen.

Direkter Link →