<?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>Juan Benavides &#187; animaciones</title>
	<atom:link href="http://juanbenavides.info/tag/animaciones/feed/" rel="self" type="application/rss+xml" />
	<link>http://juanbenavides.info</link>
	<description>Anotaciones de un Geek</description>
	<lastBuildDate>Fri, 20 Aug 2010 16:08:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Fondos múltiples animados con CSS y Mootools</title>
		<link>http://juanbenavides.info/fondos-multiples-animados-con-css-y-mootools/2009/12/</link>
		<comments>http://juanbenavides.info/fondos-multiples-animados-con-css-y-mootools/2009/12/#comments</comments>
		<pubDate>Mon, 28 Dec 2009 07:13:59 +0000</pubDate>
		<dc:creator>Juan Benavides</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[animaciones]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://juanbenavides.info/?p=252</guid>
		<description><![CDATA[Visitando el sitio de Code and Theory quedé algo asombrado de lo que habían hecho con el encabezado. Una animación muy sutil, pero da un aire muy elegante al sitio. Así que me puse a tirar un poco de código para probar el rendimiento de una animación de ese tamaño -verán, yo la quería de [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://juanbenavides.info/wp-content/uploads/2009/12/letsrock.jpg" alt="" title="letsrock" width="700" height="418" class="alignnone size-full wp-image-253" /></p>
<p>Visitando el sitio de <a href="http://www.codeandtheory.com/">Code and Theory</a> quedé algo asombrado de lo que habían hecho con el encabezado. Una animación muy sutil, pero da un aire muy elegante al sitio. Así que me puse a tirar un poco de código para probar el rendimiento de una animación de ese tamaño -verán, yo la quería de fondo completo :D</p>
<p>He aquí el resultado: <a href="http://juanbenavides.info/experimentos/fondos-multiples/">demo</a>.</p>
<p>Evidentemente le hace falta detector de imagenes cargadas antes de cada animación. Lo resolví temporalmente con un hack pero solo probado en Firefox, en Opera hay que esperar la ronda de 18 segundos para que las imagenes queden en caché y la animación sea fluida.</p>
<p>Estoy en proceso de rediseñar algunos sitios y este es un efecto que quiero introducir más adelante, así que era necesario jugar un poco por ahora. El código completo <a href="http://juanbenavides.info/experimentos/fondos-multiples.rar">aquí</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://juanbenavides.info/fondos-multiples-animados-con-css-y-mootools/2009/12/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
