Live data from Hacker News

Show HN: I built a Hacker News userscript to make this site more legible

github.com

1–10 of 53 posts

Show HN: I built a Hacker News userscript to make this site more legible

#1
My personal itch to scratch just recently has been the umpteen formatting foibles of HackerNews. So, in the spirit of making the web more personal again, I knocked up a TamperMonkey userscript to fix up the worst of my personal bugbears.

This isn't an attempt at a complete rebrand/redesign of the site, instead it's just fixing up what I think are the biggest design/readability issues whilst trying to remain true to the site's existing aesthetic.

Key features:

  * Base font size increased
  * A little more room around headings
  * Top menu bar is full-width and with a little more padding
  * Downvoted comments no longer faint hard-to-read grey. Instead they're rendered with a light gray background and in a smaller font size.
  * Comments have a more readable max line length
  * Quotes are parsed and transformed to look like genuine quotes. I.e. any p or span that starts with '>' is transformed and rendered with a light orange background and in italics.
  * The 'Add comment' box on items is hidden by default. (Surely you'd want to read all the comments first before leaping in with your own 2p's worth!?)
Check out the repo's readme for example screenshots.

Show HN: I built a Hacker News userscript to make this site more legible
github.com

Re: Show HN: I built a Hacker News userscript to make this site more legible

#3
nice work, I wouldn't mind if this was HN redesign (especially like uncensored comments section), though it still doesn't fix obvious issue with useless HN homepage which is brigaded/manipulated, so one has to resort to alternative sites like Serializer or BestHackerNews to read HN posts

Re: Show HN: I built a Hacker News userscript to make this site more legible

#4
Nice additions. I like in particular the removal of the indexes, and how quotes look better.

Just a heads that if you use a dark theme (e.g. [1]), then it makes a whole mess, with illegible colors, parts in white background and so on. Not a surprise, given both are fighting to manipulate the DOM.

[1] https://github.com/TheLastAirsickLowlander/DarkHacker

Re: Show HN: I built a Hacker News userscript to make this site more legible

#5
post #3

nice work, I wouldn't mind if this was HN redesign (especially like uncensored comments section), though it still doesn't fix obvious issue with useless HN homepage which is brigaded/manipulated, so one has to resort to alternative sites like Serializer or BestHackerNews to read HN posts

Wow those are pretty cool, thanks for the heads up. I had no clue about Serializer and BestHN

Re: Show HN: I built a Hacker News userscript to make this site more legible

#6
post #3

nice work, I wouldn't mind if this was HN redesign (especially like uncensored comments section), though it still doesn't fix obvious issue with useless HN homepage which is brigaded/manipulated, so one has to resort to alternative sites like Serializer or BestHackerNews to read HN posts

I use hckrnews.

Re: Show HN: I built a Hacker News userscript to make this site more legible

#7
post #3

nice work, I wouldn't mind if this was HN redesign (especially like uncensored comments section), though it still doesn't fix obvious issue with useless HN homepage which is brigaded/manipulated, so one has to resort to alternative sites like Serializer or BestHackerNews to read HN posts

> HN homepage is brigaded/manipulated

Do you have a recent example?

Re: Show HN: I built a Hacker News userscript to make this site more legible

#8
post #5
post #3

nice work, I wouldn't mind if this was HN redesign (especially like uncensored comments section), though it still doesn't fix obvious issue with useless HN homepage which is brigaded/manipulated, so one has to resort to alternative sites like Serializer or BestHackerNews to read HN posts

Wow those are pretty cool, thanks for the heads up. I had no clue about Serializer and BestHN

https://github.com/cheeaun/awesome-hacker-news

Re: Show HN: I built a Hacker News userscript to make this site more legible

#10
Very impressive and very clean. I’ve set up many user scripts for websites I browse for all of my devices. User scripts are indispensable to me.

Two quirks:

1. In Safari on my iPad, “add comment” is invisible, since it still uses the white font from vanilla HN. I’ve fixed this by adding “color: #333;” just below your existing “background-color: white;”

2. There seems to be no way to indicate if I have already read a post. In vanilla HN, read posts are slightly more faint. This script breaks that by overriding all links, including a:visited.

Otherwise a nice set of great QoL changes.

Post reply on HN