I've totally mixed the order (in a rush, about to leave the office) but for example...
> Sans-serif fonts are used for body text
Serifs are most commonly used for body (perhaps this is a mistake on the authors part?), but all manner of typefaces can be used for body text dependent on their design and legibility.
> The line-height is 1.5-2.0
I've been building websites, designing books and drawing type for a number of years. I've never used leading/line-height that large.
> body text isn't pure black on white
This is a huge myth imo.
> (backgrounds) Use a pattern or simple image
99% of the time use neither.
> A text shadow is used to make headings readable
I'd recommend this as a last resort generally, adjust the background first.
> Blocks of text are un-justified
Justified text can be fine in many circumstances.
> body text is 16-18px and is scalable
Totally dependent on the design of the rest of the page.
> There's padding between paragraphs
From a pure CSS standpoint, this should really be margins, not padding.
Sans serif fonts are more used on body fonts, because they're more legible on screens. On paper, it's the opposite. Text size plays an important part here, because the serifs in serif fonts makes the letters stand out better on a smaller font size and the serifs "guide" you to the next words, making the paragraphs flow better together.
With HD screens and proper font rendering, sans serif fonts are generally faster and easier to read. These are just some of my observations when doing A/B testing on a few products of ours and there's definitely also a cultural effect at play here. But the poster above isn't definitely in the wrong.
That's strange to hear, in my experience serif fonts are most definitely used more for body text (referring to paragraphs of text) on sites where legibility is a primary concern. Look at the websites of almost any well designed news outlet (Bloomberg, NYT, Guardian, Reuters, etc). I say this as someone who previously worked for a type foundry that has worked with major organisations on corporate type projects and now works as a web (and occasional book) designer/developer.
> Look at the websites of almost any well designed news outlet
Is it possible that some of this is news-site-specific, due to their heritage as print media, and an online design aesthetic that references (or harkens back to) that?
Yes definitely, this is what I understood by the cultural effect httpsterio was referring to. I still stand by my statement though, I've had far too many meetings discussing this exact topic.
I feel like this is a pretty terrible basic mistake to make in a web design article... Thinking of padding as something _between_ elements, as opposed to the space between an element's content and it's border seems like a really basic design 101 mistake.
> Sans-serif fonts are used for body text
Serifs are most commonly used for body (perhaps this is a mistake on the authors part?), but all manner of typefaces can be used for body text dependent on their design and legibility.
> The line-height is 1.5-2.0
I've been building websites, designing books and drawing type for a number of years. I've never used leading/line-height that large.
> body text isn't pure black on white
This is a huge myth imo.
> (backgrounds) Use a pattern or simple image
99% of the time use neither.
> A text shadow is used to make headings readable
I'd recommend this as a last resort generally, adjust the background first.
> Blocks of text are un-justified
Justified text can be fine in many circumstances.
> body text is 16-18px and is scalable
Totally dependent on the design of the rest of the page.
> There's padding between paragraphs
From a pure CSS standpoint, this should really be margins, not padding.