This is really useful and well presented. Two things:
1. The flying boxes effect is cool at first, but it's annoying when you are trying to look at the articles near the source of the "boxplosion". They obscure (and on a slow browser) cause temporary occlusion of the stuff that I'd like to read. Maybe cause them to explode in the background, rather than the foreground?
2. Although the UI is simple and really nice looking, I think one of the most important pieces of information from Reddit is "popularity". Perhaps you can fit the number of votes next to each box. Or even better, add a single-bar bar chart with positive and negative votes like this:
+
+
+
|
-
-
Where each '+' or '-' in this representation is 100 votes or something like that.
Thanks for the feedback.
1. Good suggestion! I'll put it on my todo and see if it's possible.
2. Not sure if you saw it, but it is possible to hover the box and see the votes (bottom right). Most popular content is rendered on top (in some situations the order could slightly differ because of asynchronous calls being made in the background). Not showing the votes by default was because I try to keep it as clean as possible. I can fix you a parameter to set if you want to see the votes by default, let me know and I put it on the todo.
I can't tell if this is a site meant to increase Reddit's usability or if it's a satire mocking the kind of content that Reddit too often features. Either way, very well done!
Thanks! Good to hear you enjoy it on your 13' screen, one of my goals was to increase the usability of Reddit on mobile devices. Right margin is not left for ads, it's there because another box couldn't fit (try to play with your browser width to see what I mean). Comments are accessible through the title of the box. Have fun!
That's true, only on hover. I did it to decrease the load on the clientside and on the side of Reddit itself, otherwise it is 50 iframes being loaded in the background for each render.
I think this is obscuring the hover on links. I'm on Firefox and when I hover over a link so I can see what subreddit it's in, the status bar shows it loading stuff from reddit, then reverts back to scrolldit.com.
Cool site, though. Could replace RSS for at least some of my reddit viewing.
Wow, I wonder what people think when I tell them I spend a lot of time on reddit. This content looks absolutely nothing like what I'm used to seeing. I suppose I hide away in subreddits and miss all this weird frontpage material.
I was thinking of something similar. But I was thinking it should be a straight list (one article per row) and to the side should be a graphical bar. Mouse over the bar and the content goes away forever. So you can just swipe your mouse side-to-side over the bar to consume the content (and not see it again).
Already tried that, but I can't find a good reliable realtime datasource.
I could only find the news.ycombinator.com/bigrss feed (which blocks Yahoo YQL, so I can't convert it to jsonp). The workaround would be a proxy that circumvents the block, but I'm not sure if that's okay. Anyone from HN who could help me out?
Scrolldit.com is bugged in Opera, I tried to fix it but can't find out what goes wrong and how to solve it. Is there anyone here who can shed a light on it?
I am assuming this uses the isotope jquery plugin, if anyone else is thinking about using dynamic grids like this I would suggest taking a look at the project. (free for non-commercial use) http://isotope.metafizzy.co/
It uses Masonry, from the same author as Isotope. Difference between those two is that Isotope uses GPU accelerated CSS animations. Sadly there are quite a few bugs when you combine CSS animations with flash (for example on the iPad), videos won't render on the proper position. Therefore I had to stay with masonry. Please let me know if someone is aware of a workaround. (Example of the bug: http://jsfiddle.net/desandro/t3Cmy/)
I think this actually makes my reddit browsing slower. I think looking left to right and having titles not aligned is slower than reading top to bottom.
Absolutely good job! But like canadaduane said, the flying boxes effect could be annoying when scrolling down the page; and, on the other hand, your design fits imageboards (like 4ch) more, because when so many pictures showing up, I (like most people, I think) would not read the text.
75 comments
[ 3.4 ms ] story [ 175 ms ] threadI never realized how much of the reddit content was internet memes :)
1. The flying boxes effect is cool at first, but it's annoying when you are trying to look at the articles near the source of the "boxplosion". They obscure (and on a slow browser) cause temporary occlusion of the stuff that I'd like to read. Maybe cause them to explode in the background, rather than the foreground?
2. Although the UI is simple and really nice looking, I think one of the most important pieces of information from Reddit is "popularity". Perhaps you can fit the number of votes next to each box. Or even better, add a single-bar bar chart with positive and negative votes like this:
+ + + | - -
Where each '+' or '-' in this representation is 100 votes or something like that.
(Not to say other stuff is bad... I'm just not an early adopter)
Would like to see it centered (not sure if you are leaving the right margin for future ads)
Link to the comments?
You just increased my work productivity by 300% not having to click on every damn meme. Great work. Will use often.
http://www.scrolldit.com/?r=listentothis
http://www.scrolldit.com/?r=itookapicture
Cool site, though. Could replace RSS for at least some of my reddit viewing.
http://www.scrolldit.com/?r=humanporn
PS: that desert/pool one is mine ;)
It looks so...alien.
Any links to a tut on that?
I could only find the news.ycombinator.com/bigrss feed (which blocks Yahoo YQL, so I can't convert it to jsonp). The workaround would be a proxy that circumvents the block, but I'm not sure if that's okay. Anyone from HN who could help me out?
Edit: New version with fix online.
I made http://imgist.com in the same vein -- it's a different take on making good image content easy to browse (on reddit in particular).