<?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>Desarrollo web &#187; inspiración</title>
	<atom:link href="http://www.proyecto-f.net/category/inspiracion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.proyecto-f.net</link>
	<description>javascript, jquery, css, php y adobe premiere</description>
	<lastBuildDate>Tue, 13 Apr 2010 05:32:22 +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>Scrolling Background Effect</title>
		<link>http://www.proyecto-f.net/2009/07/scrolling-background-effect/</link>
		<comments>http://www.proyecto-f.net/2009/07/scrolling-background-effect/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:24:57 +0000</pubDate>
		<dc:creator>flmn</dc:creator>
				<category><![CDATA[inspiración]]></category>
		<category><![CDATA[efecto]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.proyecto-f.net/?p=380</guid>
		<description><![CDATA[El efecto de cabecera de youlove.us es uno de los más bonitos que he visto últimamente.

La técnica usada es de lo más simple, una imagen de 4000px de alto deslizándose por detrás de un png con fondo transparente. El fondo lo mueven mediante jquery acompañado del plugin backgroundposition.js de Alexander Farkas.
En el blog de la [...]]]></description>
			<content:encoded><![CDATA[<p>El efecto de cabecera de <a title="youlove us" href="http://www.youlove.us">youlove.us</a> es uno de los más bonitos que he visto últimamente.</p>
<p><img class="aligncenter size-medium wp-image-382" title="scrolling-background" src="http://www.proyecto-f.net/wp-content/uploads/2009/07/scrolling-background-300x123.jpg" alt="scrolling-background" width="300" height="123" /></p>
<p>La técnica usada es de lo más simple, una imagen de 4000px de alto deslizándose por detrás de un png con fondo transparente. El fondo lo mueven mediante jquery acompañado del plugin backgroundposition.js de Alexander Farkas.</p>
<p>En el <a title="explicación del efecto de cabecera" href="http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained">blog</a> de la página encontramos un artículo donde comparten y explican el código javascript.</p>
<p>Si habéis seguido el videotutorial &#8220;efecto zoom con jquery&#8221; no tendréis ningún problema para entenderlo, hace uso de la propiedad background-position de css para crear la animación.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.proyecto-f.net/2009/07/scrolling-background-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

