Creating distraction-free reading experiences | Hacker News Reader

Creating distraction-free reading experiences

azumbrunnen.me

17 pointskrogsgard5 comments

I might be old and crotchety, but that post is the opposite of a distraction-free reading experience. I count at least 6 fonts, 3 different background colors, 3 text colors, excessive whitespace on the borders, images that break that whitespace, animations, all pictures interrupt the flow of text...

I find it ironic that the background of the page keeps changing from light to dark and that the article is interspersed with images including a GIF.

Ya the switch to white font on dark bg is no good.

Here's a fix:

   $('.blue-grey').css("background-color","#F0F0F0").css("color","#0F0F0F")

The change of background colors is a deliberate design choice. The content is long and the background helps the reader, especially on mobile, to understand in which section he currently is.

It's a presentation in the form of an article. Same content, different medium.

How about we stop trying to design experiences and instead just write better?

The reason why you were absorbed into the book had little to do with the way the book was printed and everything to do with the story.

Reply on news.ycombinator.com