Creating distraction-free reading experiences

Y	Hacker News new \| ask \| show \| jobs

	Creating distraction-free reading experiences (azumbrunnen.me)
	17 points by krogsgard 4353 days ago

3 comments

groby_b 4353 days ago

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...

link

cliveowen 4353 days ago

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.

link

azumbrunnen 4353 days ago

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.

link

ivansavz 4353 days ago

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")

link

adestefan 4353 days ago

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.

link