<?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>Javascript &#38; Webdesign &#187; Fading</title>
	<atom:link href="http://js4design.com/tag/fading/feed" rel="self" type="application/rss+xml" />
	<link>http://js4design.com</link>
	<description>Les meilleures ressources Javascript pour développeurs web front-end (et quelques questions que je me pose)</description>
	<lastBuildDate>Wed, 04 Jan 2012 14:52:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://js4design.com/?pushpress=hub'/>
		<item>
		<title>Effets « lightbox » CSS &amp; Javascript sans framework</title>
		<link>http://js4design.com/effets-%c2%ab-lightbox-%c2%bb-css-javascript-sans-framework-141</link>
		<comments>http://js4design.com/effets-%c2%ab-lightbox-%c2%bb-css-javascript-sans-framework-141#comments</comments>
		<pubDate>Wed, 03 Mar 2010 10:06:12 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Helper CSS]]></category>
		<category><![CDATA[Fading]]></category>
		<category><![CDATA[Fenêtre modale]]></category>
		<category><![CDATA[Lightbox]]></category>

		<guid isPermaLink="false">http://www.js4design.com/?p=141</guid>
		<description><![CDATA[Effets lightbox sans framework &#8212; L&#8217;ouverture de nouvelles fenêtres popup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS  et comportant, une fois n&#8217;est pas coutume, du Javascript intrusif pour réaliser une lightbox pour présenter des images, un contenu dynamique, un formulaire avec effet de fading tout [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fjs4design.com%2Feffets-%25c2%25ab-lightbox-%25c2%25bb-css-javascript-sans-framework-141">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fjs4design.com%2Feffets-%25c2%25ab-lightbox-%25c2%25bb-css-javascript-sans-framework-141&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><a href="http://www.xul.fr/ecmascript/lightbox.html">Effets lightbox sans framework</a> &#8212; L&#8217;ouverture de nouvelles fenêtres <em>popup</em> a progressivement laisser la place aux effets <em>lightbox</em>. Voici plusieurs  solutions simples à base de HTML, CSS  et comportant, une fois n&#8217;est pas coutume, du Javascript intrusif pour réaliser <q cite="http://www.xul.fr/ecmascript/lightbox.html">une lightbox pour <a href="http://www.xul.fr/ecmascript/lightbox-image.html">présenter des images</a>, un <a href="http://www.xul.fr/ecmascript/lightbox-dynamique.html">contenu dynamique</a>,<a href="http://www.xul.fr/ecmascript/lightbox-formulaire.html"> un formulaire avec effet de fading</a> tout en assombrissant le reste de la page. Sans framework Ajax, avec quelques lignes de code. Scripts testés avec Internet Explorer, Firefox, Chrome, Opera, Safari et Konqueror.</q></p>
]]></content:encoded>
			<wfw:commentRss>http://js4design.com/effets-%c2%ab-lightbox-%c2%bb-css-javascript-sans-framework-141/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Slick Page Transition &#8212; Effet de transition (fading) entre les pages d&#8217;un site</title>
		<link>http://js4design.com/slick-page-transition-effet-de-transition-fading-entre-les-pages-dun-site-577</link>
		<comments>http://js4design.com/slick-page-transition-effet-de-transition-fading-entre-les-pages-dun-site-577#comments</comments>
		<pubDate>Sat, 27 Feb 2010 01:00:04 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Revue de Web]]></category>
		<category><![CDATA[Effet]]></category>
		<category><![CDATA[Fading]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Transition]]></category>

		<guid isPermaLink="false">http://www.js4design.com/?p=577</guid>
		<description><![CDATA[Slick Page Transition est un script jQuery (à placer dans votre fichier Javascript global.js ou fonctions.js, etc.) qui produit un effet de fading lorsqu&#8217;on passe d&#8217;une page à une autre. L&#8217;effet peut s&#8217;appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fjs4design.com%2Fslick-page-transition-effet-de-transition-fading-entre-les-pages-dun-site-577">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fjs4design.com%2Fslick-page-transition-effet-de-transition-fading-entre-les-pages-dun-site-577&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><a href="http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/">Slick Page Transition</a> est un script jQuery (à placer dans votre fichier Javascript <em>global.js</em> ou <em>fonctions.js,</em> etc.) qui produit un effet de <em>fading</em> lorsqu&#8217;on passe d&#8217;une page à une autre. L&#8217;effet peut s&#8217;appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre balise html pour qu&#8217;elle s&#8217;harmonise avec l&#8217;effet de transition. Voir <a href="http://www.onextrapixel.com/examples/jquery-page-transitions/index.html">la démonstration</a>.<span id="more-577"></span></p>

<p>Ce qui est drôle, c&#8217;est que j&#8217;avais déjà vu cet effet dans les années 2000 : il était produit avec le logiciel FrontPage de Microsoft&#8230; Avec jQuery, ça claque quand même un peu mieux, non ? ;)</p>

<p>Via <a href="http://blog.remi-garcia.com/2010/javascript-jquery-ajax/faire-de-jolies-transitions-entre-ses-pages-en-jquery/">Rémi Garcia</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://js4design.com/slick-page-transition-effet-de-transition-fading-entre-les-pages-dun-site-577/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: js4design.com @ 2012-02-10 02:46:28 -->
