ianlunn

This is a full-blown version of what you've described but the concept could be applied to simple hover effects too: http://matthew.wagerfield.com/parallax/

Hover still applies when a touch device is tapped but obviously if the element is a link the page is navigated away from and thus the effect isn't seen. Not all interactions navigate away from the page though so the effects are useful in those cases. And of course, desktop and other devices with cursor capabilities still make use of hover.

Thanks. Will up the contrast on the buttons this evening.

I suspect any performance issues on mobile devices are down to the plugin having to do a lot of work in the DOM, rather than the CSS3 transitions themselves being slow.

Also, it'd be interesting to know what mobile browser your seeing performance issues in. Note that Opera is unfortunately buggy when it comes to CSS3 transitions and I had to write a horrible workaround to get it working. Expect Opera to have performance issues until they fix the bug.

Thanks, I'll be adding a preloader in v1 so the loading is more graceful.

I'm yet to test on any mobile device other than iOS so I'll keep your suggestion in mind.

Hi Joeri,

I plan to add an option in the future to allow frames to be skippable regardless of whether they're animating or not. Just need to come up with a good way of doing it without elements flying all over the place.

ok, thanks. Will take a look at this tomorrow.

Hi Smudge,

I'll look into this, thanks.

Thanks, haven't put a huge amount of testing into performance yet and I haven't got a copy of Ubuntu installed but I'll add this to the todo list.

Hi krmmmalik,

I would like to turn this into a WordPress plugin in the future although as I've only just released the beta, I'd like to spend my spare time improving that first.

Hi,

I'm not familiar with slidesjs.com so I can't compare the two but the way in which Sequence is built is very much different to other sliders that I have come across. Sequence basically just controls the attribution of class names (animate-in and animate-out), allowing a sliders transitions to be completely written in CSS.

The plugin works in all browsers that support CSS3 transitions and gracefully degrades down to Firefox 3.6 and IE7.