Live data from Hacker News

Show HN: I made a modern web UI for Hacker News

modernhn.com

1–10 of 203 posts

Show HN: I made a modern web UI for Hacker News

#1
Hey HN,

I made this free browser extension that modernizes the Hacker News design.

I previously launched Modern for Wikipedia [1] here back in December, and it seemed like the obvious next choice to build one for HN too! So I've taken what I learned from building that, and have spent all my spare time this year building Modern for HN.

I realize this won't be for everyone, but it was a fun project to work on, and I'm really happy with the result so far. Hope you like it too!

Lots more planned for future updates, and suggestions welcome :)

[1] https://news.ycombinator.com/item?id=29461735

Show HN: I made a modern web UI for Hacker News
modernhn.com

Re: Show HN: I made a modern web UI for Hacker News

#5
post #2

Curious why a browser extension and not a site like https://hckrnews.com/ ?

Good question. There's a few key benefits:

- It builds on the existing site, so the new design is always applied to HN urls. No need to visit a separate website.

- Privacy - everything is stored locally in your browser, there's no 3rd party website to track your activity etc. Also with JSON backup you're in full control of your data.

- Unlimited storage - local browser storage has limits, but extensions can request unlimited storage. This is useful for the history and bookmark features.

Re: Show HN: I made a modern web UI for Hacker News

#7
post #6
post #4

Looks great, and I like the customize settings. I couldn't figure out how to comment though. Not sure if I missed it or it's not yet a feature.

Glad you like it :) You should just be able to hover over a comment and click the reply icon?

I too am unable to do this, there isn't a comment box for top level comments.

EDIT: I would expect a comment block to be before the "${count} Comments" tag.

Re: Show HN: I made a modern web UI for Hacker News

#9

It looks great, is there a way to reduce the margins on the left and the right? Right now the padding is taking up about 40% of the usable space. Where on the normal HN the padding is about 15%

Yes, just click the "aA" icon to open the settings, and use the bottom slider to adjust the content width.

Re: Show HN: I made a modern web UI for Hacker News

#10

It looks great, is there a way to reduce the margins on the left and the right? Right now the padding is taking up about 40% of the usable space. Where on the normal HN the padding is about 15%

Top right theres 'aA' setting button. Play with is.
Post reply on HN