Unfolding The Box - CSS 3D Transforms in the Box Model • Hacker News Board

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

#11

Post by Cthulhu_ » Wed, Dec 18, 2013, 10:22 PM UTC

donrhummy wrote: post #4

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.

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.

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

#12

Post by ahlatimer » Wed, Dec 18, 2013, 10:30 PM UTC

Kiro wrote: post #5

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

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

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

#13

Post by ins429 » Wed, Dec 18, 2013, 11:14 PM UTC

donrhummy wrote: post #4

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.

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

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

#14

Post by alexcroox » Wed, Dec 18, 2013, 11:32 PM UTC

nawitus wrote: post #7

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

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

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

#15

Post by jonhmchan » Wed, Dec 18, 2013, 11:36 PM UTC

Excellent work here!

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

#16

Post by lingben » Wed, Dec 18, 2013, 11:42 PM UTC

RRRA wrote: post #6

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

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

the demo is extremely well done!

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

#17

Post by iconjack » Thu, Dec 19, 2013, 12:12 AM UTC

rupl wrote: post #8

RRRA wrote: post #6

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

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

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

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

#18

Post by rupl » Thu, Dec 19, 2013, 1:29 AM UTC

RRRA wrote: post #6

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

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

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

#19

Post by niix » Thu, Dec 19, 2013, 4:53 AM UTC

I CAN'T SEE SHIT!

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

#20

Post by rupl » Thu, Dec 19, 2013, 4:53 AM UTC

rupl wrote: post #8

RRRA wrote: post #6

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

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

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!