Star Wars Opening Recreated in HTML, CSS!
Speaking of Daring Fireball links and HTML5, Guillermo Esteves has re-created the opening crawl from the original Star Wars using only web-based technologies. It currently runs exclusively on the bleeding-edge WebKit nightly builds, Safari for OS X Snow Leopard… and on the built-in iPhone Safari (though it doesn’t look as polished).
That’s right. No Chrome anything, including Android 2.1. No Palm webOS browser. That it works on the iPhone’s and iPod touch’s MobileSafari… is kind of crazy considering it hasn’t been updated since iPhone 3.1.2 back on Oct. 8. Just goes to show how seriously Apple is pushing the web on the iPhone.
So, yeah, words moving away into perspective in your browser, but this is without QuickTime or Flash or anything to strain your bandwidth or burn your battery. Very nice.
YouTube video of the WebKit/Safari version after the break!
January 21st, 2010 at 11:28 am
The Force is with us!
January 21st, 2010 at 11:45 am
The force is strong with this one…
January 21st, 2010 at 12:21 pm
Never underestimate the power of the Dark Side.
January 21st, 2010 at 12:25 pm
I saw this on my Safari 4.0.4 (6531.21.10), Mac OS X 10.6.2 and it worked with starwars music also worked on my iPhone but with no music.
January 21st, 2010 at 1:21 pm
Yeah, d’oh! Fixed!
January 22nd, 2010 at 6:55 am
Am I blind? Where is the link to the actual thing?
January 22nd, 2010 at 9:25 pm
Crashed my iPhone safari browser.
January 22nd, 2010 at 10:45 pm
I’m not a dev or anything, but could this be because the script wasn’t optimized for webOS or Android? I find it hard to believe that it wouldn’t work on a Pre, given its strong HTML ties. Android, I could believe, IDK. Also, this wouldn’t work on Opera Mobile 10(Opera makes damn good mobile browsers, wish Apple would let them release one for iPhone)?
February 8th, 2010 at 1:50 am
@Chris: I can’t speak for Android, but I know that Opera Mobile 10 is not fully HTML5 compliant.