<?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>voragine.net &#187; jQuery</title>
	<atom:link href="http://voragine.net/etiquetas/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://voragine.net</link>
	<description>Autonomía digital y tecnológica.</description>
	<lastBuildDate>Mon, 06 Feb 2012 16:55:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3-RC3-19589</generator>
		<item>
		<title>Galería mínima para imágenes, vídeos o textos, en jQuery</title>
		<link>http://voragine.net/weblogs/galeria-minima-para-imagenes-videos-o-textos-en-jquery</link>
		<comments>http://voragine.net/weblogs/galeria-minima-para-imagenes-videos-o-textos-en-jquery#comments</comments>
		<pubDate>Mon, 21 Nov 2011 18:39:06 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[fadeIn]]></category>
		<category><![CDATA[fadeOut]]></category>
		<category><![CDATA[galerías de imagenes]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=836</guid>
		<description><![CDATA[El siguiente script de jQuery añade una galería mínima, muy sencilla, que permite paginar contenido e ir accediendo a él mediante unas flechas de anterior y siguiente, con transición fadeIn-fadeOut.]]></description>
			<content:encoded><![CDATA[<p>El siguiente script de jQuery añade una galería mínima, muy sencilla, que permite paginar contenido e ir accediendo a él mediante unas flechas de anterior y siguiente, con transición fadeIn-fadeOut.</p>
<p>El DOM debe ser algo como lo que sigue:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;flus&quot;&gt;

  &lt;div class=&quot;part&quot;&gt;
   &lt;img src=&quot;http://url.de/la-imagen.png&quot; alt=&quot;Descripción de la imagen&quot; /&gt;
  &lt;/div&gt;&lt;!-- end .part --&gt;

  &lt;div class=&quot;part&quot;&gt;
   &lt;img src=&quot;http://url.de/la-imagen.png&quot; alt=&quot;Descripción de la imagen&quot; /&gt;
  &lt;/div&gt;&lt;!-- end .part --&gt;

  &lt;div class=&quot;part&quot;&gt;
   &lt;img src=&quot;http://url.de/la-imagen.png&quot; alt=&quot;Descripción de la imagen&quot; /&gt;
  &lt;/div&gt;&lt;!-- end .part --&gt;

&lt;/div&gt;&lt;!-- end #flus --&gt;
</pre>
<p>Ahora el script:</p>
<pre class="brush: jscript; title: ; notranslate">
// minimum jQuery gallery
$(document).ready(function(){
        $('#flus div.part').hide();
        $('#flus div.part:first').show().addClass('visto');
        var $curr = $('.visto');
        $('#flus').append('&lt;div class=&quot;flus-flechas&quot;&gt;&lt;span class=&quot;flus-flecha&quot; id=&quot;flus-prev&quot; title=&quot;P&amp;aacute;gina anterior&quot;&gt;&amp;laquo;&lt;/span&gt;&lt;span class=&quot;flus-flecha&quot; id=&quot;flus-next&quot; title=&quot;P&amp;aacute;gina siguiente&quot;&gt;&amp;raquo;&lt;/span&gt;&lt;/div&gt;');
        $('#flus-prev').click(function(){
                if ( $('#flus div.part:first').hasClass('visto') ) {
                } else {
                        $curr = $curr.prev();
                        $('.visto').fadeOut('100').removeClass('visto');
                        $curr.fadeIn('600').addClass('visto');
                }
        });
        $('#flus-next').click(function(){
                if ( $('#flus div.part:last').hasClass('visto') ) {
                } else {
                        $curr = $curr.next();
                        $('.visto').fadeOut('100').removeClass('visto');
                        $curr.fadeIn('600').addClass('visto');
                }
        });
});
</pre>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/galeria-minima-para-imagenes-videos-o-textos-en-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo desarrollar un tema para WordPress adaptado para móviles con jQuery Mobile</title>
		<link>http://voragine.net/wordpress/como-desarrollar-un-tema-para-wordpress-adaptado-para-moviles-con-jquery-mobile</link>
		<comments>http://voragine.net/wordpress/como-desarrollar-un-tema-para-wordpress-adaptado-para-moviles-con-jquery-mobile#comments</comments>
		<pubDate>Wed, 09 Feb 2011 15:13:18 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Breves]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Mobile]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=557</guid>
		<description><![CDATA[How to create a mobile WordPress theme with jQuery Mobile. «Last month, jQuery Mobile was released. This tool allows you to easily create mobile websites and web apps. In this tutorial, I’ll show you how to create a mobile-optimized WordPress theme.»]]></description>
			<content:encoded><![CDATA[<p><a title="How to create a mobile WordPress theme with jQuery Mobile -- Cats Who Code" href="http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile"><strong>How to create a mobile WordPress theme with jQuery Mobile</strong></a>. «Last month, jQuery Mobile was released. This tool allows you to easily create mobile websites and web apps. In this tutorial, I’ll show you how to create a mobile-optimized WordPress theme.»</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/wordpress/como-desarrollar-un-tema-para-wordpress-adaptado-para-moviles-con-jquery-mobile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recursos para empezar con jQuery</title>
		<link>http://voragine.net/weblogs/recursos-para-empezar-con-jquery</link>
		<comments>http://voragine.net/weblogs/recursos-para-empezar-con-jquery#comments</comments>
		<pubDate>Tue, 07 Jul 2009 10:05:00 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=254</guid>
		<description><![CDATA[<a title="jQuery Tutorials for Designers -- Web Designer Wall" href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/"><strong>jQuery tutorials for designers</strong></a>. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. <strong>/</strong> <a title=" 50+ Amazing Jquery Examples- Part1 -- N" href="http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html"><strong>50+ Amazing Jquery Examples</strong></a>. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. <strong>/</strong> <a title="Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content -- CSS Globe" href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><strong>Easy Slider</strong></a>. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por <a title="CSS Globe" href="http://cssglobe.com">CSS Globe</a>. <strong>/</strong> <a title="Easy Tooltip - jQuery plugin -- CSS Globe" href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin"><strong>Easy Tooltip</strong></a>. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.]]></description>
			<content:encoded><![CDATA[<p><a title="jQuery Tutorials for Designers -- Web Designer Wall" href="http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/"><strong>jQuery tutorials for designers</strong></a>. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú.</p>
<p><a title=" 50+ Amazing Jquery Examples- Part1 -- N" href="http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html"><strong>50+ Amazing Jquery Examples</strong></a>. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer.</p>
<p><a title="Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content -- CSS Globe" href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><strong>Easy Slider</strong></a>. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por <a title="CSS Globe" href="http://cssglobe.com">CSS Globe</a>.</p>
<p><a title="Easy Tooltip - jQuery plugin -- CSS Globe" href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin"><strong>Easy Tooltip</strong></a>. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/recursos-para-empezar-con-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

