I worked with the guys who built this (we're a DC design studio) and can tell you that it doesn't gracefully degrade simply because it's not supposed to. As some people grasped, this was for a frontend conference where everyone would be expected to be running the latest and greatest browser. There's no guarantee it will work on your setup but when it does, it's a cool experience.<p>Followup on how it was built here: <a href="http://coding.smashingmagazine.com/2012/04/17/beercamp-an-experiment-with-css-3d/" rel="nofollow">http://coding.smashingmagazine.com/2012/04/17/beercamp-an-ex...</a><p>Full repo here:
<a href="https://github.com/nclud/2012.beercamp.com" rel="nofollow">https://github.com/nclud/2012.beercamp.com</a>
While the overall graphics and the general mechanism looks decent, the actual action of turning a page if very kludgy and glitchy. I found it difficult to get the pages completely turned since the book kept rotating a bit.
So I'll get down voted for this but it needs to be said: this is very cool and is a great proof of concept for the direction things are going. However, if you're promoting a commercial product, event, etc., you could have just used flash--it would be trivialish to implement, perform better, and have no cross browser issues--although no iOS to be fair...<p>As it stands, how many people will hit the site, see it's not working because they have the wrong browser version, and leave?
This is, to use a word I never use, delightful! Great concept, whimsical design, and wonderful execution. Well done!<p>Now, if I could only stop flipping the pages and get back to work...
works "meh" in firefox 14.01. You can browser, but it stutters and you don't see the nice pop-up effect. It just appears when the page is turned far enough.
Seems like they should have some sort of fallback to users of IE can at least get <i>some</i> information about the conference<p>Very neat effect though. Is this based on actual folding math or is it just a series of neat animations? Like could this be built into a sort of popup book framework?
"Boo! It looks like your browser doesn't support 3D transforms."<p>Latest Chrome on Centos6 using a ssh socks proxy.<p>edit: solved thanks to <a href="http://news.ycombinator.com/item?id=4393135" rel="nofollow">http://news.ycombinator.com/item?id=4393135</a>