Hacker News Reader

Comment by jordigh | Hacker News Reader

> Please don’t use CODE-SNIPPET formatting to quote text, it is unreadable on mobile.

I don't use mobile, can you show us what does it look like? Is there a maximum width that works?

HN doesn't offer a lot of markup and indenting text for monospacing is about the only tool that they offer for code snippets.

View on HN

It sets a maximum width with scroll, so text is clipped horizontally. That requires you to scroll back and forth for each line.

It looks like this:

https://i.imgur.com/6Zw2fyr_d.jpg?maxwidth=640&shape=thumb&f...

So, it looks like if I set my fill-width to 25 columns, I can still use this and make it readable to pocket computers, right?

You should generally not assume a text is readable because it uses x-wide columns.

At 25 character columns it will also look rather awful on desktop or widescreen monitors.

Borrowing from email etiquette I find using > arrows to be most indicative of quotes, although HN sometimes eats newlines for breakfast.

But if short lines are readable on one screen, surely short lines are also readable on another screen, right? It's not like eyes depend on the width of the screen, just on the width of the line.

Using short lines on a screen too wide leads to wasted screen space, usually people dislike that, it interrupts the reading flow.

Same for too wide lines.

The ideal length of a line is somewhere between 50 and 70 characters.

Readable != Good Writing

This is not an issue if you don't use codeblocks, the browser is then free to reflow the text as necessary. If you use codeblocks the browser cannot reflow (by default) and you make the entire UX worse.

Where can I find the formatting syntax for Hacker News? Clearly it's not markdown :P

https://news.ycombinator.com/formatdoc

I think just using markdown gets the point across sufficiently.

The HN format captures the most important parts of MD; italics, code and ALL CAPS.

At the cost of making it hard to read on desktops, yes. Or you could just, you know, use the leading > style and not have to worry about it the more...

rotate 90 degrees

Using your browser's responsive design tools should be able to display the problem.

Reply on news.ycombinator.com