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

Show HN: Read Hacker News Like Pinterest – Built with Vuejs

hnews.xyz

Post reply on HN
Print view View original

41–50 of 111 posts

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#41

Post by duncanawoods »

valentinvieriu wrote: post #31
duncanawoods wrote: post #19

Earlier quoted context omitted.

I guess there are two types of users - constant checkers might like auto-refresh but if you check less frequently then you want to scroll deep and for us, auto-refresh is a usability nightmare.

Agree with this. If you have a solution please let me know. For now I'm considering adding it as a setting.

I'd suggest something like a toast that says "4 new stories" and you click it to refresh. It means you don't get confused by stale data but the page stays under the users control. It also allows you to flag/highlight/animate the new stories so a user can understand the diff from when they last looked at the page.

This type of feature is sometimes implemented as a huge green banner stickied to the bottom of the view but that I find that too obtrusive and stress inducing - I end up clicking on them to get them out of the way even when I don't want to see the new stories so it actually makes the experience worse. I prefer a more subtle indicator in the top-right similar to how notifications appear in some apps but it shouldn't feel like an error/warning or something that requires immediate attention.

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#43

Post by valentinvieriu »

kristiandupont wrote: post #40

This is very nice. Seems more suited for Reddit, or perhaps subreddits like the many picture-centric subreddits (personal favourite: /r/outrun)

Actually I was thinking on building similar projects for other websites. I think it helps a lot previewing what the landing page is about. I will look into reddit api, when I'll have the time

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#45

Post by valentinvieriu »

duncanawoods wrote: post #41
valentinvieriu wrote: post #31

Earlier quoted context omitted.

Agree with this. If you have a solution please let me know. For now I'm considering adding it as a setting.

I'd suggest something like a toast that says "4 new stories" and you click it to refresh. It means you don't get confused by stale data but the page stays under the users control. It also allows you to flag/highlight/animate the new stories so a user can understand the diff from when they last looked at the page. This type of feature is sometimes implemented as a huge green banner stickied to the bottom of the view b…

That's a great idea! I'll look into this. I like the idea that you get notified when new items are added. Thank you!

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#46

Post by Dowwie »

valentinvieriu wrote: post #12

Hi, I'm the author of this project. The code will be available soon on github: at https://github.com/valentinvieriu/visual-hacker-news - right now that's the old version using Angularjs The project uses as a starting point the amazing Vuejs Implementation from https://github.com/vuejs/vue-hackernews-2.0 . It has super fast server side rendering, that's why the feedback is imediate as you load the page. The thumbnails…

I'm finding it hard to read the title of the tiles because of the opacity of the background. I don't need such a large thumbnail, nor one that is so legible.

How did you like working with Vue? Did you have javascript framework experience prior to using it?

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#48

Post by valentinvieriu »

Dowwie wrote: post #46
valentinvieriu wrote: post #12

Hi, I'm the author of this project. The code will be available soon on github: at https://github.com/valentinvieriu/visual-hacker-news - right now that's the old version using Angularjs The project uses as a starting point the amazing Vuejs Implementation from https://github.com/vuejs/vue-hackernews-2.0 . It has super fast server side rendering, that's why the feedback is imediate as you load the page. The thumbnails…

I'm finding it hard to read the title of the tiles because of the opacity of the background. I don't need such a large thumbnail, nor one that is so legible. How did you like working with Vue? Did you have javascript framework experience prior to using it?

Design can be changed. Can you tell me what would be a right proportion for you? Wider screenshot ( so higher resolution so you get more context of the page ) but less height? Actually on a retina ipad, the text is quite readable

Re: Show HN: Read Hacker News Like Pinterest – Built with Vuejs

#50

Post by Dowwie »

valentinvieriu wrote: post #48
Dowwie wrote: post #46

Earlier quoted context omitted.

I'm finding it hard to read the title of the tiles because of the opacity of the background. I don't need such a large thumbnail, nor one that is so legible. How did you like working with Vue? Did you have javascript framework experience prior to using it?

Design can be changed. Can you tell me what would be a right proportion for you? Wider screenshot ( so higher resolution so you get more context of the page ) but less height? Actually on a retina ipad, the text is quite readable

You already designed it to your preference. I'm sharing mine with you. Reduce the tile size by 50%, turn opacity to 100% on the title bar and increase opacity of the tile thumbnail by 25%?
Post reply on HN