15 comments

[ 3.1 ms ] story [ 42.5 ms ] thread
Very Nice UI for Hacker news
I really like this! How do you decide the positions of each post? What gets the center spot above the fold? The HN submission with the most upvotes?
Thank you very much. You words are kind. So the way I approached it was that, the moment you open the page you should be able to see all the top posts that you see on hacker news. The hero post is the top post in HN, all the posts with images are position 2 to 6 in HN. And rest of the elements are divided by 3 and organised that way.
Breaks interoperability -- my addon (Vimium) can't detect clickable elements. Then again, half the internet does that now, so ...
Why not use proper anchor tags to show URL on hover (and every other function that actual links provide)? Not great to obscure where you're navigating to on a site with many external links.
What's Semafor UI?

While it looks nice, as others have pointed out it breaks regular web conventions (e.g. on mobile you can't long press links to get the context menu etc.)

Assigning random stock portraits as the users' profile pictures isn't a very nice thing to do IMO.
Thanks for your feedback, will change it.
I think the lack of comments, post information like time, are either not there or not very discoverable. The colour scheme looks like it was chosen at random. The portraits for users are definitely chosen at random
Color scheme was not random, it is based on the semafor UI. This is just an experiment. I thought it would be fun little experiment to replicate semafor UI with hacker news content. I think I'll change the random portrait image to something else in next iteration. My goal for next iteration is to innovate stuff on top of semafor experience.