Commit graph

4569 commits

Author SHA1 Message Date
scottjehl
c0e635bf72 removed flip in rules, no longer in use 2012-01-10 12:50:06 +07:00
scottjehl
3bf147e10b cleaned these up so only the right rules are in the right files 2012-01-10 12:50:05 +07:00
scottjehl
3fdaa38bd7 whitespace 2012-01-10 12:50:05 +07:00
scottjehl
d854f81376 moved ui-viewport-transitioning rules into here 2012-01-10 12:50:05 +07:00
scottjehl
5012030885 updated comment to credit jqTouch for original transitions ideas, though these are now quite different 2012-01-10 12:50:05 +07:00
scottjehl
9cd79a6adb missed slide in the new transitions file split out 2012-01-10 12:50:05 +07:00
scottjehl
c37ad79ed0 updated make and concat files for new transition handler 2012-01-10 12:50:05 +07:00
scottjehl
bc2b4faf0b renamed the new transition handler transition.js 2012-01-10 12:49:52 +07:00
scottjehl
edfafbf5d7 split transition CSS into separate files. 2012-01-10 12:49:21 +07:00
scottjehl
f31b792096 tweaked scale and duration of some flip and pop transitions 2012-01-10 12:48:58 +07:00
scottjehl
7d34652a07 dontmove is no longer in use 2012-01-10 12:48:58 +07:00
scottjehl
c471857595 not needed, as flip already uses fade now in the "in" transition. 2012-01-10 12:48:58 +07:00
scottjehl
fd236692ea lowercased 2012-01-10 12:48:58 +07:00
scottjehl
5e0d37dfa8 for non-3d browsers, use fade instead of flip 2012-01-10 12:48:58 +07:00
scottjehl
f72eb291f6 woops. add it whether it's supported or not :) 2012-01-10 12:48:57 +07:00
scottjehl
965f7e2681 add class for 3d transform support 2012-01-10 12:48:57 +07:00
scottjehl
0cafec13bd fixed a typo in the query 2012-01-10 12:48:57 +07:00
scottjehl
f80d855847 Added a feature test for css 3d transforms, which will allow us to conditionally apply the flip transition (AKA cartwheel, where unsupported). 2012-01-10 12:48:57 +07:00
toddparker
52c44937e7 Updated -moz out to match 2012-01-10 12:48:57 +07:00
toddparker
3b8e4cb8b6 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-10 12:48:57 +07:00
scottjehl
949b919abf rolled that last one back. 2012-01-10 12:48:57 +07:00
scottjehl
ba2da4dac7 a little faster on the fades. needs cleanup later 2012-01-10 12:48:57 +07:00
scottjehl
44482cd79c removed spin because we aren't using it no mo 2012-01-10 12:48:57 +07:00
scottjehl
27f81a0ef0 updated the slide and flip handlers to use combo fade/slide/flip transitions 2012-01-10 12:48:57 +07:00
scottjehl
770979698e fixed up the pop out transition for outin handler 2012-01-10 12:48:57 +07:00
scottjehl
72fe72f772 added new filename to make and combiner files 2012-01-10 12:48:57 +07:00
scottjehl
86dfe99a1b changed filename 2012-01-10 12:48:40 +07:00
scottjehl
42bcd90a47 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-10 12:48:40 +07:00
scottjehl
d01da49798 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-10 12:48:40 +07:00
scottjehl
cb151b5d9a 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-10 12:48:39 +07:00
scottjehl
f46135b6fd add back viewport transitioning class 2012-01-10 12:48:39 +07:00
scottjehl
cb49d27006 don't scroll at the end. scroll halfway through instead 2012-01-10 12:48:39 +07:00
scottjehl
a73e04bf19 an attempt at simplification. not there yet... 2012-01-10 12:48:22 +07:00
scottjehl
80b5cad7b8 removed unused image 2012-01-10 12:48:22 +07:00
Todd Parker
ac94b063b0 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-10 12:48:05 +07:00
scottjehl
594eb7b37c added fade out in transition handler 2012-01-10 12:44:42 +07:00
scottjehl
9afa2eaa5e changed filename 2012-01-10 12:43:11 +07:00
scottjehl
9aea79e744 changed plugin name to outInTransitionHandler, as the sequence has nothing to do with "fade" specifically. 2012-01-10 12:43:11 +07:00
Todd Parker
71a84e8c62 Add -moz prefixes for initial cut at Firefox transition support 2012-01-10 12:43:11 +07:00
Todd Parker
ae0ad6ff8a Shorter fade out (150ms) and fade in (300ms) for speedier transitions. 2012-01-10 12:43:11 +07:00
scottjehl
10a65c9d78 brought back the height settings, and fixed a typo between addClass and removeClass 2012-01-10 12:43:11 +07:00
Todd Parker
cbcc523e64 Faster spinner animation
Was 4ms per frame, now 3ms.
2012-01-10 12:43:11 +07:00
scottjehl
445d11c704 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-10 12:43:11 +07:00
scottjehl
955a37f1e8 add back viewport transitioning class 2012-01-10 12:43:10 +07:00
scottjehl
1bae528dc0 no need for pre-transition class 2012-01-10 12:43:10 +07:00
scottjehl
c72595c462 don't scroll at the end. scroll halfway through instead 2012-01-10 12:43:10 +07:00
scottjehl
0a267cea64 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-10 12:43:10 +07:00
Todd Parker
41d63056c6 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-10 12:43:10 +07:00
scottjehl
47bf7a9d38 an attempt at simplification. not there yet... 2012-01-10 12:43:10 +07:00
scottjehl
0a3be2ecf3 default transition type goes to fade 2012-01-10 12:43:10 +07:00