views:

1749

answers:

5

I am developing a web page for iPhones and iPod Touch's. I am using the Universal iPhone UI framework. I need to have silding page transitions, but can't seem to get it working. Is there a good javascript framework I could use that would make this easier? I've done a lot of normal web dev with jquery, but it doesn't seem to like the iPhone.

+1  A: 

Try http://code.google.com/p/iui/

It's a nice little JS framework, among other things, that will help you with the transition aspect. Have a flick through the documentation too, as it'll give you quite a few additional options as well.

Chops
My boss doesn't like the visual style of iUI, which is why I have to use uiUI ( :( )
W_P
Bad luck eh! :-)
Chops
+1  A: 

Regardless of what framework you're using, the WebKit CSS trasitions are extensions of CSS and were developed with the iPhone and iPhone web-based apps in mind. You can do some very clever, complex animations with no JavaScript and only a few lines of CSS.

Here's what Google finds on the subject.

August
This is exactly what I needed to find, thanks!
W_P
+1  A: 

Apple's Dashcode IDE has an extensive set of page transition templates for the iPhone. You should be able to fire up a quick project, get the look you want, then export the resulting HTML/CSS/Javascript into your favorite IDE.

The only catch is that it's OSX only.

Chase Seibert
have you had any luck with pages made in dashcode with a .php extension?
W_P
A: 

I'm developing iphone web app recently too. thanks for the information & reference too. :)

Murvinlai
A: 

I've been deep into an iPhone web app project lately. We evaluated iUI, but decided against it for various reasons. Consequently, I've developed most of the same functionality from scratch. While I can't share the code from the actual product (as I'm under NDA), I have been documenting many of the techniques I've used to do certain things. Check out the links below:

Andrew Hedges