<?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>ZaRQuN.com - Blog sobre diseño grafico en general y curiosidades &#187; Programación</title>
	<atom:link href="http://www.zarqun.com/category/programacion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zarqun.com</link>
	<description>Blog sobre diseño grafico en general y curiosidades</description>
	<lastBuildDate>Fri, 03 Feb 2012 17:52:10 +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>elSelect &#8211; Customiza el elemento SELECT de tus formularios</title>
		<link>http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/</link>
		<comments>http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 10:22:54 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[javaScript]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3463</guid>
		<description><![CDATA[elSelect es una herramienta creada con MooTools (Framework web orientado a objetos para JavaScript) que te permitirá personalizar el elemento SELECT de tus formularios gracias a CSS. En su web te explicaran como instalarlo y usarlo., y de esa manera dar algo de diseño a esas flechas tan poco estéticas que salen por defecto. Si [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_3464" class="wp-caption aligncenter" style="width: 543px"><img class="size-full  " title="elSelect" src="http://www.zarqun.com/wp-content/uploads/2011/10/elSelect.jpg" alt="elSelect" width="533" height="153" /><p class="wp-caption-text">elSelect</p></div>
<p><strong>elSelect</strong> es una herramienta creada con MooTools (Framework web orientado a objetos para JavaScript) que te permitirá personalizar el elemento SELECT de tus formularios gracias a CSS.<br />
En su web te explicaran como instalarlo y usarlo., y de esa manera dar algo de diseño a esas flechas tan poco estéticas que salen por defecto. Si tienes conocimientos básicos de HTML y CSS no tendrás ningún tipo de problema y así poder tener unos formularios totalmente personalizados.</p>
<p><a href="http://www.cult-f.net/samples/elselect/" target="_blank"><strong>Ver un ejemplo</strong></a><br />
<a href="http://www.cult-f.net/elselect/" target="_blank"><strong>Visitar Web para descargar y más información</strong></a></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-2" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;title=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-2" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;title=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-2" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;title=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-2" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-2" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;title=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-2" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;title=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-2" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-2" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F10%2Felselect-customiza-el-elemento-select-de-tus-formularios%2F&amp;t=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-2" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F10%2Felselect-customiza-el-elemento-select-de-tus-formularios%2F&amp;text=elSelect%20-%20Customiza%20el%20elemento%20SELECT%20de%20tus%20formularios&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/10/elselect-customiza-el-elemento-select-de-tus-formularios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 increibles plantillas gratuitas en HTML5 y CSS3</title>
		<link>http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/</link>
		<comments>http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/#comments</comments>
		<pubDate>Wed, 28 Sep 2011 10:22:41 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Iconos]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3448</guid>
		<description><![CDATA[Estupendo recopilatorio de 10 plantillas en formato HTML5 y CSS3 el que comparte DJ Designer Lab, podréis personalizarlas a vuestro gusto y usarla en vuestros proyecto de forma totalmente gratuita. También os pueden servir para curiosear sus entrañas y así aprender de otros diseñadores web (esto es lo que haré yo ^^). Visitar &#8211; 10 [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><a href="http://djdesignerlab.com/2011/09/27/10-amazing-free-html5-and-css3-template/" target="_blank"><img class="size-full  " title="10 Amazing Free HTML5 and CSS3 Template" src="http://farm7.static.flickr.com/6159/6191281317_64e11157c0_z.jpg" alt="10 Amazing Free HTML5 and CSS3 Template" width="533" height="286" /></a><p class="wp-caption-text">10 Amazing Free HTML5 and CSS3 Template</p></div>
<p>Estupendo recopilatorio de 10 plantillas en formato HTML5 y CSS3 el que comparte DJ Designer Lab, podréis personalizarlas a vuestro gusto y usarla en vuestros proyecto de forma totalmente gratuita. También os pueden servir para curiosear sus entrañas y así aprender de otros diseñadores web (esto es lo que haré yo ^^).</p>
<p><strong>Visitar &#8211; <a href="http://djdesignerlab.com/2011/09/27/10-amazing-free-html5-and-css3-template/" target="_blank">10 Amazing Free HTML5 and CSS3 Template</a></strong></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-4" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;title=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-4" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;title=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-4" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;title=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-4" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-4" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;title=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-4" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;title=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-4" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%2010%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-4" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2F10-increibles-plantillas-gratuitas-en-html5-y-css3%2F&amp;t=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-4" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2F10-increibles-plantillas-gratuitas-en-html5-y-css3%2F&amp;text=10%20increibles%20plantillas%20gratuitas%20en%20HTML5%20y%20CSS3&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/09/10-increibles-plantillas-gratuitas-en-html5-y-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ultimate CSS Gradient Generator &#8211; Crea degradados con CSS</title>
		<link>http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/</link>
		<comments>http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 12:12:19 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[Web de Interes]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3390</guid>
		<description><![CDATA[Si hace unos días hablamos de una aplicación web para crear fondos para tu web usando un patrón mediante CSS3hoy os presento una aplicación web que os permitirá dotar a tus diseños de degradados sin necesidad de utilizar imágenes. Con Ultimate CSS Gradient Generator creareis gradientes mediante CSS por lo que lograreis mejores tiempos de [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><a href="http://www.colorzilla.com/gradient-editor/" target="_blank"><img class="size-full  " title="Ultimate CSS Gradient Generator" src="http://farm7.static.flickr.com/6210/6126473699_ef1649288a_z.jpg" alt="Ultimate CSS Gradient Generator" width="533" height="504" /></a><p class="wp-caption-text">Ultimate CSS Gradient Generator</p></div>
<p>Si hace unos días hablamos de una aplicación web para <a href="http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/" target="_blank">crear fondos para tu web usando un patrón mediante CSS3</a>hoy os presento una aplicación web que os permitirá dotar a tus diseños de degradados sin necesidad de utilizar imágenes. Con Ultimate CSS Gradient Generator creareis gradientes mediante CSS por lo que lograreis mejores tiempos de carga de vuestros sitios y reduciréis el tamaño de espacio usado en vuestro servidor.</p>
<p>Visitar &#8211; Ultimate CSS Gradient Generator</p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-6" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;title=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-6" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;title=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-6" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;title=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-6" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-6" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;title=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-6" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;title=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-6" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-6" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2Fultimate-css-gradient-generator-crea-degradados-con-css%2F&amp;t=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-6" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2Fultimate-css-gradient-generator-crea-degradados-con-css%2F&amp;text=Ultimate%20CSS%20Gradient%20Generator%20-%20Crea%20degradados%20con%20CSS&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/09/ultimate-css-gradient-generator-crea-degradados-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Patterns Gallery &#8211; Patrones para fondos web en CSS3</title>
		<link>http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/</link>
		<comments>http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/#comments</comments>
		<pubDate>Fri, 02 Sep 2011 17:22:31 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[Web de Interes]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3380</guid>
		<description><![CDATA[Buscando reducir el tiempo de carga y el número de peticiones que se realizan al servidor cuando en nuestra web tenemos un fondo creado con un patrón (pattern) basado en un gráfico (jpg, gif, png,&#8230;) Lea Verou ha creado una web donde comparte y recopila patrones en CSS3. Si deseas usar estos patrones en tus [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><a href="http://leaverou.me/css3patterns" target="_blank"><img class="size-full  " title="CSS3 Patterns Gallery" src="http://farm7.static.flickr.com/6187/6106727056_e16b0d4bf0_z.jpg" alt="CSS3 Patterns Gallery" width="533" height="354" /></a><p class="wp-caption-text">CSS3 Patterns Gallery</p></div>
<p>Buscando reducir el tiempo de carga y el número de peticiones que se realizan al servidor cuando en nuestra web tenemos un fondo creado con un patrón (pattern) basado en un gráfico (jpg, gif, png,&#8230;) <strong>Lea Verou</strong> ha creado una web donde comparte y recopila patrones en CSS3.<br />
Si deseas usar estos patrones en tus proyectos debes tener en cuenta que no todos los navegadores son compatibles y podrían no funcionar correctamente. Os dejo los navegadores compatibles por si deseáis probarlos: Firefox 3.6 +, Chrome, Safari 5.1, Opera 11.10 + y + IE10</p>
<p><strong>Visital &#8211; <a href="http://leaverou.me/css3patterns/" target="_blank">CSS3 Patterns Gallery</a></strong></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-8" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;title=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-8" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;title=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-8" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;title=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-8" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-8" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;title=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-8" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;title=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-8" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-8" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2Fcss3-patterns-gallery-patrones-para-fondos-web-en-css3%2F&amp;t=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-8" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F09%2Fcss3-patterns-gallery-patrones-para-fondos-web-en-css3%2F&amp;text=CSS3%20Patterns%20Gallery%20-%20Patrones%20para%20fondos%20web%20en%20CSS3&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/09/css3-patterns-gallery-patrones-para-fondos-web-en-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Skitter, un slideshows a tener en cuenta</title>
		<link>http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/</link>
		<comments>http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/#comments</comments>
		<pubDate>Tue, 24 May 2011 11:31:39 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3269</guid>
		<description><![CDATA[En la red podemos encontrar una infinidad de plugins (jquery) que nos permiten crear slideshows, pero como tengo por costumbre comparto los que realmente pienso que aportan algo interesante. Skitter ,pasa la criba, es un plugin diseñado para crear slideshows en unas pocas líneas de código y bastante personalizable a través de CSS, además de [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><a href="http://thiagosf.net/projects/jquery/skitter/" target="_blank"><img class="size-full  " title="Skitter - Slideshow for anytime!" src="http://farm3.static.flickr.com/2247/5754085527_7265efe51a_z.jpg" alt="Skitter - Slideshow for anytime!" width="533" height="371" /></a><p class="wp-caption-text">Skitter - Slideshow for anytime!</p></div>
<p>En la red podemos encontrar una infinidad de plugins (jquery) que nos permiten crear slideshows, pero como tengo por costumbre comparto los que realmente pienso que aportan algo interesante.</p>
<p><a href="http://thiagosf.net/projects/jquery/skitter/" target="_blank"><strong>Skitter</strong></a> ,pasa la criba, es un plugin diseñado para crear slideshows en unas pocas líneas de código y bastante personalizable a través de CSS, además de permitirnos modificar bastantes opciones como títulos, animación, intervalos o velocidad.</p>
<p><strong>Descargar &#8211; <a href="http://thiagosf.net/projects/jquery/skitter/" target="_blank">Skitter</a></strong></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-10" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;title=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-10" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;title=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-10" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;title=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-10" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-10" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;title=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-10" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;title=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-10" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-10" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F05%2Fskitter-un-slideshows-a-tener-en-cuenta%2F&amp;t=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-10" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F05%2Fskitter-un-slideshows-a-tener-en-cuenta%2F&amp;text=Skitter%2C%20un%20slideshows%20a%20tener%20en%20cuenta&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/05/skitter-un-slideshows-a-tener-en-cuenta/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Background Image Navigation con jQuery y CSS3</title>
		<link>http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/</link>
		<comments>http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 10:17:54 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=3199</guid>
		<description><![CDATA[Con el tutorial (inglés) que comparte Codrops vamos a crear una elegante interface con CSS3 y jQuery donde la imagen de fondo de la misma ira cambiando según pasemos el puntero del ratón por las diferentes secciones. El código para crear este background image slide es compatible con Google Chrome, Firefox, Opera, Safari, IE8, IE7 [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><img class="size-full " title="Beautiful Background Image Navigation with jQuery" src="http://farm6.static.flickr.com/5110/5573930754_d966bfe2e5_z.jpg" alt="Beautiful Background Image Navigation with jQuery" width="533" height="331" /><p class="wp-caption-text">Beautiful Background Image Navigation with jQuery</p></div>
<p>Con el tutorial (inglés) que comparte <a href="http://tympanus.net/codrops/2010/05/05/beautiful-background-image-navigation-with-jquery/" target="_blank"><strong>Codrops</strong></a> vamos a crear una elegante interface con CSS3 y jQuery donde la imagen de fondo de la misma ira cambiando según pasemos el puntero del ratón por las diferentes secciones.</p>
<p>El código para crear este background image slide es compatible con Google Chrome, Firefox, Opera, Safari, IE8, IE7 e incluso IE6.</p>
<p>Puedes <a title="Demo - Beautiful Background Image Navigation with jQuery" href="http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/" target="_blank"><strong>ver un demo del mismo</strong></a> y <a title="Archivos - Beautiful Background Image Navigation with jQuery" href="http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/BeautifulBackgroundImageNavigation.zip" target="_blank">bajarte todos los archivos</a> para usarlo en tu proyecto web.</p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-12" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;title=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-12" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;title=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-12" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;title=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-12" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-12" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;title=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-12" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;title=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-12" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-12" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2011%2F03%2Fbackground-image-navigation-con-jquery-y-css3%2F&amp;t=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-12" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2011%2F03%2Fbackground-image-navigation-con-jquery-y-css3%2F&amp;text=Background%20Image%20Navigation%20con%20jQuery%20y%20CSS3&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2011/03/background-image-navigation-con-jquery-y-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Choco-Slider &#8211; Un slider de imágenes muy liviano</title>
		<link>http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/</link>
		<comments>http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 18:14:16 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=2988</guid>
		<description><![CDATA[Choco-Slider es un dulce slider de imágenes de tan solo 7kb, que poseé varios efectos de transición y nos permite personalizar dimensiones, auto slide, retraso de tiempo de las transiciones, controles de anterior y siguiente y mucho más. Para descargar y ampliar la información os dejo su web que por cierto la encontramos en español. [...]]]></description>
			<content:encoded><![CDATA[<div><img class="size-full aligncenter" title="Choco-Slider" src="http://farm2.static.flickr.com/1398/5185189586_e753ce959a_z.jpg" alt="Choco-Slider" width="533" height="295" /></div>
<p><strong>Choco-Slider</strong> es un dulce slider de imágenes de tan solo 7kb, que poseé varios efectos de transición y nos permite personalizar dimensiones, auto slide, retraso de tiempo de las transiciones, controles de anterior y siguiente y mucho más.</p>
<p>Para descargar y ampliar la información os dejo <strong><a href="http://chocoslider.alandawi.com.ar/index.html" target="_blank">su web</a></strong> que por cierto la encontramos en español.</p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-14" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;title=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-14" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;title=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-14" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;title=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-14" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-14" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;title=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-14" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;title=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-14" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-14" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2010%2F11%2Fchoco-slider-un-slider-de-imagenes-muy-liviano%2F&amp;t=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-14" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2010%2F11%2Fchoco-slider-un-slider-de-imagenes-muy-liviano%2F&amp;text=Choco-Slider%20-%20Un%20slider%20de%20im%C3%A1genes%20muy%20liviano&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2010/11/choco-slider-un-slider-de-imagenes-muy-liviano/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crea un menú desplegable con CSS3</title>
		<link>http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/</link>
		<comments>http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/#comments</comments>
		<pubDate>Mon, 11 Oct 2010 15:53:08 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=2894</guid>
		<description><![CDATA[Desde el blog de webexpedition18.com comparten un simple y completo tutorial para realizar bajo CSS3 un menú desplegable. El menú desplegable sera creado sin la necesidad de utilizar JavaScript, ya que usa sólo propiedades CSS. Para ver una demostración de como quedaría el menu una vez finalizado el tutorial, pulsa este enlace. Si el resultado [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><img class="size-full " title="Menu desplegable en CSS3" src="http://farm5.static.flickr.com/4133/5072142962_0f73c79705_z.jpg" alt="Menu desplegable en CSS3" width="533" height="278" /><p class="wp-caption-text">Menu desplegable en CSS3</p></div>
<p>Desde el blog de webexpedition18.com comparten un simple y completo tutorial para realizar bajo CSS3 un menú desplegable. El menú desplegable sera creado sin la necesidad de utilizar JavaScript, ya que usa sólo propiedades CSS.</p>
<p>Para ver una demostración de como quedaría el menu una vez finalizado el tutorial, pulsa <a href="http://labs.simonedamico.com/projects/dropdown/" target="_blank"><strong>este enlace</strong></a>. Si el resultado es de tu agrado te dejo los <a href="http://webexpedition18.com/articles/how-to-create-a-simple-drop-down-menu-with-css3/" target="_blank"><strong>enlaces al tutorial</strong></a> (inglés) y a los <a href="http://labs.simonedamico.com/projects/dropdown/dropdown_menu_webexpedition18.zip" target="_blank"><strong>archivos fuentes</strong></a>.</p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-16" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;title=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-16" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;title=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-16" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;title=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-16" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-16" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;title=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-16" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;title=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-16" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-16" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2010%2F10%2Fcrea-un-menu-desplegable-con-css3%2F&amp;t=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-16" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2010%2F10%2Fcrea-un-menu-desplegable-con-css3%2F&amp;text=Crea%20un%20men%C3%BA%20desplegable%20con%20CSS3&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2010/10/crea-un-menu-desplegable-con-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Orbit &#8211; Un rotativo de imágenes (SliderShow) en jQuery</title>
		<link>http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/</link>
		<comments>http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/#comments</comments>
		<pubDate>Wed, 15 Sep 2010 17:03:38 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=2818</guid>
		<description><![CDATA[Orbit es un excelente pero a su vez simple y liviano pluging de jQuery que te permitirá mostrar un rotativo de imágenes (slideshow). Entre las opciones que podemos encontrar destacan: tipo de animación entre imágenes, tiempo entre una imagen y otra, habilitar/deshabilitar los botones de navegación &#8230; Conoce más y descarga Orbit. MeneameDivúlgameDivobloggerBitacorasRedditDeliciousGoogle BuzzFacebookTwitter]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><img class="size-full " title="Orbit: A Slick jQuery Image Slider Plugin" src="http://farm5.static.flickr.com/4154/4993635652_61c2000c15_z.jpg" alt="Orbit: A Slick jQuery Image Slider Plugin" width="533" height="265" /><p class="wp-caption-text">Orbit: A Slick jQuery Image Slider Plugin</p></div>
<p><strong>Orbit </strong>es un excelente pero a su vez simple y liviano pluging de jQuery que te permitirá mostrar un rotativo de imágenes (slideshow).<br />
Entre las opciones que podemos encontrar destacan: tipo de animación entre imágenes, tiempo entre una imagen y otra, habilitar/deshabilitar los botones de navegación &#8230;<br />
<a href="http://www.zurb.com/playground/jquery_image_slider_plugin" target="_blank"><strong>Conoce más y descarga Orbit.</strong></a></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-18" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;title=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-18" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;title=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-18" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;title=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-18" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-18" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;title=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-18" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;title=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-18" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-18" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2010%2F09%2Forbit-un-rotativo-de-imagenes-slidershow-en-jquery%2F&amp;t=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-18" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2010%2F09%2Forbit-un-rotativo-de-imagenes-slidershow-en-jquery%2F&amp;text=Orbit%20-%20Un%20rotativo%20de%20im%C3%A1genes%20%28SliderShow%29%20en%20jQuery%20&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2010/09/orbit-un-rotativo-de-imagenes-slidershow-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Da vida a tus tablas con CCS3</title>
		<link>http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/</link>
		<comments>http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/#comments</comments>
		<pubDate>Mon, 13 Sep 2010 08:55:55 +0000</pubDate>
		<dc:creator>Alexis</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[tablas]]></category>

		<guid isPermaLink="false">http://www.zarqun.com/?p=2809</guid>
		<description><![CDATA[Codrops nos facilita 3 ejemplos en CSS3 para dotar a tus tablas de mas fuerza y estilo. Lograremos gradientes sin necesidad de usar imágenes y mejorar todas las partes de la tabla. Para que te hagas una idea de lo que te ofrecen los códigos CSS que comparte Codrops visitar su Demo y si son [...]]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 543px"><img class="size-full " title="Mejora tus tablas con CSS3" src="http://tympanus.net/codrops/wp-content/uploads/2010/05/pimptables.jpg" alt="Mejora tus tablas con CSS3" width="533" height="289" /><p class="wp-caption-text">Mejora tus tablas con CSS3</p></div>
<p><strong>Codrops </strong> nos facilita <strong>3 ejemplos en CSS3</strong> para dotar a tus tablas de mas fuerza y estilo. Lograremos gradientes sin necesidad de usar imágenes y mejorar todas las partes de la tabla.<br />
Para que te hagas una idea de lo que te ofrecen los códigos CSS que comparte <strong>Codrops</strong> visitar su <a href="http://tympanus.net/Tutorials/CSS3Tables/" target="_blank"><strong>Demo</strong></a> y si son de tu agrado <strong><a href="http://tympanus.net/Tutorials/CSS3Tables/CSS3Tables.zip" target="_blank">Descargalos</a>.</strong></p>
<p><strong>Fuente: <a href="http://tympanus.net/codrops/2010/05/03/pimp-your-tables-with-css3/" target="_blank">Pimp Your Tables with CSS3</a></strong></p>

<div class="besocial"><ul class="center"><li><a class="besocial-meneame" id="besocial-meneame-20" rel="nofollow" href="http://www.meneame.net/submit.php?url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;title=Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Enviar la entrada a Meneame"><span class="besocial-text">Meneame</span></a></li><li><a class="besocial-divulgame" id="besocial-divulgame-20" rel="nofollow" href="http://www.divulgame.net/submit.php?url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;title=Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Enviar la entrada a Divúlgame"><span class="besocial-text">Divúlgame</span></a></li><li><a class="besocial-divoblogger" id="besocial-divoblogger-20" rel="nofollow" href="http://divoblogger.com/submit.php?url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;title=Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Enviar la entrada a Divoblogger"><span class="besocial-text">Divoblogger</span></a></li><li><a class="besocial-bitacoras" id="besocial-bitacoras-20" rel="nofollow" href="http://bitacoras.com/anotaciones/www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/" title="Enviar la entrada a Bitacoras.com"><span class="besocial-text">Bitacoras</span></a></li><li><a class="besocial-reddit" id="besocial-reddit-20" rel="nofollow" href="http://www.reddit.com/submit?url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;title=Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Enviar la entrada a Reddit"><span class="besocial-text">Reddit</span></a></li><li><a class="besocial-delicious" id="besocial-delicious-20" rel="nofollow" href="http://www.delicious.com/save?v=5&amp;noui&amp;url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;title=Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Guardar la entrada en Delicious"><span class="besocial-text">Delicious</span></a></li><li><a class="besocial-buzz" id="besocial-buzz-20" rel="nofollow" href="http://www.google.com/buzz/post?url=http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/&amp;message=ZaRQuN.com%20-%20Blog%20sobre%20dise%C3%B1o%20grafico%20en%20general%20y%20curiosidades%3A%20Da%20vida%20a%20tus%20tablas%20con%20CCS3" title="Compartir la entrada en Google Buzz"><span class="besocial-text">Google Buzz</span></a></li><li><a class="besocial-facebook" id="besocial-facebook-20" rel="nofollow" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zarqun.com%2F2010%2F09%2Fda-vida-a-tus-tablas-con-ccs3%2F&amp;t=Da%20vida%20a%20tus%20tablas%20con%20CCS3&amp;src=sp" title="Compartir la entrada en Facebook"><span class="besocial-text">Facebook</span></a></li><li><a class="besocial-twitter" id="besocial-twitter-20" rel="nofollow" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zarqun.com%2F2010%2F09%2Fda-vida-a-tus-tablas-con-ccs3%2F&amp;text=Da%20vida%20a%20tus%20tablas%20con%20CCS3&via=" title="Twittea esto"><span class="besocial-text">Twitter</span></a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.zarqun.com/2010/09/da-vida-a-tus-tablas-con-ccs3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

