Live data from Hacker News

Two lines of CSS that will improve HN on mobile (IMO)

tdinh.notion.site

71–80 of 163 posts

Re: Two lines of CSS that will improve HN on mobile (IMO)

#71
post #67

What I really would like to have would be to collapse comment threads via a column that runs the length of the comment thread and is indented like its respective comment. This way I don't have to scroll to find the comment to collapse its thread, and clicking the column is easier. This is used in some subreddits in the old Reddit style, e.g. /r/de as can be seen here: https://old.reddit.com/r/de/comments/rcc9us/exper…

Slashdot has that. Ability to collapse would be enough for me

Re: Two lines of CSS that will improve HN on mobile (IMO)

#72
post #51
post #26

Don't use points, use em or rem. Otherwise it won't render well for people with unusual screen formats.

12pt = 1em, so how would using em be different?

em and rem are relative to some value higher up the tree.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#74
post #51
post #26

Don't use points, use em or rem. Otherwise it won't render well for people with unusual screen formats.

12pt = 1em, so how would using em be different?

`em` is a relative unit that can change depending font-size of the given element while `pt` is an absolute value. the W3C does not recomend using any absolute value such as `pt` for text rendered on screens. only relative values or `px` should be used. [0] I would suggest this very helpful article on the topic, it provides a lot of good info and context on this subject.

[0] https://www.w3.org/Style/Examples/007/units.en.html

Re: Two lines of CSS that will improve HN on mobile (IMO)

#75
post #44

I for one value the HN limited aesthetic. From a ui perspective its not ideal, but keeping the site extremely simple and a little coarse surely disincentivizes mass and mob adoption.

That's cool, but I hope you can also see that the user experience on mobile is pretty bad due to small icons and links.

Re: Two lines of CSS that will improve HN on mobile (IMO)

#77
post #67

What I really would like to have would be to collapse comment threads via a column that runs the length of the comment thread and is indented like its respective comment. This way I don't have to scroll to find the comment to collapse its thread, and clicking the column is easier. This is used in some subreddits in the old Reddit style, e.g. /r/de as can be seen here: https://old.reddit.com/r/de/comments/rcc9us/exper…

Hackerdaily [1] has a nice interface for collapsing comments too, though it suffers from the same issue on mobile that the main HN site does. The collapse button just follows you down the page until you are through all of a comment's children, so you can always collapse without scrolling back up.

https://hackerdaily.io/29482351/comments

Re: Two lines of CSS that will improve HN on mobile (IMO)

#78
post #61
post #29

For me the up- and downvote icons are too close together and I always have to pinch zoom to upvote (I don't downvote often). So prefer a bit more spacing between them.

I don't see a downvote button...?

https://github.com/minimaxir/hacker-news-undocumented

Re: Two lines of CSS that will improve HN on mobile (IMO)

#79
post #51

Earlier quoted context omitted.

12pt = 1em, so how would using em be different?

no he's right, pt is an absolute unit unlike rem/em, see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_...

100% I've had to explain this to too many people who are supposed to be web developers

Re: Two lines of CSS that will improve HN on mobile (IMO)

#80

Earlier quoted context omitted.

Tables for layout. The tag. Special spacer elements. HN is ridden with anti-patterns.

Wow jesus. Opened HN with my accessibility checker. No recognisable structure. 33 spacers on the main page alone. 200+ contrast errors.

:)

I thought it was bad but it is actually worse. Maybe accessibility is the argument to make, because my prayers always fell upon deaf ears.

Post reply on HN