<?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>Live On Design &#187; jquery</title>
	<atom:link href="http://www.liveondesign.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.liveondesign.com</link>
	<description>Le blog du webdesign</description>
	<lastBuildDate>Mon, 28 Nov 2011 07:00:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>FacyBox, une lightbox différente</title>
		<link>http://www.liveondesign.com/2010/05/12/facybox-une-lightbox-differente/</link>
		<comments>http://www.liveondesign.com/2010/05/12/facybox-une-lightbox-differente/#comments</comments>
		<pubDate>Wed, 12 May 2010 06:00:41 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Outils]]></category>
		<category><![CDATA[diaporama]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[présentations]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1245</guid>
		<description><![CDATA[Des lightbox, ça pullule sur le web. L&#8217;avantage de FacyBox, c&#8217;est qu&#8217;on peut afficher des images, des divs et même des pages entières. Enjoy !]]></description>
			<content:encoded><![CDATA[<p>Des lightbox, ça pullule sur le web. L&#8217;avantage de FacyBox, c&#8217;est qu&#8217;on peut afficher des images, des divs et même des pages entières. Enjoy !</p>
<p><a title="facybox" href="http://bitbonsai.com/facybox/" target="_blank"><img class="aligncenter size-full wp-image-1246" title="facybox" src="http://www.liveondesign.com/wp-content/uploads/2010/05/facybox.jpg" alt="facybox" width="560" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2010/05/12/facybox-une-lightbox-differente/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une galerie d&#8217;images en jQuery</title>
		<link>http://www.liveondesign.com/2010/05/06/une-galerie-dimages-en-jquery/</link>
		<comments>http://www.liveondesign.com/2010/05/06/une-galerie-dimages-en-jquery/#comments</comments>
		<pubDate>Thu, 06 May 2010 06:00:41 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Photos]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1222</guid>
		<description><![CDATA[Le site GetHifi propose une galerie d&#8217;images avec zoom en jQuery, intitulée jPhotoGrid. Plutôt classe, et très simple à intégrer. Enjoy !]]></description>
			<content:encoded><![CDATA[<p>Le site GetHifi propose une galerie d&#8217;images avec zoom en jQuery, intitulée jPhotoGrid. Plutôt classe, et très simple à intégrer. Enjoy !</p>
<p><a title="Une galerie d'images en jQuery" href="http://www.gethifi.com/blog/jphotogrid" target="_blank"><img class="aligncenter size-full wp-image-1221" title="GetHifi" src="http://www.liveondesign.com/wp-content/uploads/2010/05/GetHifi.jpg" alt="Une galerie d'images en jQuery" width="560" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2010/05/06/une-galerie-dimages-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Editeur web en ligne</title>
		<link>http://www.liveondesign.com/2010/05/01/editeur-web-en-ligne/</link>
		<comments>http://www.liveondesign.com/2010/05/01/editeur-web-en-ligne/#comments</comments>
		<pubDate>Sat, 01 May 2010 06:00:27 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1192</guid>
		<description><![CDATA[jsFiddle est un outil en ligne gratuit. Il vous permet d&#8217;éditer du HTML, CSS, (JavaScript, MooTools, jQuery, Prototype, etc&#8230;)  tout en offrant un aperçu immédiat.]]></description>
			<content:encoded><![CDATA[<p><a title="jsFiddle" href="http://www.jsfiddle.net/" target="_blank">jsFiddle</a> est un outil en ligne gratuit. Il vous permet d&#8217;éditer du HTML, CSS, (JavaScript, MooTools, jQuery, Prototype, etc&#8230;)  tout en offrant un aperçu immédiat.</p>
<p><a title="jsFiddle" href="http://www.jsfiddle.net/" target="_blank"><img class="aligncenter size-full wp-image-1193" title="jsFiddle" src="http://www.liveondesign.com/wp-content/uploads/2010/04/jsFiddle.jpg" alt="jsFiddle" width="560" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2010/05/01/editeur-web-en-ligne/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utiliser jQuery pour animer un menu</title>
		<link>http://www.liveondesign.com/2009/11/27/utiliser-jquery-pour-animer-un-menu/</link>
		<comments>http://www.liveondesign.com/2009/11/27/utiliser-jquery-pour-animer-un-menu/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 08:00:15 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tutos]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1146</guid>
		<description><![CDATA[Encore un petit tuto simple et rapide pour faire une animation sympa sur un menu. La démo ici.]]></description>
			<content:encoded><![CDATA[<p>Encore un petit tuto simple et rapide pour faire une animation sympa sur un menu. <a title=" Using jQuery for Background Image Animations" href="http://snook.ca/technical/jquery-bg/" target="_blank">La démo ici</a>.</p>
<p><a title=" Using jQuery for Background Image Animations" href="http://snook.ca/archives/javascript/jquery-bg-image-animations/" target="_blank"><img class="alignnone size-full wp-image-1147" title="jQuery Animation" src="http://www.liveondesign.com/wp-content/uploads/2009/11/jQueryAnimation.jpg" alt="jQuery Animation" width="560" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/27/utiliser-jquery-pour-animer-un-menu/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fond animé en jQuery</title>
		<link>http://www.liveondesign.com/2009/11/26/fond-anime-en-jquery/</link>
		<comments>http://www.liveondesign.com/2009/11/26/fond-anime-en-jquery/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 08:00:21 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1141</guid>
		<description><![CDATA[Si vous désiriez faire un fond animé sur votre site, alors ce tutoriel est pour vous. La démo est ici.]]></description>
			<content:encoded><![CDATA[<p>Si vous désiriez faire un fond animé sur votre site, alors ce <a title="Animated background image with jQuery" href="http://www.catswhocode.com/blog/animated-background-image-with-jquery" target="_blank">tutoriel</a> est pour vous. La démo est <a title="Animated background image with jQuery" href="http://codingkitty.com/demo/animated-background/" target="_blank">ici</a>.</p>
<p><a title="Animated background image with jQuery" href="http://www.catswhocode.com/blog/animated-background-image-with-jquery" target="_blank"><img class="alignnone size-full wp-image-1142" title="Animated Background Image" src="http://www.liveondesign.com/wp-content/uploads/2009/11/AnimatedBackgroundImage.jpg" alt="Animated Background Image" width="560" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/26/fond-anime-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 tutoriels sur des diaporamas en javascript</title>
		<link>http://www.liveondesign.com/2009/11/20/30-tutoriels-sur-des-diaporamas-en-javascript/</link>
		<comments>http://www.liveondesign.com/2009/11/20/30-tutoriels-sur-des-diaporamas-en-javascript/#comments</comments>
		<pubDate>Fri, 20 Nov 2009 08:00:28 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[tutos]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1116</guid>
		<description><![CDATA[Queness propose une liste de 30 tutoriels sur des diaporamas en javascript (Mootools, Prototype et jQuery).]]></description>
			<content:encoded><![CDATA[<p>Queness propose une liste de 30 tutoriels sur des diaporamas en javascript (Mootools, Prototype et jQuery).</p>
<p><a title="30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials" href="http://www.queness.com/post/633/30-javascript-image-and-photo-galleriesmootool-prototype-jquery-and-tutorials" target="_blank"><img class="alignnone size-full wp-image-1115" title="30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials" src="http://www.liveondesign.com/wp-content/uploads/2009/11/queness-30js.jpg" alt="30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials" width="450" height="650" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/20/30-tutoriels-sur-des-diaporamas-en-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>15 diaporamas en jQuery</title>
		<link>http://www.liveondesign.com/2009/11/18/15-diaporama-en-jquery/</link>
		<comments>http://www.liveondesign.com/2009/11/18/15-diaporama-en-jquery/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 08:00:59 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1106</guid>
		<description><![CDATA[Web And Designers propose un article qui recense 15 diaporamas en jQuery.]]></description>
			<content:encoded><![CDATA[<p>Web And Designers propose un article qui recense 15 diaporamas en jQuery.</p>
<p><a title="Web And Designers" href="http://www.webanddesigners.com/15-jquery-slideshow-and-plugins" target="_blank"><img class="alignnone size-full wp-image-1107" title="Web And Designers" src="http://www.liveondesign.com/wp-content/uploads/2009/11/webAndDesigners.jpg" alt="Web And Designers" width="560" height="338" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/18/15-diaporama-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 diaporamas pour vous apprendre à coder avec jQuery</title>
		<link>http://www.liveondesign.com/2009/11/14/7-diaporamas-pour-vous-apprendre-a-coder-avec-jquery/</link>
		<comments>http://www.liveondesign.com/2009/11/14/7-diaporamas-pour-vous-apprendre-a-coder-avec-jquery/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 08:00:50 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tutos]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1091</guid>
		<description><![CDATA[Tutsvalley propose 7 diaporamas en Flash pour vous apprendre à coder avec jQuery.]]></description>
			<content:encoded><![CDATA[<p>Tutsvalley propose 7 diaporamas en Flash pour vous apprendre à coder avec jQuery.</p>
<p><a title="tutsvalley" href="http://tutsvalley.com/tutorials/7-amazing-presentation-slides-to-teach-you-how-to-code-with-jquery/" target="_blank"><img class="alignnone size-full wp-image-1092" title="tuts valley" src="http://www.liveondesign.com/wp-content/uploads/2009/11/tutsvalley.jpg" alt="tuts valley" width="560" height="469" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/14/7-diaporamas-pour-vous-apprendre-a-coder-avec-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un menu Apple en jQuery</title>
		<link>http://www.liveondesign.com/2009/11/03/un-menu-apple-en-jquery/</link>
		<comments>http://www.liveondesign.com/2009/11/03/un-menu-apple-en-jquery/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 07:00:43 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tutos]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=1047</guid>
		<description><![CDATA[Le site Kriesi propose un tutorial pour faire un menu à la Apple en jQuery. Voir le résultat final ici]]></description>
			<content:encoded><![CDATA[<p>Le site Kriesi propose un tutorial pour faire un menu à la Apple en jQuery. <a title="Kwicks Menu withj Query" href="http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html" target="_blank">Voir le résultat final ici</a></p>
<p><a title="Kwicks Menu with jQuery" href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery" target="_blank"><img class="alignnone size-full wp-image-1048" title="Kwicks Menu with jQuery" src="http://www.liveondesign.com/wp-content/uploads/2009/11/KwicksMenuwithjQuery.jpg" alt="Kwicks Menu with jQuery" width="500" height="40" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/11/03/un-menu-apple-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutoriaux pour jQuery</title>
		<link>http://www.liveondesign.com/2009/08/18/tutoriaux-pour-jquery/</link>
		<comments>http://www.liveondesign.com/2009/08/18/tutoriaux-pour-jquery/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 18:28:12 +0000</pubDate>
		<dc:creator>Axle</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.liveondesign.com/?p=686</guid>
		<description><![CDATA[Pour ceux qui veulent implémenter des fonctionnalités assez sympa et classe sur leurs sites, il existe plusieurs framework Javascript dont jQuery. Plusieurs tutos sont publiés ici. MAJ : Freshers Wisdom a eu la bonne idée de regrouper les adresses des meilleurs tutoriaux disponibles pour jQuery. Quelques exemples ci-dessous (cliquez sur les images pour accéder aux [...]]]></description>
			<content:encoded><![CDATA[<p>Pour ceux qui veulent implémenter des fonctionnalités assez sympa et classe sur leurs sites, il existe plusieurs framework Javascript dont <a title="Explication de jQuery" href="http://fr.wikipedia.org/wiki/JQuery" target="_blank">jQuery</a>. Plusieurs tutos sont publiés <a title="Tutoriaux jQuery" href="http://docs.jquery.com/Tutorials" target="_blank">ici</a>.</p>
<p><strong>MAJ :</strong> Freshers Wisdom a eu la bonne idée de regrouper les adresses des <a title="Best of jQuery Tutorials Collection" href="http://fresherswisdom.com/web-designing/146-web-programming/978-best-of-jquery-tutorials-collection.html" target="_blank">meilleurs tutoriaux disponibles pour jQuery</a>.</p>
<p>Quelques exemples ci-dessous (cliquez sur les images pour accéder aux tutoriaux) :</p>
<p><a title="Slide and hide section with jquery" href="http://www.webair.it/blog/2009/03/11/slide-and-hide-section-with-jquery/" target="_blank"><img class="alignnone size-full wp-image-687" title="Slide and hide section with jQuery" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex01.jpg" alt="Slide and hide section with jQuery" width="280" height="175" /></a><a title="Create a Slick and Accessible Slideshow Using jQuery" href="http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/" target="_blank"><img class="alignnone size-full wp-image-688" title="Create a Slick and Accessible Slideshow Using jQuery" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex02.jpg" alt="Create a Slick and Accessible Slideshow Using jQuery" width="280" height="175" /></a></p>
<p><a title="Create a stunning and smooth popup using jQuery" href="http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/" target="_blank"><img class="alignnone size-full wp-image-689" title="Create a stunning and smooth popup using jQuery" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex03.jpg" alt="Create a stunning and smooth popup using jQuery" width="280" height="175" /></a><a title="jQuery Tabbed Interface / Tabbed Structure Menu" href="http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial" target="_blank"><img class="alignnone size-full wp-image-690" title="jQuery Tabbed Interface / Tabbed Structure Menu" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex04.jpg" alt="jQuery Tabbed Interface / Tabbed Structure Menu" width="280" height="175" /></a></p>
<p><a title="Simple jQuery Modal Window Tutorial" href="http://www.queness.com/post/77/simple-jquery-modal-window-tutorial" target="_blank"><img class="alignnone size-full wp-image-691" title="Simple jQuery Modal Window" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex05.jpg" alt="Simple jQuery Modal Window" width="280" height="175" /></a><a title="Simple JQuery Image Slide Show with Semi-Transparent Caption" href="http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption" target="_blank"><img class="alignnone size-full wp-image-692" title="Simple JQuery Image Slide Show with Semi-Transparent Caption" src="http://www.liveondesign.com/wp-content/uploads/2009/08/ex06.jpg" alt="Simple JQuery Image Slide Show with Semi-Transparent Caption" width="280" height="175" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.liveondesign.com/2009/08/18/tutoriaux-pour-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

