I finally broke down and created a TextMate bundle for Safari web development. It is primarily a webkit extension of the built in TextMate CSS bundle, but I added a few goodies like iPhone-specific head tags, and links to my fave pages in the Safari Reference Library.
The HTML5 Video tag, CSS3 Animations, and jQTouch are all beautiful things. Unfortunately, they look like crap when combined. Follow along as I show you how to make these three technologies play nicely together.
One of my Quick Question folks recently asked me to provide a code sample for a iPhone-esque panel animation using CSS3. She asked that I leave out any extraneous code in order to highlight the key points.
Trying to decide what technology you should use to build your iPhone app? This decision tree might help:
Quick overview of how to take a garden variety web app built with HTML, CSS, JavaScript and convert it to a native iPhone app using PhoneGap.