Unfolding The Box - CSS 3D Transforms in the Box Model

[wittyphrasehere]

http://rupl.github.io/unfold/

[RRRA]

Am I the only one with nothing on the slinky/spiral slide? Otherwise: Awesome!

[rupl → RRRA]

This was originally a presentation aid and as such I only fully tested it in Chrome on a projector at 1280x960. I would like to keep improving the FF support in my spare time, and PRs are also welcome ;)

[rupl → rupl]

The flood of HN traffic motivated me to sit down and squash a bunch of bugs tonight. Should look much better in Firefox now, including a visible slinky!

[iconjack → rupl]

Chrome here and I couldn't see the slinky either.

[shmerl → rupl]

It worked perfectly for me in Firefox.

UPDATE: Ah, I see you fixed some bugs since the above comment.

[rupl → RRRA]

If you'd like to see the slinky in isolation, I've got a page up that has better compatibility: http://css3playground.com/slinky/

[lingben → RRRA]

same here nothing shows on firefox but that is a small issue

the demo is extremely well done!

[gcb0 → RRRA]

lucky you. i got a huge computer hang on my Iceweasel (firefox 17) with a beefy CPU but crapy 3d accel.

Performance was fine in chromium.

[ultimatedelman]

awesome demo. very informative and useful for any level of dev

[anonfunction]

This is very very impressive and a great way to grok.

[nawitus]

Doesn't work on either Firefox or Chrome for me.

[alexcroox → nawitus]

Works fine on FF except the slinky, and all of it works on Chrome for me. OSX

[nawitus → alexcroox]

Ah, I thought you could just scroll the content and using the keyboard was optional. The site works after all.

[gcb0 → alexcroox]

Works even on my old firefox build in debian.

[shmerl]

Very nice but pretty CPU intensive presentation :)

[donrhummy]

If only every browser implemented it...but IE 7,8,9 are stuck on the old APIs. They're a large percentage of all users.

[ultimatedelman → donrhummy]

actually...

IE7: 0.5% worldwide

IE8: 8.65% worldwide

IE9: 5.29% worldwide

http://gs.statcounter.com/#browser_version_partially_combine...

[joseph_cooney → ultimatedelman]

Depends on your demographic. 20% of our site visitors use IE8 :-(.

[Cthulhu_ → donrhummy]

The real question is whether you want to invest the time needed to create a fallback for those users. Websites that use the new CSS things as a primary thing (like this presentation) won't work, but sites where the newfangled CSS things are used just as embellishment - dropdowns, sliding menus, spinners, you name it - will remain functional, just not as pretty.

tl;dr graceful degradation / enhancement.

[ins429 → donrhummy]

It says css 3d, which those browsers doesn't support.

[ale55andro]

Good stuff if even as visual reference material as to some of the awesome possibilities CSS 3D brings. Love it!

[Kiro]

Doesn't work at all on the Android Stock Browser but commenting so I can check it out tomorrow at work.

[ahlatimer → Kiro]

OT, but if you upvote an article, it gets saved into your "saved stories". You can find the link on your profile if you click your username in the URH corner.

Your "saved stories" URL would be https://news.ycombinator.com/saved?id=Kiro

[Kiro → ahlatimer]

Thanks, didn't know that!

[Grue3]

Doesn't work on latest Firefox/Windows.

[gopher1]

Nicely done! Easy to understand.

[nej]

This is beautiful, great job.

[bowerbird]

awesome. totally brilliant. it's rare that something absolutely knocks my socks off, but i'm sitting here in my bare feet, wondering what the heck happened...

this is gonna take some time to digest, but thank you, thank you so much, for doing something so outrageous...

-bowerbird

[jonhmchan]

Excellent work here!

[niix]

I CAN'T SEE SHIT!