I don't often say "wow", but this is just amazing. And I was actually struggling this week to get the appropriate css transforms together for some simple 3d effects on a website of mine -- this will make things a TON easier.
edit: ah, just saw that not all major browsers are supported, which makes it less useful in an immediate sense for me. But still an awesome little product that shows what's possible in a web browser (and hopefully all web browsers soon).
edit edit: Would you mind discussing what it would take to make it work in other browsers? Is it not possible, or were there just too many browser-specific prefixes/workarounds required to make it a worthwhile effort for this initial version?
In theory every browsers that support the CSS property "transform-style: preserve-3d;" can run the app.
But in practice it's not that simple, for example Firefox has some serious performance issues with 3D, and the overall experience using the app was really bad.
I built the app with cross browsers in mind, so it will be really easy for me to expand the list of supported browsers in the future (hopefully).
The app is using CSS transforms and it looks like it should work on all browsers since the styles are there for all browsers. I'm guessing the app isn't entirely complete for all browsers, which is why it is refusing to load on Firefox but you can look at the source code and search for the relevant CSS for the other browsers that you want to support, if they need prefixing that is.
Comments
I don't often say "wow", but this is just amazing. And I was actually struggling this week to get the appropriate css transforms together for some simple 3d effects on a website of mine -- this will make things a TON easier.
edit: ah, just saw that not all major browsers are supported, which makes it less useful in an immediate sense for me. But still an awesome little product that shows what's possible in a web browser (and hopefully all web browsers soon).
edit edit: Would you mind discussing what it would take to make it work in other browsers? Is it not possible, or were there just too many browser-specific prefixes/workarounds required to make it a worthwhile effort for this initial version?
In theory every browsers that support the CSS property "transform-style: preserve-3d;" can run the app. But in practice it's not that simple, for example Firefox has some serious performance issues with 3D, and the overall experience using the app was really bad.
I built the app with cross browsers in mind, so it will be really easy for me to expand the list of supported browsers in the future (hopefully).
The app is using CSS transforms and it looks like it should work on all browsers since the styles are there for all browsers. I'm guessing the app isn't entirely complete for all browsers, which is why it is refusing to load on Firefox but you can look at the source code and search for the relevant CSS for the other browsers that you want to support, if they need prefixing that is.
Edit: The dev just posted an example https://news.ycombinator.com/item?id=6251831