The Webkit team has taken JavaScript/CSS to the next level again. They’ve announced support for CSS based 3d transforms for Webkit Nightly Builds on OS X Leopard:
WebKit on Mac OS X now has support for CSS 3D transforms, which allow you to position elements on the page in three-dimensional space using CSS. This is a natural extension of 2D transforms, which we described in an earlier blog post. 3D transforms have been supported on iPhone since 2.0, and now we’re please to announce that we have currently added support for Leopard and later.
The demos look very cool! Just have to test if that works in OpenLaszlo’s DHTML runtime as well. With a few LFC hacks and about an hour of work I got this:
If you want to test with Webkit/Safari for yourself, here’s a link to the application.One wonders what JavaScript/CSS in the browser will be like in 2 years from now! It’s definitely going to be threat for proprietary technologies like the Adobe Flash Player.
OpenLaszlo – powering a migration from Flash RIAs to Open Standards
OpenLaszlo can play a big role in helping more and more companies move to an open standards based way of developing RIAs. It’s so easy to integrate new features in the Flash World (like the 3d transforms in Flash Player 10) and the work the Webkit team is doing, giving you the choice of deploying plain old Flash to IE7/IE8 and older browsers, and offering state-of-the-art JavaScript/Ajax applications to the ever growing number of people with a modern browsers, likely Webkit or Firefox powered.
Henry Minky did a similar proof-of-concept for the Flash 10 player and OpenLaszlo last year. Imagine 3d UIs across OpenLaszlo runtimes. Just deliver the SWF to IE, and the JavaScript/CSS based version to Firefox and Webkit based browsers.
{ 2 trackbacks }
{ 5 comments… read them below or add one }
That’s very exciting!
Very, very cool! Send me your LFC hacks and I’ll see if I can add Flash support. It would be great to have cross-runtime 3d transforms!
Yes, absolutely right, Max. That would be fantastic!
Hey, has our “Chief Animator” seen this? I bet he would be really excited about what he could do with 3D in a new components design!
Yes, sent him the link. I think he likes the DHML runtime even more now. I wouldn’t have guessed that the JavaScript VMs improve so quickly, IE is really falling behind now. I guess that Microsoft totally focuses on Silverlight – which means we have another proprietary plug-in.