premii / hn

Hacker News mobile app
MIT License
264 stars 37 forks source link

Simple readability ehancement for web http://hn.premii.com #5

Open smonff opened 10 years ago

smonff commented 10 years ago

Hello and thanks for your app again, I really like it. I like it and use it, that's why I notice what follow.

For a better readability in web browsers, I would suggest to reduce the .article-content p and .comment div widths to 60%. It will increase height of posts and scrolling, but actually, width is so hight that it's almost impossible to read, because when your eye change from one line to an other, it is lost, and it make the reading much more difficult.

Maybe 60% is not exactly the right size but it looks like this :

hn premii com articles hn premii com comments

I believe a max-width in desktop browsers context will also be an interesting thing.

This is not a UI rule, this is something I learned from books typography. The problem doesn't occurs on portrait position on phones because it has the size of a book page, but on a large computer screen, you should change this.

I you don't have time for this I can send you a pull request.

Sorry for any mistake in English grammar and I hope it could help.