Quantcast
Channel: Live: Left nav, new theming and responsiveness - Meta Stack Exchange
Viewing all articles
Browse latest Browse all 87

Answer by tchrist for Live: Left nav, new theming and responsiveness

$
0
0

Measure for measure, we’re much too long

SUMMARY

We’re in flagrant violation of Bringhurst rule 2.1.2: Choose a comfortable measure.

ʀᴇʟᴀᴛᴇᴅ: Static, unchanging font size, leading, and measure incompatible with dynamics of responsive design


The desktop line measure is still much, much too long
for comfortable reading of continuous text in a variable-width
font. This is wrong on both serifed and sans sites alike.
We’re using lines 100 characters long, which is completely
unreadable except maybe in a fixed-width face.

        (And again, without manual correction.)

The desktop line measure is still much, much too long for comfortable reading of continuous text in avariable-width font. This is wrong on both serifed and sans sites alike. We’re using lines 100 characters long,which is completely unreadable except maybe in a fixed-width face.

        (And again, in constant-width.)

The desktop line measure is still much, much too long for comfortable reading of continuous text in avariable-width font. This is wrong on both serifed and sans sites alike. We’re using lines 100 characters long,which is completely unreadable except maybe in a fixed-width face.

Or for those of you who aren’t on the desktop site, that’s:

image of foregoing text for those stuck on a cell phonelet

Demonstrations of Badness

This demo from Monica’s answer here is a good example of
what happens with a bad measure:

Example 1 of way-too-long lines

example of overly long lines

Example 2 of way-too-long lines

This is no better on those rare sites with a bit
of serifed text, as demonstrated by this ELU answer:

Sven Yargs’ answer about "programing"

Thus Spake Bringhurst

In The Elements of Typographic Style, Robert Bringhurst writes:

2.1.2 Choose a comfortable measure.

Anything from 45 to 75 characters is widely regarded as a satis-
factory length of line for a single-column page set in a serifed
text face in a text size. The 66-character line (counting both
letters and spaces) is widely regarded as ideal. For multiple-
column work, a better average is 40 to 50 characters.
      If the type is well set and printed, lines of 85 or 90 charac-
ters will pose no problem in discontinuous tests, such as bibli-
ographies, or with generous leading, in footnotes. But even
with generous leading, a line that averages more than 76 or 80
characters is likely to be too long for continuous reading.

Or with serifs:

repeat of Bringhurst in a serif face

(Or course, you shouldn’t use hyphenation with a ragged margin,
but I’m trying to reproduce the book, which has a justified
right margin and thus some hyphenatinon.)

Demonstration of Goodness

For example, the New York Times uses a 66-character line:

plum-tart recipe description from the New York Times, 2018-09-01

Credit: “A Plum Tart That Keeps Its Charms Hidden”, Melissa Clark’s
regular “A Good Appetite” column from the August 31, 2018
print edition of The New York Times.

Let’s stop being so irresponsive

Notice how much easier the Times’ text is to read compared
with Monica’s or Sven’s? This is because we haven’t sized
the measure correctly. In other words, this is irresponsive
design, not the responsive design it’s purported to be.

The Times sets the font size and the measure in a way
that makes it easy to read no matter the viewport.

We don’t. We should.


Viewing all articles
Browse latest Browse all 87

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>