Commit graph

4574 commits

Author SHA1 Message Date
scottjehl
5d3468b5cd cleaned these up so only the right rules are in the right files 2012-01-13 17:27:51 +07:00
scottjehl
dcd1fef137 whitespace 2012-01-13 17:27:51 +07:00
scottjehl
5776196fea moved ui-viewport-transitioning rules into here 2012-01-13 17:27:51 +07:00
scottjehl
a1b2d9433e updated comment to credit jqTouch for original transitions ideas, though these are now quite different 2012-01-13 17:27:51 +07:00
scottjehl
bdcaa0ab23 missed slide in the new transitions file split out 2012-01-13 17:27:51 +07:00
scottjehl
a7dafba9fd updated make and concat files for new transition handler 2012-01-13 17:27:51 +07:00
scottjehl
76042018ff renamed the new transition handler transition.js 2012-01-13 17:27:51 +07:00
scottjehl
5a4f16d08a split transition CSS into separate files. 2012-01-13 17:27:51 +07:00
scottjehl
296b739521 tweaked scale and duration of some flip and pop transitions 2012-01-13 17:27:51 +07:00
scottjehl
a6b23b15be dontmove is no longer in use 2012-01-13 17:27:50 +07:00
scottjehl
76664aebc1 not needed, as flip already uses fade now in the "in" transition. 2012-01-13 17:27:50 +07:00
scottjehl
86e059465a lowercased 2012-01-13 17:27:50 +07:00
scottjehl
c2733fc8e7 for non-3d browsers, use fade instead of flip 2012-01-13 17:27:50 +07:00
scottjehl
49724f94b9 woops. add it whether it's supported or not :) 2012-01-13 17:27:50 +07:00
scottjehl
cf85b4229a add class for 3d transform support 2012-01-13 17:27:50 +07:00
scottjehl
9470239581 fixed a typo in the query 2012-01-13 17:27:50 +07:00
scottjehl
1e8a7c520e Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported). 2012-01-13 17:27:50 +07:00
toddparker
d231dd71cc Updated -moz out to match 2012-01-13 17:27:50 +07:00
toddparker
d39fb83ec4 Broke out the global and in and out transition rules for asymmetric timing
Also added duplicate buttons at the booth to test scroll position
smoothness.
2012-01-13 17:27:50 +07:00
scottjehl
920738c8b9 rolled that last one back. 2012-01-13 17:27:50 +07:00
scottjehl
dbddd9dbb6 a little faster on the fades. needs cleanup later 2012-01-13 17:27:50 +07:00
scottjehl
1532f509c6 removed spin because we aren't using it no mo 2012-01-13 17:27:50 +07:00
scottjehl
b6145b5a1a updated the slide and flip handlers to use combo fade/slide/flip transitions 2012-01-13 17:27:49 +07:00
scottjehl
1e7e65a6b8 fixed up the pop out transition for outin handler 2012-01-13 17:27:49 +07:00
scottjehl
3c3448d553 added new filename to make and combiner files 2012-01-13 17:27:49 +07:00
scottjehl
c3d2e70802 changed filename 2012-01-13 17:27:49 +07:00
scottjehl
b203c266e4 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-13 17:27:49 +07:00
scottjehl
b7838a8a62 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-13 17:27:49 +07:00
scottjehl
edfea0ae22 don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing! 2012-01-13 17:27:49 +07:00
scottjehl
2ee3dd2a5e add back viewport transitioning class 2012-01-13 17:27:49 +07:00
scottjehl
b698d55ca1 don't scroll at the end. scroll halfway through instead 2012-01-13 17:27:49 +07:00
scottjehl
126846070d an attempt at simplification. not there yet... 2012-01-13 17:27:49 +07:00
scottjehl
554ef6da53 removed unused image 2012-01-13 17:27:49 +07:00
Todd Parker
0327298ca1 Loader design tweaks
Removed the spin class from the loader container, tweaked opacity and
added slight glow to bottom of loader, increased padding. Downloaded a
fresh loader image.
2012-01-13 17:27:49 +07:00
scottjehl
6e9da8e90f added fade out in transition handler 2012-01-13 17:27:48 +07:00
scottjehl
a8416daa06 changed filename 2012-01-13 17:27:48 +07:00
scottjehl
4d6f341a57 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-13 17:27:48 +07:00
Todd Parker
8221c3e98e Add -moz prefixes for initial cut at Firefox transition support 2012-01-13 17:27:48 +07:00
Todd Parker
df64a22e3e Shorter fade out (150ms) and fade in (300ms) for speedier transitions. 2012-01-13 17:27:48 +07:00
scottjehl
4bc2bb8616 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-13 17:27:48 +07:00
Todd Parker
ff618ff5e1 Faster spinner animation
Was 4ms per frame, now 3ms.
2012-01-13 17:27:48 +07:00
scottjehl
d68d8ff53a don't use pre transitioning class, or viewport class for this transition handler. Instead, activate page early, then scroll to desired spot, and transition in. In order to make this work, I had to add an argument to the end of the promise, letting navigation know that the page is already focused, so don't do it over again. This should make for a smooth transition from point-a to point-b, without a visible scroll jump. Needs testing! 2012-01-13 17:27:48 +07:00
scottjehl
7141ad8b6f add back viewport transitioning class 2012-01-13 17:27:48 +07:00
scottjehl
5217ad7df3 don't scroll at the end. scroll halfway through instead 2012-01-13 17:27:03 +07:00
scottjehl
cde86da912 position loader fixed by default, then check if it's positioned correctly and if not, switch to an absolute positioned scheme, with updates on scroll (or scrollstop in iOS 4). 2012-01-13 17:27:03 +07:00
Todd Parker
ad2f977ca8 All new loader hotness
Created a new loader that has a circle baked into the animated gif so
there's less of a chance of artifacts in bad browsers. The edge is
chunky because it's a gif but then added 1px of padding to the loader
parent and that the border-radius can smooth this out in iOS. Actually
looks sharp in Android too because of interaction effects between these
rounded corners. Loader spin is faster and more compressed (16 colors).
Removed the body-a class on the spinner since we're just setting this to
flat black = one less gradient to render.
2012-01-13 17:27:02 +07:00
scottjehl
ab32d0850b an attempt at simplification. not there yet... 2012-01-13 17:27:02 +07:00
scottjehl
5da1f11c4b default transition type goes to fade 2012-01-13 17:27:02 +07:00
scottjehl
4bb63a315c for now, removed any difference between framework transition defaults and the docs. We might want to bring this back and recommend it though - I'm not sure how easy it'll be to bring it in standard with the ability to configure. 2012-01-13 17:27:02 +07:00
scottjehl
1e6e411278 removed unused image 2012-01-13 17:27:02 +07:00