I'm sure a lot of web folk are going to say "wow you're late to the party" but the fact that the <h1> tag's text size shrinks for every <article> or <section> it's inside of, but the other tags (like <h2>) do not.

That is a *BONKERS* decision and it's apparently intentional

@JoshJers wait wat
@eniko I spent so long debugging this because I thought surely there was something fucky in my css but it's just ... like this? And it's *in the spec like this*????

@JoshJers @eniko

I think the idea is that there's really only supposed to be one <h1> per page, and if you have them in an <article> you probably want it to be a sub-article of some sort with a smaller main title. I admit it does get a little out of hand once you nest multiple articles but that is a pretty odd use-case in which you're probably using custom CSS anyway overriding the defaults.

@amin @eniko I ... sorta? ... get the intent behind the shrinking H1 but it's *wild* that they apparently just said "yeah fuck it, H1 can shrink and the rest can stay as-is"

@JoshJers @amin @eniko I guess they didn't expect people to mix "put an H1 inside a bunch of sections" and "use decreasing H2-H6 tags" in the same page?

No idea why they wouldn't expect that, web developers will do any cursed thing you can imagine once your content's run through five people and two frameworks in four languages, but oh well

@andrewt @JoshJers @amin @eniko I did layout for offset printing of complex documents in HTML and CSS, and I came to the conclusion that no typographer was ever consulted in the making of either spec.

@oscherler @andrewt @JoshJers @eniko

Yeah, haha. I tried following typographic principles to make readable.css, my classless CSS framework, but it's definitely not easy. :)

https://readable-css.freedomtowrite.org/

readable.css

readable.css is a CSS framework that provides all the beautiful design with none of the distracting fluff.

@amin @oscherler @andrewt @eniko Just wanna say that I appreciate everyone who goes through the trouble to actually make a light and dark theme (at leastusing the theme preference selector)

I just did so on my blog ( http://drilian.com ) and it's not hard as long as you're careful about how you refer to colors

(also as an added bonus it usually ends up making you use a more limited palette and not just throw color tags around willy nilly, which is better for maintainability and consistency anyhow)

JoshJers' Ramblings

@JoshJers @oscherler @andrewt @eniko

Yep! And CSS custom properties (variables) are so useful when doing so.