I’ve been studying jQuery for a while now, and just lately I came across CSS3. I’ve noticed that most of the effects that jQuery can do, can also be done by CSS3 (Transitions).
However, I’ve read on some articles and have also noticed that CSS3 has some problems with browser compatibility. Also, making it more compatible means adding more code for each browser.
On the other hand, jQuery has an issue of not working at all when users have Javascript disabled on their browsers.
I’m having trouble weighing the pro’s and con’s here. I guess my lack of experience could be the cause. But if it’s not too much to ask, which do you prefer to use to achieve animation? Which is easier to use? Are there other pro’s and con’s I’m not aware of?
My rule of thumb is that if you can easily and efficiently do something in CSS3, then you should. If what you’re looking for can’t be done that way, then resort to jQuery.
The most important thing though: always offer a fallback solution.