not your momma’s CSS
I’ve been working on an iPhone web app lately, and have gone out of my way to use wild new webkit CSS tricks instead of javascript or image hackery wherever possible.
Among these tricks is CSS animation. We can do animated menus and interface noodling with no more javascript than a simple CSS class change.
#menu {-webkit-transition:height .3s ease-in; }
… <div onclick=”javascript:document.getElementById(‘menu’).style.height = 100px;” >
That javascript might even be unnecessary… check out this code for using “flicks” as an input mechanism — through CSS.
CSS used to be a language of nouns and adjectives. Writing “verbs” into CSS makes me feel strangely like a pervert.