[rolleiflex]

You don't even need WebGL, plain HTML + CSS, when coupled with a JS framework like Angular can produce very nice results. I've built Aether[1] that way.

Edit: The product is not the page, Aether is a desktop application. The page crashes devices low on memory because of the retina screenshots, and yes, I'm having a new site up soon.

[1] http://www.getaether.net

[gisenberg]

This page is an excellent counter-point. Crashes the iPhone 4S browser and grinds Chrome beta on Android to a halt.

[rolleiflex]

The product isn't the page, Aether is an anonymous, peer to peer reddit-like desktop application whose UI is running on Webkit.

[Joeri]

Your link crashes the browser on my ipad mini. Not what I would consider a nice result.

[rolleiflex]

Sorry about that. Aether isn't a website, it's a desktop application. It crashes your iPad mini because it's running out of memory caused by retina screenshots. I'm planning a new website soon.

[tjoff]

Don't work on latest stable Chrome in windows 7.

Plain HTML (without javascript or CSS) can produce very nice results. No need for fancy animations or generated graphics.

[rolleiflex]

Interesting. I'm scrapping the entire thing and building from scratch, so it's long in the tooth anyway. The only animation I have in it is keyframe animation which changes the screenshot on the computer's desktop in intervals. I believe retina images are the problem rather than the transitions.

[0x0]

Yep, those retina images don't look too hot on Chrome/Macbook Air/OSX 10.9: http://i.imgur.com/bzwF86C.png

[magic_haze]

Just curious, is that image really what printscreen on a mac produces?

[0x0]

The printscreen doesn't add the laptop, if that's what you're thinking about (that's already there on the webpage). But the font in the screenshot-of-a-screenshot is completely unreadable.

[_random_]

'retina' is a layer at the back of the eyeball that contains cells sensitive to light. What you have are unoptimized high-resolution screenshots.