Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: New Hacker News web client

hack.ernews.info

Post reply on HN
Print view View original

11–20 of 85 posts

Re: Show HN: New Hacker News web client

#11

Post by atoponce »

Some comment section feedback:

The horizontal indentation on the comments might be a bit aggressive, and each comment is taking up a great deal of vertical screen real estate. Further, the clickable "more" makes reading long comment threads difficult without a great deal of scrolling.

It seems to be optimized for mobile viewing, which is good. Dobbs knows how I hate clicking tiny links with my fat fingers. But, when behind a desktop client, the CSS could be adjusted such that it takes better advantage of my screen resolution.

Re: Show HN: New Hacker News web client

#13

Post by guanche »

antouank wrote: post #2

Based on the Firebase HN API, I made a web client that updates stories and scores in real-time. No need to refresh your browser anymore to see new stories and comments. Also, I used a responsive design to be able to read the stories on my mobile phone. For now, I only show the top stories, up to 100 of them ( that's how many the API gives you anyway ). If people find it useful, I might add other things. Hope OAuth be…

Nice work, I will give it a try for a while! Two points of feedback right of the bat: 1) The added margin animation doesn't really makes sense in my mind and doesn't really feel well. Maybe try out a few different focus/hover states? 2) I would like an easier way of closing the comments instead of again finding that little comments icon. Especially at mobile resolutions + touch is this a bit awkward.

Re: Show HN: New Hacker News web client

#16

Post by FabianBeiner »

I pretty much like it. But the “jumping” on :hover of an topic doesn’t feel that good.

So instead of

  .list-item:hover {
    margin-bottom: 4px;
    margin-top: 4px;
  }
maybe use something like

  .list-item:hover {
    outline: 3px solid #ccc;
    z-index: 10;
  }
Just my two cents. ;)

Re: Show HN: New Hacker News web client

#17

Post by insin »

antouank wrote: post #2

Based on the Firebase HN API, I made a web client that updates stories and scores in real-time. No need to refresh your browser anymore to see new stories and comments. Also, I used a responsive design to be able to read the stories on my mobile phone. For now, I only show the top stories, up to 100 of them ( that's how many the API gives you anyway ). If people find it useful, I might add other things. Hope OAuth be…

The visualisation of live upvotes is nice, how did you handle that state-wise in React?

I also have comment counts and whatever data is used to dim downvoted comments on my API wishlist ( my own implementation is http://insin.github.io/react-hn ).

An endpoint for just ask/show/jobs items would also be nice.

Re: Show HN: New Hacker News web client

#18

Post by rplnt »

anonfunction wrote: post #14

Looks nice but I dislike the animations. Also maybe clicking anywhere in a div should open up the comments?

> maybe clicking anywhere in a div should open up the comments?

That's what I would expect when you are presented with a change - link gets underlined, bottom slightly "opens"

edit: Actually, those visuals could also mean a link would open. Probably even more than comments.

Post reply on HN