What you are about to see is not done in Flash or Quicktime or any other video technology. It's the iconic Star Wars opening scene — where the backstory text scrolls by and recedes away from you — rendered entirely using the HTML and CSS standards that are used to build the vast majority of web pages you see online.
Guillermo Esteves built the scene using cutting-edge features of HTML5 (the standard YouTube just launched support for), which supports advanced 3D transformations and animations using CSS. As such, you can only view the actual creation in the limited selection of browsers that support these features: Safari 4.0.4 in OS X Snow Leopard and the WebKit nightly build.
If you don't have either of those browsers, fret not — Esteves rendered a YouTube video of the scene playing back in the WebKit nightly build so anyone can see the results. It's definitely more proof of concept than utility, but Esteves himself said he did it "just wanted to see if it could be done." It shows off some of what's going to be possible when HTML5 support becomes more widespread, and by using web standards instead of Flash or Quicktime, there's less bandwidth occupied and less draining on the battery life of whatever device you're watching from.
Check out the video below and let us know what you think. Have you seen any other cool HTML5 projects yet?
[via The iPhone Blog]
Reviews: Safari, YouTube
Megan Fister. Sent from my iPhone.