<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>AddyOsmani.com &#124; Articles for developers &#187; animation</title> <atom:link href="http://addyosmani.com/blog/tag/animation/feed/" rel="self" type="application/rss+xml" /><link>http://addyosmani.com/blog</link> <description>This is the home of Addy Osmani (JavaScript &#38; UI Developer, Designer &#38; Author). Here you can find some great tips and tutorials on everything to do with web development and even a few useful code samples!</description> <lastBuildDate>Mon, 30 Jan 2012 16:10:54 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>jQuery &amp; CSS Sprite Animation Explained In Under 5 Minutes</title><link>http://addyosmani.com/blog/jquery-sprite-animation/</link> <comments>http://addyosmani.com/blog/jquery-sprite-animation/#comments</comments> <pubDate>Mon, 31 May 2010 01:03:19 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Under 10 Minutes]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[animated]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[css sprite animation]]></category> <category><![CDATA[css sprites]]></category> <category><![CDATA[examples]]></category> <category><![CDATA[javascript sprite]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery sprite animation]]></category> <category><![CDATA[sprite]]></category> <category><![CDATA[spritely]]></category> <category><![CDATA[sprites]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=778</guid> <description><![CDATA[&#160; Today we&#8217;re going to take a look at sprite animation. There&#8217;s been a lot of talk this year about the future of technologies like Adobe&#8217;s Flash and for good reason &#8211; with the performance of JavaScript frameworks having come &#8230; <a
href="http://addyosmani.com/blog/jquery-sprite-animation/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/jquery-sprite-animation/feed/</wfw:commentRss> <slash:comments>56</slash:comments> </item> <item><title>Zoom-Info &#8211; How To Create An Informative Image Gallery With jQuery &amp; CSS</title><link>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/</link> <comments>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/#comments</comments> <pubDate>Sun, 04 Apr 2010 04:22:39 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[image]]></category> <category><![CDATA[image carousel]]></category> <category><![CDATA[image effects]]></category> <category><![CDATA[image gallery]]></category> <category><![CDATA[information]]></category> <category><![CDATA[javascript image gallery]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[zoom]]></category> <category><![CDATA[zoom-info]]></category> <category><![CDATA[zoominfo]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/</guid> <description><![CDATA[Question: Have you ever wanted to neatly display a few lines of text about an image in your site but didn’t want to compromise on the design of your overall layout? In today’s post I’m going to show you how &#8230; <a
href="http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/zoom-info-how-to-create-an-informative-image-gallery-with-jquery-css/feed/</wfw:commentRss> <slash:comments>52</slash:comments> </item> <item><title>How to create impressive animations using Webkit CSS and JavaScript</title><link>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/</link> <comments>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/#comments</comments> <pubDate>Sat, 12 Dec 2009 01:53:54 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[3d]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[animations]]></category> <category><![CDATA[css]]></category> <category><![CDATA[javascript animation]]></category> <category><![CDATA[transforms]]></category> <category><![CDATA[webkit]]></category> <category><![CDATA[webkit animation]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/</guid> <description><![CDATA[&#160; &#160; Hey all. In today&#8217;s post I&#8217;m going to show you how to create a few simple yet impressive animation effects using WebKit CSS and some JavaScript. Webkit (the rendering engine that powers both Safari and Google Chrome) supports &#8230; <a
href="http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>20 Amazing jQuery Plugins to improve your User Interface</title><link>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/</link> <comments>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/#comments</comments> <pubDate>Fri, 27 Nov 2009 05:30:52 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[alert]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[bubble]]></category> <category><![CDATA[dance]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[images]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[lightbox]]></category> <category><![CDATA[navigation]]></category> <category><![CDATA[plugins]]></category> <category><![CDATA[search]]></category> <category><![CDATA[speech]]></category> <category><![CDATA[tooltip]]></category> <category><![CDATA[upload]]></category> <category><![CDATA[widgets]]></category> <category><![CDATA[window]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/</guid> <description><![CDATA[&#160; &#160; In today&#8217;s post I&#8217;m going to share 20 jQuery Plugins that I think could really improve your user interface in just a few minutes. Some of them require a little more customization or integration than others, but on &#8230; <a
href="http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/20-amazing-jquery-plugins-to-improve-your-user-interface/feed/</wfw:commentRss> <slash:comments>22</slash:comments> </item> <item><title>jQuery Animation Tutorialized</title><link>http://addyosmani.com/blog/jquery-animation-tutorialized/</link> <comments>http://addyosmani.com/blog/jquery-animation-tutorialized/#comments</comments> <pubDate>Thu, 29 Oct 2009 15:47:49 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[animate]]></category> <category><![CDATA[animate with jquery]]></category> <category><![CDATA[animated panel]]></category> <category><![CDATA[animating]]></category> <category><![CDATA[animating jquery]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[divs]]></category> <category><![CDATA[fadein]]></category> <category><![CDATA[fadeout]]></category> <category><![CDATA[fadeto]]></category> <category><![CDATA[hover]]></category> <category><![CDATA[hover over]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animation examples]]></category> <category><![CDATA[jquery animation tutorial]]></category> <category><![CDATA[marginLeft]]></category> <category><![CDATA[move content with jquery]]></category> <category><![CDATA[opacity effects]]></category> <category><![CDATA[practical examples]]></category> <category><![CDATA[slidedown]]></category> <category><![CDATA[slideup]]></category> <category><![CDATA[sliding panel]]></category> <category><![CDATA[tutorial]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=189</guid> <description><![CDATA[&#160; This week I&#8217;m going to show you to make the best use of jQuery&#8217;s amazing animation features using just a few lines of code for each our examples. Did you know that you can use jQuery&#8217;s animation functions to &#8230; <a
href="http://addyosmani.com/blog/jquery-animation-tutorialized/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/jquery-animation-tutorialized/feed/</wfw:commentRss> <slash:comments>38</slash:comments> </item> <item><title>The Best Advanced Animation techniques you can perform using jQuery</title><link>http://addyosmani.com/blog/the-best-advanced-animation-techniques-you-can-perform-using-jquery/</link> <comments>http://addyosmani.com/blog/the-best-advanced-animation-techniques-you-can-perform-using-jquery/#comments</comments> <pubDate>Wed, 16 Sep 2009 04:28:55 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Resources]]></category> <category><![CDATA[animated]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[animation examples]]></category> <category><![CDATA[cartoon]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[javascript animation]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery core]]></category> <category><![CDATA[silverlight]]></category> <category><![CDATA[slidedown]]></category> <category><![CDATA[vector]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/the-best-advanced-animation-techniques-you-can-perform-using-jquery/</guid> <description><![CDATA[When you think about animation on the internet, chances are some of the first tools that come to mind are Flash, Microsoft’s Silverlight and maybe even Animated GIFs. It has only been in the past couple of years that JavaScript &#8230; <a
href="http://addyosmani.com/blog/the-best-advanced-animation-techniques-you-can-perform-using-jquery/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/the-best-advanced-animation-techniques-you-can-perform-using-jquery/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Zoomer Gallery &#8211; A jQuery plugin for displaying images with Flash-like zooming effects</title><link>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/</link> <comments>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/#comments</comments> <pubDate>Sun, 23 Nov 2008 20:27:23 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[animated effects]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[animation effects]]></category> <category><![CDATA[bicubic]]></category> <category><![CDATA[css]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[flash like]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[image effects]]></category> <category><![CDATA[image gallery]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animated gallery]]></category> <category><![CDATA[jquery animated images]]></category> <category><![CDATA[jquery animation effects]]></category> <category><![CDATA[jquery animation images]]></category> <category><![CDATA[jquery image zooming]]></category> <category><![CDATA[jquery list gallery]]></category> <category><![CDATA[jquery zoom images]]></category> <category><![CDATA[jquery zooming images]]></category> <category><![CDATA[lists]]></category> <category><![CDATA[tweening]]></category> <category><![CDATA[zoom]]></category> <category><![CDATA[zooming]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/</guid> <description><![CDATA[&#160; &#160; &#160; &#160; In today&#8217;s post, I&#8217;m going to be giving away a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It&#8217;s a simple but &#8230; <a
href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/feed/</wfw:commentRss> <slash:comments>136</slash:comments> </item> </channel> </rss>
