I’ve heard many things in the last few weeks about just how powerful HTML5 is and today I got a taste of how far CSS3 has come. When I initally read about HTML5 supporting video and audio compression, I quickly considered it a challenge for flash. However today my friend Steve showed me this: http://www.css3.info/webkit-announces-support-for-css-3d-transforms/ talk about awesome. I highly recommend you download the latest webkit and check it out.
When I first saw it, I thought for sure that my CPU would be pegged due to all the JS going on behind the scenes, however after looking at my activity monitor, it showed something like 10%! Heck, this 2D auto scrolling photo list I’ve been working on sits at 50%, and it’s basic compared to the 3D rendering I saw. Then I looked at the code, the JS simply sets up a few properties of the DOM and connects to CSS. Once setup, there was no js running at all, everything was done via CSS.
I can only imagine the capabilities of having CSS3 enabled HTML5 would be, but I do know two things for sure, 1) Adobe had better open up their proprietary technology or else ride the M$ wave down, and 2) it’s time to ramp up my HTML5/CSS3 toolset