<?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; animations</title> <atom:link href="http://addyosmani.com/blog/tag/animations/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>CSS3 Transition Animations With jQuery Fallbacks</title><link>http://addyosmani.com/blog/css3transitions-jquery/</link> <comments>http://addyosmani.com/blog/css3transitions-jquery/#comments</comments> <pubDate>Mon, 04 Apr 2011 04:01:11 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[animated]]></category> <category><![CDATA[animations]]></category> <category><![CDATA[animationsf]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[css3 animation]]></category> <category><![CDATA[css3 fallback]]></category> <category><![CDATA[css3 transitions]]></category> <category><![CDATA[ease]]></category> <category><![CDATA[easein]]></category> <category><![CDATA[easing]]></category> <category><![CDATA[fallback]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery fallback]]></category> <category><![CDATA[transition animation]]></category> <category><![CDATA[transitions]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=3044</guid> <description><![CDATA[In today&#39;s post, we&#39;ll be taking a look at how you can use CSS3 transitions to power your application&#39;s animations with jQuery&#39;s .animate() method as a fallback where transitions aren&#39;t supported. The benefit of transitions is that unlike JavaScript based &#8230; <a
href="http://addyosmani.com/blog/css3transitions-jquery/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/css3transitions-jquery/feed/</wfw:commentRss> <slash:comments>57</slash:comments> </item> <item><title>ShineTime &#8211; A Kick-Ass New jQuery &amp; CSS3 Gallery With Animated Shine Effects</title><link>http://addyosmani.com/blog/shinetime/</link> <comments>http://addyosmani.com/blog/shinetime/#comments</comments> <pubDate>Sun, 18 Apr 2010 22:30:00 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[animations]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[effects]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[image carousel]]></category> <category><![CDATA[image gallery]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animations]]></category> <category><![CDATA[jquery overlay]]></category> <category><![CDATA[jquery reflections]]></category> <category><![CDATA[jquery shine effect]]></category> <category><![CDATA[jquery shining effect]]></category> <category><![CDATA[overlay]]></category> <category><![CDATA[shine]]></category> <category><![CDATA[shinetime]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/shinetime-a-kick-ass-new-jquery-css3-gallery-with-animated-shine-effects/</guid> <description><![CDATA[&#160; This week I&#8217;d like to show you how you can create a kick-ass animated Shine Effect with jQuery &#38; CSS3 and then use it to create your very own Shiny Gallery &#8216;ShineTime&#8217;. This effect is useful in making your &#8230; <a
href="http://addyosmani.com/blog/shinetime/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/shinetime/feed/</wfw:commentRss> <slash:comments>121</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> </channel> </rss>
