<?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; galerías de imagenes</title>
	<atom:link href="http://voragine.net/etiquetas/galerias-de-imagenes/feed" rel="self" type="application/rss+xml" />
	<link>http://voragine.net</link>
	<description>Autonomía digital y tecnológica.</description>
	<lastBuildDate>Fri, 04 May 2012 17:37:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</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>Cerrando pestañas de diseño en el navegador</title>
		<link>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador</link>
		<comments>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador#comments</comments>
		<pubDate>Tue, 17 Feb 2009 14:00:19 +0000</pubDate>
		<dc:creator>skotperez</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[frameworks]]></category>
		<category><![CDATA[galerías de imagenes]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://voragine.net/?p=188</guid>
		<description><![CDATA[Recopilación de enlaces sobre diseño web que llevaban demasiado tiempo abiertos en mi navegador.]]></description>
			<content:encoded><![CDATA[<p><strong><a title="Las 10 leyes de Jorge para el diseño y desarrollo web -- CSS Lab" href="http://www.csslab.cl/2009/02/12/las-10-leyes-de-jorge-para-el-diseno-y-desarrollo-web/">Las 10 leyes de Jorge para el diseño y desarrollo web</a></strong>. Estoy de acuerdo con todas, excepto una: <em>No te asustes en hacer un sitio pesado.</em></p>
<p><a title=" 17 Best Javascript Image Galleries -- valums.com" href="http://valums.com/javascript-image-galleries/"><strong>Las 17 mejores galerías de imágenes en Javascript</strong></a> (inglés). Clasificadas en galerías hechas con <a title="JQuery" href="http://jquery.com/">JQuery</a> y <a title="A compact javascript framework" href="http://mootools.net/">MooTools</a>.</p>
<p><strong><a title=" 5 Popular CSS Frameworks + Tutorials &amp; Tools for Getting Started -- noupe" href="http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html">5 entornos de diseño web para no empezar de cero con CSS</a></strong> (inglés). Incluye tutoriales sobre frameworks y un interesante artículo sobre los  <a title="What Are The Benefits of Using a CSS Framework? -- css-tricks.com" href="http://css-tricks.com/what-are-the-benefits-of-using-a-css-framework/">pros y los contras de empezar una web a partir de framework</a>, en vez de empezar de cero.</p>
<p><strong><a title="26 Essential Firefox Add-ons for Web Designers -- instantshift.com" href="http://www.instantshift.com/2009/01/25/26-essential-firefox-add-ons-for-web-designers/">26 extensiones esenciales para diseñadores web</a></strong> (inglés). Para mí, la más esencial de todas es <a title="Firebug" href="http://getfirebug.com/">Firebug</a>.</p>
<p><strong><a title="40+ “Must see” CSS Tools -- Web Air Blog" href="http://www.webair.it/blog/2009/02/09/40-must-see-css-tools/">Más de 40 herramientas para CSS que deberías ver</a></strong> (inglés).</p>
<p><strong><a title="10 Web Typography Rules Every Designer Should Know -- web designer depot" href="http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/">Diez reglas tipográficas para la web que todo diseñador debería conocer</a></strong> (inglés).</p>
]]></content:encoded>
			<wfw:commentRss>http://voragine.net/weblogs/cerrando-pestanas-de-diseno-en-el-navegador/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

