3 ms·

That's okay, I really appreciate the feedback! I'll give this some thought and see if I can tweak the colours a little. I often find myself falling back on Fire

by ajxs 3y ago

That's okay, I really appreciate the feedback! I'll give this some thought and see if I can tweak the colours a little. I often find myself falling back on Firefox's 'Reader View' if I find a website's colour theme a bit too jarring.

olddustytrail 3y ago
If you have to use Reader View that is a clear sign that the website is broken.
DHPersonal 3y ago
Would you consider it against the intention of your site to include either a dark/light theme toggle, a prefers-color-theme CSS style, or both?
- ajxs 3y ago
  I'll have a look at what I can do with prefers-color-scheme. It seems like a good solution. Thank you for the suggestion!
kyleyeats 3y ago
The colors are fine. It's the text measure (around 90) that's having the user do too much work. That should be around 55-60.
- ajxs 3y ago
  I've never heard this term 'text measure' before. Do you mean the number of characters per-line in the main content column? I tried to research the optimal column width, but the answers seem to vary so much. Just doing a quick search online right now: This source[1] says 55-100, which is a pretty big range. Although this source[2] claims that research suggests that "Reading speed was highest at 95cpl, and lowest at 35cpl on screen". I'll take your suggestion on-board at any rate, and might make some adjustments to the font-size, or cpl. Thanks for your help! 1: https://medium.com/ben-shoemate/optimum-web-readability-max-and-min-width-for-page-text-dee9987a27a0 https://medium.com/ben-shoemate/optimum-web-readability-max-... 2: https://www.viget.com/articles/the-line-length-misconception/ https://www.viget.com/articles/the-line-length-misconception...
  - kyleyeats 3y ago
    Yep, that's the one. It depends on how many curveballs you're throwing at the user. I'm working on a monospace library that looks wide at 48 characters per line. That's what the inverted text is here, a curveball. It's not the problem itself but it is asking more of the user every line. Just eyeballing it, .blog-entry looks correct, at least text measure wise, with a max-width of 500px.

by ajxs 3y ago

olddustytrail 3y ago

If you have to use Reader View that is a clear sign that the website is broken.

DHPersonal 3y ago

Would you consider it against the intention of your site to include either a dark/light theme toggle, a prefers-color-theme CSS style, or both?

ajxs 3y ago
I'll have a look at what I can do with prefers-color-scheme. It seems like a good solution. Thank you for the suggestion!

kyleyeats 3y ago

The colors are fine. It's the text measure (around 90) that's having the user do too much work. That should be around 55-60.

ajxs 3y ago
I've never heard this term 'text measure' before. Do you mean the number of characters per-line in the main content column? I tried to research the optimal column width, but the answers seem to vary so much. Just doing a quick search online right now: This source[1] says 55-100, which is a pretty big range. Although this source[2] claims that research suggests that "Reading speed was highest at 95cpl, and lowest at 35cpl on screen". I'll take your suggestion on-board at any rate, and might make some adjustments to the font-size, or cpl. Thanks for your help! 1: https://medium.com/ben-shoemate/optimum-web-readability-max-and-min-width-for-page-text-dee9987a27a0 https://medium.com/ben-shoemate/optimum-web-readability-max-... 2: https://www.viget.com/articles/the-line-length-misconception/ https://www.viget.com/articles/the-line-length-misconception...
- kyleyeats 3y ago
  Yep, that's the one. It depends on how many curveballs you're throwing at the user. I'm working on a monospace library that looks wide at 48 characters per line. That's what the inverted text is here, a curveball. It's not the problem itself but it is asking more of the user every line. Just eyeballing it, .blog-entry looks correct, at least text measure wise, with a max-width of 500px.