<p>I'm trying to create web applications that use JavaScript.  I'd like to be able to use animation in these applications.  I've tried to use basic JavaScript, but I've decided that the best thing to do is to use a library (such as <a href="http://en.wikipedia.org/wiki/Yahoo!_UI_Library" rel="nofollow noreferrer">YUI</a> or jQuery).</p>

<p>I'm running into a problem.  On Safari, when I run animation scripts, the animation is very chunky, very blocky.  This happens with YUI as well as basic JavaScript.  Why does this happen?  Are there any good libraries that don't create this problem in Safari, but are also good for Internet Explorer and Firefox (and, hopefully, Opera)?</p>

[{'answer_id': 31318, 'author': 'Marius', 'author_id': 1585, 'author_profile': 'https://Stackoverflow.com/users/1585', 'pm_score': 0, 'selected': False, 'text': "<p>JQuery has animation, but I don't know what it is like on a Mac (I don't have a mac). If things are going slow, then you are probably making the animations too complicated. Remember, JavaScript is a slow language, and DOM is not designed for animation, so try to limit yourself with respect to the number of animations at the same time. Always ask if the animation is really necessary. </p>\n"}, {'answer_id': 31319, 'author': 'Andy', 'author_id': 1993, 'author_profile': 'https://Stackoverflow.com/users/1993', 'pm_score': 0, 'selected': False, 'text': '<p>Well, for starters you could use CSS Transformations if the application is Safari-specific. Otherwise JQuery got some built in animations and a big community behind it (and thus, a large plugin repository).</p>\n'}, {'answer_id': 37276, 'author': 'seanb', 'author_id': 3354, 'author_profile': 'https://Stackoverflow.com/users/3354', 'pm_score': 2, 'selected': False, 'text': '<p>I have found <a href="http://en.wikipedia.org/wiki/MooTools" rel="nofollow noreferrer">MooTools</a> to be pretty slick for animations, just a little smoother than jQuery.  </p>\n\n<p>I generally prefer jQuery, which I find to be a little more intuitive (in my head anyway), but I would use MooTools if slick animation is the most important requirement.    </p>\n'}, {'answer_id': 365945, 'author': 'Peter S Magnusson', 'author_id': 31024, 'author_profile': 'https://Stackoverflow.com/users/31024', 'pm_score': 0, 'selected': False, 'text': '<p>You can download some sample code and check locally to make sure that things are supposed to work.  For example, you can get the source code for B&amp;K\'s jQuery book at <a href="http://www.manning.com/bibeault/" rel="nofollow noreferrer">http://www.manning.com/bibeault/</a> (check out the source link) and try out the samples for Chapter 5.  If those pages work (locally) for you on Safari, then at least you know your basic environment is sane.</p>\n\n<p>I\'m having similar problems, and I suspect there are Safari bugs that jQuery is tripping over.  But I haven\'t yet figured out whether it\'s me writing sloppy code (with FF perhaps being more forgiving than Safari), or if it\'s Safari, or if it\'s jQuery.  I\'ll post more if I get any wiser.</p>\n'}, {'answer_id': 366003, 'author': 'finpingvin', 'author_id': 46054, 'author_profile': 'https://Stackoverflow.com/users/46054', 'pm_score': 0, 'selected': False, 'text': '<p>Strange, <a href="http://en.wikipedia.org/wiki/WebKit" rel="nofollow noreferrer">WebKit</a> (the JavaScript engine that Safari uses) is supposed to be pretty fast. Make sure that you have the latest version, there have been great progress for the JavaScript engines in the Safari and Firefox releases in recent time. Also, I think <a href="http://en.wikipedia.org/wiki/Dojo_Toolkit" rel="nofollow noreferrer">Dojo</a> and <a href="http://en.wikipedia.org/wiki/MooTools" rel="nofollow noreferrer">MooTools</a> have faster animations than jQuery, at least in my experience.</p>\n'}]
['https://Stackoverflow.com/questions/31295', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/1615/']