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?
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).
transform:rotateX(0deg) rotateY(0deg); ">
I'm going to throw this at anyone that doubts the capabilities of HTML5/CSS3
First you see a flat rectangle with drag handles, which sets your expectation, 2D WYSIWYG editor.
The rectangle animates into a 4 sided cube, 2D becomes 3D, it's a 3D tool.
Then the cube breaks into 2 angle brackets, the output is just HTML and CSS.
I'm left with a nice little feeling :) Awesome work
I've been looking in to using some 3d css to spice up my resumé timeline, you have just made my life a whole lot easier!
Is there an "About" page? How was it built? What are future plans? This is so crazy impressive I don't even know what to say.
you need to check this !
innovative, beautifull, usefull. big gratz.
ps : too bad we cant upvote
It's projects like this that reinforce my belief that A: browser plugins must die and never come back and B: "web apps" will ultimately become as powerful as (and replace) desktop apps.
Whats even worse is that browsers have become these monolithic silo projects that only three or four companies on the planet can develop. They have become much more complex than the actual operating system. I still remember the days when a browser was mainly a layout engine, and all fancy stuff was deferred to plugins. If only we had safe sandboxing technology back then...
B: The benefit of web apps are that you just go to an URL, no installation required. And you get "sync" for free. That's about it.
The downsides are:
- They are slower (or require faster computers) because of added overhead.
- They run in the browser window (although that can actually be nice! I'd like to have native apps in tabs like in my browser sometimes)
- Making them work offline is hard. You have to put all the business logic in JS, and can't rely on the server.
- Accessing local files is hard
- Communication between apps is hard, to impossible. *
In the end you are back to mainframe computing like in the 70s, but with 3D effects.
*) One of the biggest reasons why Windows was so successful in the enterprise? COM and Automation. You could just slap an Excel spreadsheet onto your VB application, manipulate a Corel draw file from your MFC application, create database applications basically via drag and drop, and so on. There were (are) hundreds of shops selling custom components from shiny buttons to complete business report generators. And of course you could control almost every enterprise app with a little .js or .vbs script. Sure, all that stuff was ugly, unglamourous, and buggy, but it got the work done.
Check out the Hartwig chess set (playable too!) and the solar system demo.
Small thought - when you're moving an object, wouldn't it be logical to also allow for small step moves with the arrows?Now it will move the camera position.
I see you're looking for work. I expect you will be inundated with offers, be picky.