Comments on: Star Wars HTML and CSS: A NEW HOPE

By: Aphrodisiac

Aphrodisiac — Fri, 15 Jan 2010 11:54:37 +0000

i love star wars
thanks

By: holy2050

holy2050 — Thu, 03 Dec 2009 15:08:34 +0000

div+css battery website: http://www.electric-power.us

By: arougthopher

arougthopher — Tue, 01 Dec 2009 17:08:27 +0000

Don’t have my Mac the office, and Chrome is only “ok” at rendering … but, it works on the iPhone!

By: WillPeavy

WillPeavy — Tue, 01 Dec 2009 16:21:43 +0000

@TNO – Nice! It looks like Safari has almost caught up with IE 5.5.

By: gesteves

gesteves — Tue, 01 Dec 2009 15:19:44 +0000

I know iliad! I made a timer thing using only CSS transforms and animations (and no JavaScript) and I was pleasantly surprised to see that it worked perfectly on the iPhone. You can try it out at http://www.gesteves.com/experiments/timer.html

(I also made a more standard clock that does use JavaScript at http://www.gesteves.com/experiments/clock.html )

By: rasmusfl0e

rasmusfl0e — Tue, 01 Dec 2009 15:18:08 +0000

Bah… Where’s the rest of the movie??
.
:P
.
Hope to see these features trickle down into the other browsers soon.

By: gesteves

gesteves — Tue, 01 Dec 2009 14:45:53 +0000

Hmm, it’s possible, I didn’t try it in the nightly on my 10.5 machine, only the stock Safari and it came out all wrong. In any case, hopefully these new features will come to the rest of the WebKit-based browsers soon enough.

By: iliad

iliad — Tue, 01 Dec 2009 14:43:56 +0000

I have to say, this is extremely cool. I wish Firefox would catch up with webkit in terms of CSS animations, 3d transforms, etc., support. I’ve been working on a website specifically targeting iphone and the ability to do so much “fancy stuff” without ever touching JS is… well, liberating :)

By: danlucas

danlucas — Tue, 01 Dec 2009 14:04:17 +0000

Actually gesteves, I’m not convinced it’s a Snow Leopard thing considering the demo works great in the latest version of WebKit on my OSX 10.5 machine. So maybe the 10.5 version of Safari just uses a different version of WebKit than the 10.6 version?

By: gesteves

gesteves — Tue, 01 Dec 2009 13:27:55 +0000

By the way, if anyone knows the precise technical reason why these 3D transforms only work in Snow Leopard, I’d love to know. I’m thinking they’re done using some 10.6-specific Core Animation/Core Image functions, but I’m not knowledgeable enough about the internals of OS X to know for sure.

By: gesteves

gesteves — Tue, 01 Dec 2009 12:45:24 +0000

Thanks a lot for the writeup! You certainly explained it better than I would have.

By: TNO

TNO — Tue, 01 Dec 2009 12:12:05 +0000

Interestingly enough, you can do the same thing in Internet Explorer 5.5+ by using HTML+Time with CSS filters. No JavaScript needed at all, not even for the audio delay.