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

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• 13 years ago

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

Kiro2• 13 years ago

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

ahlatimer• 13 years ago

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

Kiro2• 13 years ago

Thanks, didn't know that!

RRRA• 13 years ago

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

rupl3• 13 years ago

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 ;)

iconjack• 13 years ago

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

rupl3• 13 years ago

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!

shmerl2• 13 years ago

It worked perfectly for me in Firefox.

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

lingben• 13 years ago

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

the demo is extremely well done!

rupl3• 13 years ago

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

gcb02• 13 years ago

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.

nawitus2• 13 years ago

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

alexcroox• 13 years ago

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

gcb02• 13 years ago

Works even on my old firefox build in debian.

nawitus2• 13 years ago

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

gopher1• 13 years ago

Nicely done! Easy to understand.

jonhmchan• 13 years ago

Excellent work here!

niix• 13 years ago

I CAN'T SEE SHIT!

nej• 13 years ago

This is beautiful, great job.

shmerl2• 13 years ago

Very nice but pretty CPU intensive presentation :)

ale55andro• 13 years ago

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

bowerbird• 13 years ago

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

Grue3• 13 years ago

Doesn't work on latest Firefox/Windows.

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

Related Stories