Amazing CSS3 3D popup book

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?

There seems to be quite a lot of Javascript in there as well :) Really nice design.<p>BTW: works fine in Safari 6.0 OSX

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>

Really cool design, I love seeing seamless in browser 3D, can't wait till this is the norm.

Works smoothly on Safari 6.0 (8536.25) in Mountain Lion 10.8.

Hey you polish frontend hackers! Nice work!

Immediately crashes iPad Safari :-(

not working in Chrome Version 21.0.1180.77 on Linux

doesn't work under Chrome Version 20.0.1132.57 :(