I have been looking for the best way to provide simple animations in a website, the animations should be part of a rotating "banner" showcasing featured items on the homepage, I'm using a simple "slider" right now with static images but I'm trying to add a little more eye candy to it.
I have googled that question already, but didn't find an exact answer for my specific needs, what in these 3 solutions can provide:
1- Graceful degradation (Progressive enhancement)
2- Most compatibility
3- Best performance
The first item is the most important, as the website owner (well, my brother :p) wanted a flash slider at first, which I completely hate as I feel flash content has plenty of disadvantages and I wanted a better solution that doesn't depend on a plugin, having a way to do animations that would still allow users with disabled javascript or even disabled images to be able to read the content normally would be great.
Please also note that the animations has to fire only when the "slide" is changed, and if an item is shown first with an animated fade-in for example, it shouldn't show up before completely loading the page (something that drove me crazy with jquery, flash of the content before it disappear again and then show with the animation).
Let Apple have its way, as customers will eschew Apple in favor of more open solutions--which is what they should be doing anyway!... I'm not a fan of Apple at all, but when the lawyers in the EUC start dictating to companies how their software should be made, I think the companies should just drop the EU altogether as a market. EUC lawyers make a mint every time they levy a fine on a successful American software company. What a racket. The EU consumer should be the final word on what products he buys and which ones he doesn't, but the EUC seeks to put itself into the position of the EU customer, and make those decisions for him, under the guise of "helping him."
Q. What do you do when the person at your door says, "Hi! I'm from the government, and I'm here to help you make intelligent buying decisions!"
A. Grab your possessions and run for the hills...
Question
Mamoun
Hi,
I have been looking for the best way to provide simple animations in a website, the animations should be part of a rotating "banner" showcasing featured items on the homepage, I'm using a simple "slider" right now with static images but I'm trying to add a little more eye candy to it.
I have googled that question already, but didn't find an exact answer for my specific needs, what in these 3 solutions can provide:
1- Graceful degradation (Progressive enhancement)
2- Most compatibility
3- Best performance
The first item is the most important, as the website owner (well, my brother :p) wanted a flash slider at first, which I completely hate as I feel flash content has plenty of disadvantages and I wanted a better solution that doesn't depend on a plugin, having a way to do animations that would still allow users with disabled javascript or even disabled images to be able to read the content normally would be great.
Please also note that the animations has to fire only when the "slide" is changed, and if an item is shown first with an animated fade-in for example, it shouldn't show up before completely loading the page (something that drove me crazy with jquery, flash of the content before it disappear again and then show with the animation).
Thank you for reading all of this! :)
Link to comment
https://www.neowin.net/forum/topic/1130164-best-technology-for-simple-animations-css3-jquery-or-using-html5-canvas/Share on other sites
3 answers to this question
Recommended Posts