Show HN: Tridiv - CSS 3D Editor (opens in new tab)

Holy moly.

I'm going to throw this at anyone that doubts the capabilities of HTML5/CSS3

Wow jaw drops. Will these animations work in Opera Mini? (joke ;p)

I'm on Firefox... this one's worth firing up Chrome for.

Seriously, it's just ridiculous. There is no legitimate reason whatsoever to make hard browser whitelist like that in 2013 -- without button like "use anyway" or something. It hard-blocks even the new Opera, while the new Opera uses the same exactly engine as Chrome. And you can't just simply spoof user agent in old-school way, no, it uses client-side detection, so you should make GreaseMonkey script just to run the app. On the other hand it doesn't warn Chrome users with HW-acceleration disabled, and just breaks. It's IE6 story all over again.

The dev just posted a another link: https://news.ycombinator.com/item?id=6251831

Thanks! Actually I wasn't sure people will understand all the ideas I have put in this animation. But you have perfectly described what I wanted to tell, I'm impressed!

I had totally missed the fact that it ends as two angle brackets! Very smart logo and indeed very good way to introduce the product.

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.

  <div id="scene3D"
       class="scene"
       style="-webkit-transform:rotateX(0deg) rotateY(0deg);
              -moz-transform:rotateX(0deg) rotateY(0deg);
              -ms-transform:rotateX(0deg) rotateY(0deg);
               transform:rotateX(0deg) rotateY(0deg); ">

Edit: The dev just posted an example https://news.ycombinator.com/item?id=6251831

Maybe in the future.

yeah weird

Your username is very fitting for the subject matter.

A: Browser plugins did this 15 years ago on computers that were orders of magnitude slower. Doing this all in the DOM with CSS has a redonkulous overhead.

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.

Thanks. Making the UI was a big part of the fun.

Hard to say, it was a side project I did in my spare time. All I know is that I started working on it 4 months ago, and spend my whole summer vacations working on it.

Yup, > roadmap :)

I'd love to see a high quality 2d image renderer or a common 3d format exporter.

It is severely broken on Chromium. Ironically, his app works completely fine on Firefox (Canary), the browser he tried so hard to block.

Wait: https://news.ycombinator.com/item?id=6251831