Just Scroll

Interesting design concept - but a horrible implementation of it.<p>You can't just go and load a thousand divs and not expect a wide variety of performance issues across all the different platforms.<p>You need to have a tile manager or something behind the scenes the same way that Google maps does, especially when targetting smaller consumer devices with limited hardware specs like tablets and phones.<p>* iOS5 - with an iphone 3gs (laggy to the point of being unusable)<p>* iOS5 - with an iphone 4 (laggy to be the point of being unusable, unless your patient). I don't have an iphone 4gs to test on, but I suspect it might be more on par with ipad 2 performance. The differences could be to do with retina display vs non retina display as well I suppose.<p>* iOS5 - with an iPad 1 - roughly same performance as an iphone 3gs - crappy<p>* iOS5 - with an iPad 2 - not too bad (but thats because of the gpu tile rendering in safari going on behind the scenes i suspect.<p>* Firefox 15 on a quad core i7 imac - massive ram spike, and crazy lag with the scrolling<p>* Chrome on a quad core i7 imac - no problem.<p>I'm not even going to bother trying this out in IE!<p>edit: Latest version of Opera has provided the poorest results yet, it keeps lagging and pausing and reloading the images after they have already been loaded (didn't check to see if it was actually downloading them again though)

I might just ditch Firefox because of this webpage. A fresh session of Ffx15 goes up to 1.5 GB memory usage, pushes everything into swap and brings my whole OS to a grinding halt until I kill it. In other words this link is basically a very effective DoS. In Chromium it works fine. Am I the only one having this problem?<p>(Edit: I have several Ffx addons running and no Chromium addons, so the comparison was unfair. Maybe I'll just ditch some of those addons...)

Amazing visuals. I have no idea if the idea scales. Technically might be a bit PITA. The sensation of time. Passing. Wait, what? The modular decomposition. Birdseye flight sequnece. Functional redundancy. An innovation communication language? Dunno. Pity about the ad-part =D<p>Edit: pls, though. not in the wrong hands.

People complaining about the scaffolding - oh well. It was probably built by someone who had a bright idea but knows nothing about webdesign and learned it on the fly. But the idea was great! I was delighted - I scrolled through the whole thing, shared it on facebook, then looked up the wiki for the car since the ad was Japanese. I had no performance issues, as I am using chrome on a fast ethernet connection. For someone who doesn't know web design, they did a great job!

Wow, this is atrocious on so many levels. 30mb of jpg files? The inner web development nerd in me believes there is a better more efficient way to do this. The length of the page is ridiculously long to scroll and unless you have a Mac with a Magic Mouse and smooth scrolling and not a Windows machine (like I use) the scrolling is super jerky.

I don't think there is anything special about this "video" ad that lends itself to scrolling. You can take any video (infographic, music video, advertisement) and conceptually scroll through it using a mouse, but what does that gain you?<p>If you could interact with the elements and there was more than 1 dimension of scroll.. then that'd be going beyond.

For anyone wondering, that's about 135 jpgs at ~100KB on average.

Classic case of "just because you can doesn't mean you should"...

save yourself the scrolly effort:<p>run:<p><pre><code> setInterval(function(){$(window).scrollTop($(window).scrollTop()+10)},10); </code></pre> in your console (f12 in chrome/firebug, crtl+shift+k in firefox)

Now multiply by 120 million... and that's why download rates from .jp are so damn low.

Inefficient? Sure<p>Cool to look at? You betcha<p>Not everything needs to be a technological marvel

Reminds me of that advertisement someone did on Pinterest, where you had to scroll down quickly as well.<p>edit: Uniqlo, that was it. not on their Pinterest anymore. Video for same effect - <a href="http://youtu.be/e5FM-VcE7UA" rel="nofollow">http://youtu.be/e5FM-VcE7UA</a>

Anyone care to explain how this works? It can't just be an endless array of divs, can it?

You do not have to scroll down. Press on Menu buttons 1, 2, 3, 4 one after another

This works pretty well in IE9 with no noticeable performance problems on a 5 year old machine.<p>Rather scarily, it also works fine on a Lumia 710 as well!<p>I don't care what anyone says - IE is not a stinking heap of poop.

Best use of my freewheel Logitech "Marathon Mouse" M705 yet.

I hope nobody ever thinks this is a good idea.

This is an interesting design concept indeed...<p>If I remember right, some apparel company used Pinterest's "revolutionary" display (Masonry right?) to a similar effect. Perhaps a HN Search is in order! :)<p>Memory issues apart,This is pretty cool!

In countries like INDIA, the site takes about more than ten minutes to load on an average indian internet connection.

How does it perform on touch devices? This is a great use case for just flicking thru on mobile and tablets.

Of my latest versions of Opera, Firefox, Chrome and IE, only IE handled this to perfection! (it was IE10)

Try reverse!

Perhaps someone can patent this and save the rest of us from copycats.

Having open quite a few tabs before it killed my Firefox.

The page could use some infinity.js

Really cool, thanks for sharing.

The irregular intervals at which you scroll your mouse produces a stop-motion type effect :).

wtf!<p>tl;dr<p>;)

Sorry but the driving wheel is in the opposite side.

Nice, but Volkswagen has had the exact same thing for months, but done a lot better:<p><a href="http://beetle.de/" rel="nofollow">http://beetle.de/</a>