<?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>Web Design Ledger &#187; animation</title>
	<atom:link href="http://webdesignledger.com/tag/animation/feed" rel="self" type="application/rss+xml" />
	<link>http://webdesignledger.com</link>
	<description>A Publication for Web Designers</description>
	<lastBuildDate>Sun, 01 Aug 2010 03:15:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>13 Excellent jQuery Animation Techniques</title>
		<link>http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques</link>
		<comments>http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques#comments</comments>
		<pubDate>Thu, 29 Jan 2009 08:11:41 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=470</guid>
		<description><![CDATA[Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth [...]]]></description>
			<content:encoded><![CDATA[<p>Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. <span id="more-470"></span></p>
<p>With several JavaScript frameworks available, <a href="http://jquery.com/" target="_blank">jQuery</a> is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way.</p>
<h3><a href="http://css-tricks.com/jquery-robot/" target="_blank">Building an Animated Cartoon Robot with jQuery</a></h3>
<p><a href="http://css-tricks.com/jquery-robot/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_6.jpg" alt="Building an Animated Cartoon Robot with jQuery" /></a></p>
<h3><a href="http://www.incg.nl/blog/2008/hover-block-jquery/" target="_blank"><br />
Animate a hover with jQuery</a></h3>
<p><a href="http://www.incg.nl/blog/2008/hover-block-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_9.jpg" alt="<br />
Animate a hover with jQuery" /></a></p>
<h3><a href="http://nettuts.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank">How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery</a></h3>
<p><a href="http://nettuts.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_1.jpg" alt="How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery" /></a></p>
<h3><a href="http://alistapart.com/articles/sprites2" target="_blank">CSS Sprites2 &#8211; It&#8217;s JavaScript Time</a></h3>
<p><a href="http://alistapart.com/articles/sprites2" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_2.jpg" alt="CSS Sprites2 - It's JavaScript Time" /></a></p>
<h3><a href="http://nettuts.com/javascript-ajax/build-a-top-panel-with-jquery/" target="_blank">Build An Incredible Login Form With jQuery</a></h3>
<p><a href="http://nettuts.com/javascript-ajax/build-a-top-panel-with-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_3.jpg" alt="Build An Incredible Login Form With jQuery" /></a></p>
<h3><a href="http://css-tricks.com/revealing-photo-slider/" target="_blank">Learning jQuery: Revealing Photo Slider</a></h3>
<p><a href="http://css-tricks.com/revealing-photo-slider/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_4.jpg" alt="Learning jQuery: Revealing Photo Slider" /></a></p>
<h3><a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/" target="_blank">Learning jQuery: Fading Menu &#8211; Replacing Content</a></h3>
<p><a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_5.jpg" alt="Learning jQuery: Fading Menu - Replacing Content" /></a></p>
<h3><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank">Using jQuery for Background Image Animations</a></h3>
<p><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_7.jpg" alt="Using jQuery for Background Image Animations" /></a></p>
<h3><a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/" target="_blank">Animated Menus Using jQuery</a></h3>
<p><a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_8.jpg" alt="Animated Menus Using jQuery" /></a></p>
<h3><a href="http://nettuts.com/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank">Create a Cool Animated Navigation with CSS and jQuery</a></h3>
<p><a href="http://nettuts.com/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_10.jpg" alt="Create a Cool Animated Navigation with CSS and jQuery" /></a></p>
<h3><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank">Animated Drop Down Menu with jQuery</a></h3>
<p><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_11.jpg" alt="Animated Drop Down Menu with jQuery" /></a></p>
<h3><a href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/" target="_blank">jQuery Tutorials for Designers</a></h3>
<p><a href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_12.jpg" alt="jQuery Tutorials for Designers" /></a></p>
<h3><a href="http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" target="_blank">How to Load In and Animate Content with jQuery</a></h3>
<p><a href="http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2009/01/jquery_animation_13.jpg" alt="How to Load In and Animate Content with jQuery" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques/feed</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
	</channel>
</rss>
