I just updated jquery.mobile.simultaneous-transitions to version 1.2.
This is appropriate if you don't need to maintain scroll position (either your pages fit on the screen, or you are using iScroll or something similar).
It has the original set of 1.0.1 transitions, plus some extras, which will be increasing in the future.
I've been playing with transition times and easing, and have made some good discoveries that will be incorporated (optionally) in the future. I need to start generating the .css files from Sass, though, before it goes much further, because it is too error-prone to maintain multiple versions of the CSS files. (Currently, there is one set to replace existing transitions, and another set to add new ones with suffixed names. Now, if I alter timing and easing, that will be two more alternate CSS files.)
Basically, what I have found is this:
- IMO, ease-in should in most (but not all cases) be ditched, because of click delay and initial page rendering delays.
- It is senseless for fade transitions to use easing
- Timings should be adjusted for portrait/landscape and aspect ratio. Ideally, this should use CSS media queries to do this in ranges of aspect ratio. As it is, vertical transitions (in portrait) are too fast, although there is some adjustment in the standard transitions. I think users find it odd that transitions happen at a different rate for portrait/landscape vertical/horizontal. But it's not quite so simple, it seems more pleasing if it is some happy medium between equal time and equal rate.
I am still playing with this. But in the mean time, if you use the plug-in, then you can easily experiment and tailor to your own needs.
https://github.com/watusi/jquery.mobile.simultaneous-transitions