scottjehl
5bf6728a65
removed or moved opacity rules for simpler cascade
2012-01-13 17:27:52 +07:00
scottjehl
93c1efe143
removed z-index rules, as pages no longer overlap in transitions
2012-01-13 17:27:52 +07:00
toddparker
21c53b646f
Moved non-3D rules to the bottom to hide the ugliness
...
Rule order doesn't seem to matter because of specificity.
2012-01-13 17:27:52 +07:00
toddparker
7dcce519f7
First cut at making pop work for non-3D browsers. Still rough, but works.
...
I had to create a new set of basic keyframes for non-3D because we had
opacity baked into our keyframes. As an upside, I could tweak the scale
factor differently between Android (0 > 1) and 3D (0.8 > 1).
2012-01-13 17:27:52 +07:00
toddparker
33b8cb67e0
Slide transition improvements
...
- Switched from opacity to outline for nofade
- Re-vamped the non-3D slides to eliminate blinking
2012-01-13 17:27:52 +07:00
toddparker
c152cc16d9
A few more slide tweaks, still blinky or skips frames in unpredictable ways
2012-01-13 17:27:52 +07:00
toddparker
0675e15233
Added "nofade" transition, slide/up/down for non-3D devices
...
- Introduced a class (nofade) which is similar to dontmove for
overwriting the fade in/out classes. We're not scoping all classes to
with supported or not like in flip so we need to negate the fade rules
with a new animation
- Added a selector block at the top to lengthen all slide animations to
300ms to reduce blinkiness on Android. Shorter caused animations to
break out of sequence. Needs refinement on timing.
- Added rules to apply the "nofade" classes to the replace the fade
in/out animations for non-3D browsers. Had to set the duration equal to
the slide animations to keep it all in sync.
2012-01-13 17:27:52 +07:00
toddparker
7e9203bcfe
Re-org file, scoped all flip rules to the 3d supported class to avoid android seeing these
...
Cleaned up unsupported rules, added to top of file - needed both fade
in and out rules
2012-01-13 17:27:52 +07:00
scottjehl
e0a630103b
updated description of what happens with flip on non 3d
2012-01-13 17:27:52 +07:00
scottjehl
af7a8355dc
added a rotate transition, just for fun.
2012-01-13 17:27:52 +07:00
scottjehl
d6a44fcce9
flipped the default timing for in and out - they were backwards
2012-01-13 17:27:52 +07:00
scottjehl
43f113dd78
removed old comment
2012-01-13 17:27:51 +07:00
scottjehl
73ea93df11
removed flip in rules, no longer in use
2012-01-13 17:27:51 +07:00
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
