Nice implementation, but Pinterest works well from a UX perspective because it's visually oriented and scanning scattered visuals works. Scanning scattered text, however, is harder than scanning a list :-(<p>Definitely time well spent learning JavaScript though so it will be cool to see it improve.
This is pretty cool. It reminded me of the Isotope library (<a href="http://isotope.metafizzy.co/" rel="nofollow">http://isotope.metafizzy.co/</a>) that helps with a lot of the tiling effects.<p>We were able to integrate it pretty well into our app.
Could consider colour coding (backgrounds of the tiles) based on number of comments or points, or rough categories based on keywords. That'd provide a quick way for people to evaluate the links visually.
Hey davj,<p>I'm working away on learning javascript as well (currently fueled by codecademy!) any tips for starting a project like this? I'd be really interested in hearing how you took that first step. Oh and...Interesting little project, I really like it and I admire your drive, but you need some knitted keyboard cover pictures to really make this Pinterest-ish. Haha! Hope to hear back from you.
My wife like Pinterest because of the recipes and crafts and stuff.<p>When you said Pinterest for Hacker News, I thought it was a more social version of Hack-a-day, which I thought would be pretty cool. I would use that. hackerest is the perfect domain for that service. (hint hint)
Very nice. Having an option to view "Ask" would also be very useful. Apart from first page of HN, I also check Ask as there are interesting "Show HN" or "Ask HN" topics that don't stay on front page for long.
That's really cool. I'm guessing you're using the Hacker News API (<a href="http://api.ihackernews.com/" rel="nofollow">http://api.ihackernews.com/</a>) to retrieve data? Or something else?
You should add the -moz prefixed background gradient for the header.<p>background-image: -moz-linear-gradient(center top , #FAFAFA, #F6F6EF);<p>Works just like the Webkit one.
Awesome. We have same mind. I built similar project like this for experiment few weeks ago. I am using twitter bootstrap, jquery, mustache.js, and url2png for screenshot.<p>I'll put it online later.
JS Rules.<p>Shameless plug, my JS project from last week: <a href="http://81videos.com/" rel="nofollow">http://81videos.com/</a> Now playing - Just Super Bowl Ads.
I like what you did, congrats on the productive weekend.<p>The only issue I might have with it (depending on how it functions or updates), is due to the lack of a linear flow, it might be difficult to quickly find a story / link again without scanning every box.<p>I often come back to HN and read a link later, or check the comments later and so on. With a line by line link flow, I can quickly scan for anything I've clicked on or wanted to check out.<p>I'd suggest having the link colors change upon click through (right now they appear to just stay black). That would add a helpful visual cue.<p>Or even let me click and tag an icon on the story box, for future reference (equivalent to an "important" tag). Then I can scan the boxes faster.