<?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>DesdeGuate.com &#187; CSS</title>
	<atom:link href="http://desdeguate.com/blog/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://desdeguate.com</link>
	<description>Tecnología, Actualidad, Diseño, Calores</description>
	<lastBuildDate>Thu, 07 Apr 2011 13:50:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>El Dock de Mac OS X hecho con JQuery y CSS</title>
		<link>http://desdeguate.com/blog/2007/05/10/el-dock-de-mac-os-x-hecho-con-jquery-y-css/</link>
		<comments>http://desdeguate.com/blog/2007/05/10/el-dock-de-mac-os-x-hecho-con-jquery-y-css/#comments</comments>
		<pubDate>Thu, 10 May 2007 06:14:48 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://desdeguate.com/blog/2007/05/10/el-dock-de-mac-os-x-hecho-con-jquery-y-css/</guid>
		<description><![CDATA[Un interesante experimento , es una emulación del dock del Mac OS X, pero para Web utilizando JQuery y CSS Se puede descargar e instalarlo en tu propia página, acá están las instrucciones y por acá el demo. Obviamente se puede instalar en un blog, y que mejor que en uno con el iTheme del [...]]]></description>
			<content:encoded><![CDATA[<p>Un interesante experimento <img src='http://desdeguate.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> , es una emulación del dock del Mac OS X, pero para Web utilizando <a href="http://jquery.com/">JQuery</a> y CSS</p>
<p><img id="image1415" width="475" class="c" src="http://desdeguate.com/wp-content/uploads/2007/05/css-dock-menu.jpg" alt="Doc de Mac OS X en Web con JQuery y CSS" /></p>
<p>Se puede descargar e instalarlo en tu propia página, <a href="http://www.ndesign-studio.com/blog/mac/css-dock-menu">acá están las instrucciones</a> y por acá <a href="http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html">el demo</a>.</p>
<p>Obviamente se puede instalar en un blog, y que mejor que en uno con el <a href="http://www.ndesign-studio.com/resources/wp-themes/itheme/">iTheme</a> del mismo creador y con gráficos al estilo Mac!.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2007/05/10/el-dock-de-mac-os-x-hecho-con-jquery-y-css/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	<enclosure url="http://desdeguate.com/wp-content/uploads/2007/05/css-dock-menu.jpg" length="16326" type="image/jpg" />	</item>
		<item>
		<title>Inspiración para los Pies de Página de tu sitio</title>
		<link>http://desdeguate.com/blog/2007/03/25/inspiracion-para-los-pies-de-pagina-de-tu-sitio/</link>
		<comments>http://desdeguate.com/blog/2007/03/25/inspiracion-para-los-pies-de-pagina-de-tu-sitio/#comments</comments>
		<pubDate>Mon, 26 Mar 2007 04:02:55 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://desdeguate.com/blog/2007/03/25/inspiracion-para-los-pies-de-pagina-de-tu-sitio/</guid>
		<description><![CDATA[SiRGt me envió un enlace en SEOmoz para inspirarse, son diseños de 19 footers, o piés de página, que escogieron como magníficos y que pueden servir para .tomar alguna idea. Regularmente el footer es un elemento del que no se le saca mucho provecho (como yo ) pero caería bien un cambio de diseño así [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sirgt.chapinware.com/">SiRGt</a> me envió un <a href="http://www.seomoz.org/blog/put-your-best-foot-forward">enlace en SEOmoz</a> para inspirarse, son <strong>diseños de 19 footers</strong>, o piés de página, que escogieron como <em>magníficos</em> y que pueden servir para .tomar alguna idea.</p>
<p><img id="image1363" src="http://desdeguate.com/wp-content/uploads/2007/03/ejemplo-css-pie-pagina.png" class="c" alt="Ejemplo de un Pie de Pagina" /></p>
<p>Regularmente el footer es un elemento del que no se le saca mucho provecho (como yo <img src='http://desdeguate.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> ) pero caería bien un cambio de diseño así que con éste enlace tenemos <img src='http://desdeguate.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2007/03/25/inspiracion-para-los-pies-de-pagina-de-tu-sitio/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<enclosure url="http://desdeguate.com/wp-content/uploads/2007/03/ejemplo-css-pie-pagina.png" length="455014" type="image/jpg" />	</item>
		<item>
		<title>Cambiando tu diseño según la hora</title>
		<link>http://desdeguate.com/blog/2007/03/23/cambiando-tu-diseno-segun-la-hora/</link>
		<comments>http://desdeguate.com/blog/2007/03/23/cambiando-tu-diseno-segun-la-hora/#comments</comments>
		<pubDate>Fri, 23 Mar 2007 06:18:55 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://desdeguate.com/blog/2007/03/23/cambiando-tu-diseno-segun-la-hora/</guid>
		<description><![CDATA[Otro interesante uso del CSS aunque con ayuda de Javascript, y se trata de mostrarle al visitante un diseño diferente según la hora en que ingrese. Las imágenes de la derecha muestran 3 variantes que el autor hizo, pero en realidad usa 6 diseños y la misma cantidad de archivos css, el código mágico es [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image1356" src="http://desdeguate.com/wp-content/uploads/2007/03/diseno-css-segun-horario.gif" class="d" alt="Diseños basados en CSS según el horario " />Otro interesante uso del <strong>CSS</strong> aunque con ayuda de Javascript, y se trata de mostrarle al visitante un diseño diferente según la hora en que ingrese.</p>
<p>Las imágenes de la derecha muestran 3 variantes que <a href="http://www.katgal.com">el autor</a> hizo, pero en realidad usa 6 diseños y la misma cantidad de archivos css, el código mágico es éste:</p>
<p><code>< script LANGUAGE = "JavaScript" ><br />
<!-- Begin<br />
function getCSS()<br />
{<br />
 datetoday = new Date();<br />
 timenow=datetoday.getTime();<br />
 datetoday.setTime(timenow);<br />
 thehour = datetoday.getHours();</p>
<p> if (thehour > 20)<br />
  display = "tree_twilight.css";<br />
   else if (thehour > 17)<br />
  display = "tree_sunset.css";<br />
 else if (thehour > 14)<br />
  display = "tree_afternoon.css";<br />
 else if (thehour > 11)<br />
  display = "tree_noon.css";<br />
 else if (thehour > 7)<br />
  display = "tree_morning.css";<br />
 else if (thehour > 4)<br />
  display = "tree_sunrise.css";<br />
 else if (thehour > 1)<br />
  display = "tree_twilight.css";<br />
 else<br />
  display = "tree_sunset.css";</p>
<p> var css = '< ';  css+='link rel="stylesheet" href=' + display + ' \/';  css+='>';</p>
<p> document.write(css);<br />
// End --><br />
}</p>
<p>< script language ="javascript">getCSS();< /script ></code></p>
<p>Vean el <a href="http://www.katgal.com/2007/03/time-sensitive-css-switcher-change.html">post original para más información</a>, hay algunos bugs con Internet Explorer (solucionables) y además está un ejemplo del código que detecta la hora y escribe el css, pero hecho en <strong>PHP</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2007/03/23/cambiando-tu-diseno-segun-la-hora/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
	<enclosure url="http://desdeguate.com/wp-content/uploads/2007/03/diseno-css-segun-horario.gif" length="16097" type="image/jpg" />	</item>
		<item>
		<title>Generador de Esquinas Redondeadas</title>
		<link>http://desdeguate.com/blog/2007/02/26/generador-de-esquinas-redondeadas/</link>
		<comments>http://desdeguate.com/blog/2007/02/26/generador-de-esquinas-redondeadas/#comments</comments>
		<pubDate>Mon, 26 Feb 2007 21:45:50 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://desdeguate.com/blog/2007/02/26/generador-de-esquinas-redondeadas/</guid>
		<description><![CDATA[Corner Shop se llama este servicio que nos genera las imágenes de esquinas redondeadas para nuestros diseños. Solo se le ingresan los valores de colores de las imágenes, color de fondo y tamaño, e inmediatamente genera los archivos en formato GIF pero además nos brinda el CSS y HTML listo para pegar a nuestro sitio.]]></description>
			<content:encoded><![CDATA[<p><img id="image1321" src="http://desdeguate.com/wp-content/uploads/2007/02/esquinas-redondeadas-css.gif" class="d" alt="Ejemplo esquinas redondeadas" /><a href="http://wigflip.com/cornershop/">Corner Shop</a> se llama este servicio que nos genera las imágenes de esquinas redondeadas para nuestros diseños.</p>
<p>Solo se le ingresan los valores de colores de las imágenes, color de fondo y tamaño, e inmediatamente genera los archivos en formato GIF pero además nos brinda el CSS y HTML listo para pegar a nuestro sitio.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2007/02/26/generador-de-esquinas-redondeadas/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	<enclosure url="http://desdeguate.com/wp-content/uploads/2007/02/esquinas-redondeadas-css.gif" length="554" type="image/jpg" />	</item>
		<item>
		<title>De XHTML/CSS a Tema de WordPress</title>
		<link>http://desdeguate.com/blog/2006/10/05/de-xhtmlcss-a-tema-de-wordpress/</link>
		<comments>http://desdeguate.com/blog/2006/10/05/de-xhtmlcss-a-tema-de-wordpress/#comments</comments>
		<pubDate>Thu, 05 Oct 2006 07:39:53 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/10/05/de-xhtmlcss-a-tema-de-wordpress/</guid>
		<description><![CDATA[ThemesPress promete por solo $10, Convertir cualquier diseño que tengamos en HTML/CSS directamente a un tema para WordPress listo para usar. El procedimiento es el siguiente: Se suben las imágenes del diseño Se copia el HTML y CSS completo, modificando algunas etiquetas Se configuran algunas opciones de visualización y Listo! El servicio se puede probar [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.themespress.com/">ThemesPress</a> promete por solo $10, Convertir cualquier diseño que tengamos en HTML/CSS directamente a un tema para <a href="http://www.wordpress.org">WordPress</a> listo para usar.</p>
<p>El procedimiento es el siguiente:</p>
<ol>
<li>Se suben las imágenes del diseño</li>
<li>Se copia el HTML y CSS completo, modificando algunas etiquetas </li>
<li>Se configuran algunas opciones de visualización y Listo!</li>
</ol>
<p>El servicio se puede <a href="http://www.themespress.com">probar gratis</a> antes de usarlo, no lo he hecho aún pero la idea es interesante.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/10/05/de-xhtmlcss-a-tema-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Diseño</title>
		<link>http://desdeguate.com/blog/2006/06/27/diseno-4/</link>
		<comments>http://desdeguate.com/blog/2006/06/27/diseno-4/#comments</comments>
		<pubDate>Tue, 27 Jun 2006 23:10:36 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[mini-links]]></category>
		<category><![CDATA[Para Leer]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/06/27/diseno-4/</guid>
		<description><![CDATA[10 Errores comunes en CSS. Algunos aportes interesantes para leer.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tufuncion.com/errores_css">10 Errores comunes en CSS</a>. Algunos aportes interesantes para leer.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/06/27/diseno-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slashdot convoca a concurso para Rediseñar su CSS</title>
		<link>http://desdeguate.com/blog/2006/04/27/slashdot-convoca-a-concurso-para-redisenar-su-css/</link>
		<comments>http://desdeguate.com/blog/2006/04/27/slashdot-convoca-a-concurso-para-redisenar-su-css/#comments</comments>
		<pubDate>Thu, 27 Apr 2006 20:25:32 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/?p=736</guid>
		<description><![CDATA[Por fin Slashdot piensa en cambiar el look de su sitio, y para ello convocó a un concurso rediseñando todo en base al CSS. ¿El premio? El ganador puede escojer una MacBook Pro o una Alienware de hasta $4,500!!!. Copio y Pego de Fayerwayer un resúmen de las bases del concurso: Tratar de no modificar [...]]]></description>
			<content:encoded><![CDATA[<p>Por fin <a href="http://www.slashdot.org/">Slashdot</a> piensa en cambiar el look de su sitio, y para ello convocó a un concurso rediseñando todo en base al CSS.</p>
<p>¿El premio? El ganador puede escojer una <a href="http://www.apple.com/macbookpro/">MacBook Pro</a> o una <a href="http://www.alienware">Alienware</a> de hasta $4,500!!!.</p>
<p>Copio y Pego de <a href="http://www.fayerwayer.com/archivo/2006/04/concurso_residena_el_css_de_slashdo.php">Fayerwayer</a> un resúmen de las bases del concurso:</p>
<ul>
<li>Tratar de no modificar el HTML del sitio, o sea básicamente que sea reemplazar el CSS actual por el nuevo y que todo funcione (mantener los selectores, en el fondo).</li>
<li>Que funcione en todos los navegadores, y que ojalá se vea idéntico en todos.</li>
<li>Mantener todos los elementos del sitio que actualmente están.</li>
<li>Que no le implique a Slashdot meter más información ni módulos (aunque dicen que están dispuestos a agregar cosas nuevas si lo amerita).</li>
<li>Hacer uso de los íconos actuales del sitio (GIFs de fondo blanco), ya que tienen más de 150 y parecen no querer cambiarlos, al menos por ahora.</li>
<li>Que sea liviano.</li>
<li>Mantener la línea del sitio actual de Slashdot (por ejemplo el verde clásico #006666).</li>
<li>Que sea fácil implementar el diseño en las distintas páginas del sitio.</li>
</ul>
<p>¿Ya era hora de un rediseño no?</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/04/27/slashdot-convoca-a-concurso-para-redisenar-su-css/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Cómo hacer un tema para WordPress</title>
		<link>http://desdeguate.com/blog/2006/04/21/como-hacer-un-tema-propio-para-wordpress/</link>
		<comments>http://desdeguate.com/blog/2006/04/21/como-hacer-un-tema-propio-para-wordpress/#comments</comments>
		<pubDate>Fri, 21 Apr 2006 16:57:38 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Para Leer]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/04/21/como-hacer-un-tema-para-wordpress/</guid>
		<description><![CDATA[En 512Megas encontré un manual bastante completo para Hacer tu propio tema para WordPress. Está muy bien elaborado en una serie de 3 partes, ( I, II, III ), explicando paso a paso como crear el tema totalmente desde Cero!, por lo que se recomienda conocer a fondo HTML, CSS y PHP. Y como la [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.desdeguate.com/blog/wp-content/blog/Abril/como-crear-un-tema-wordpress.gif" width="450" height="219" alt="Estructura de Archivos de un Tema en WordPress" title="Estructura de Archivos de un Tema en WordPress" /></p>
<p>En <a href="http://www.512megas.com">512Megas</a> encontré un <a href="http://www.512megas.com/2006/04/04/how-to-hacer-un-tema-para-wordpress-i/">manual</a> bastante completo para Hacer tu propio tema para <a href="http://www.wordpress.org">WordPress</a>.</p>
<p>Está muy bien elaborado en una serie de 3 partes, ( <a href="http://www.512megas.com/2006/04/04/how-to-hacer-un-tema-para-wordpress-i/">I</a>, <a href="http://www.512megas.com/2006/04/14/how-to-hacer-un-tema-para-wordpress-ii/">II</a>, <a href="http://www.512megas.com/2006/04/21/how-to-hacer-un-tema-para-wordpress-iii/">III</a> ), explicando paso a paso como crear el tema totalmente desde Cero!, por lo que se recomienda conocer a fondo HTML, CSS y PHP.</p>
<p>Y como la vida da sorpresas, sorpresas da la vida, me topé también con otro <a href="http://www.16bits.net/archivos/como-crear-tu-propio-tema-para-wordpress-parte-1/">manual elaborado en dieciseis bits</a>, y otro más completo en el blog <a href="http://www.faq-mac.com/bitacoras/mmm/">MMM</a>, que también está dividido en 3 partes ( <a href="http://www.faq-mac.com/bitacoras/mmm/?p=73">I</a>, <a href="http://www.faq-mac.com/bitacoras/mmm/?p=75">II</a>, <a href="http://www.faq-mac.com/bitacoras/mmm/?p=76">III</a> ).</p>
<p><strong>Actualización:</strong> <a href="http://www.anieto2k.com/">anieto2k</a> también tiene unos excelentes manuales para crear temas de WordPress. (<a href="http://www.anieto2k.com/2006/01/28/cronicas-de-la-creacion-de-un-theme-i/" ><strong>I</strong></a>, <a href="http://www.anieto2k.com/2006/02/01/cronicas-de-la-creacion-de-un-theme-ii/" ><strong>II</strong></a>, <a href="http://www.anieto2k.com/2006/02/03/cronicas-de-la-creacion-de-un-theme-iii/" ><strong>III</strong></a>, <a href="http://www.anieto2k.com/2006/02/05/cronicas-de-la-creacion-de-un-theme-iv/" ><strong>IV</strong></a>, <a href="http://www.anieto2k.com/2006/02/07/cronicas-de-la-creacion-de-un-theme-v/" ><strong>V</strong></a>) (Gracias <a href="http://www.la100rra.com.mx/qwilm/">LA100RRA</a>).</p>
<p>Se acerca el fin de semana así que a leer! <img src='http://desdeguate.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/04/21/como-hacer-un-tema-propio-para-wordpress/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Diseño</title>
		<link>http://desdeguate.com/blog/2006/03/23/diseno-css-tweak-optimizacion-css/</link>
		<comments>http://desdeguate.com/blog/2006/03/23/diseno-css-tweak-optimizacion-css/#comments</comments>
		<pubDate>Thu, 23 Mar 2006 16:17:22 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[mini-links]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/03/23/diseno-3/</guid>
		<description><![CDATA[CSS Tweak. Es una herramienta que toma un archivo CSS y optimiza la Sintáxis, agrupa las declaraciones lo menor posible, remueve comentarios y elimina espacios en blanco para mayor compresión. ¿Está completito no?.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cssdev.com/csstweak/">CSS Tweak</a>. Es una herramienta que toma un archivo CSS y optimiza la Sintáxis, agrupa las declaraciones lo menor posible, remueve comentarios y elimina espacios en blanco para mayor compresión. ¿Está completito no?.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/03/23/diseno-css-tweak-optimizacion-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseñador de Menús en CSS</title>
		<link>http://desdeguate.com/blog/2006/03/07/disenador-de-menu-en-css/</link>
		<comments>http://desdeguate.com/blog/2006/03/07/disenador-de-menu-en-css/#comments</comments>
		<pubDate>Tue, 07 Mar 2006 08:30:16 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/03/07/disenador-de-menu-en-css/</guid>
		<description><![CDATA[CSS Tab Designer es un programa Gratuito para diseñar listas o menús en CSS y XHTML válidos. Entre los 45 ejemplos que trae están muchos de los famosos, incluso los de A list Apart, si no tienes tiempo de seguir esos tutoriales, Copy&#038;Paste . Me imagino que éstos programas se empezarán a popularizar tal como [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.highdots.com/css-list/">CSS Tab Designer</a> es un programa Gratuito para diseñar listas o menús en CSS y XHTML válidos.</p>
<p>Entre los 45 ejemplos que trae están muchos de los famosos, incluso los de <a href="http://www.alistapart.com/articles/slidingdoors/">A list Apart</a>, si no tienes tiempo de seguir esos tutoriales, <em>Copy&#038;Paste</em> <img src='http://desdeguate.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> .</p>
<p><a href="http://www.desdeguate.com/blog/wp-content/blog/Marzo/disenador-menus-css.png"><img src="http://www.desdeguate.com/blog/wp-content/blog/Marzo/_disenador-menus-css.png" width="475" height="405" class="imgcenter" alt="CSS Tab Designer, programa para diseñar Menús en CSS" title="CSS Tab Designer, programa para diseñar Menús en CSS"  /></a></p>
<p>Me imagino que éstos programas se empezarán a popularizar tal como el Front Page en su momento, ya verémos qué sucede.</p>
<p><strong>Link |</strong> <a href="http://www.highdots.com/css-list/">CSS Tab Designer</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/03/07/disenador-de-menu-en-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS: Empezando con lo básico</title>
		<link>http://desdeguate.com/blog/2006/02/10/css-empezando-con-lo-basico/</link>
		<comments>http://desdeguate.com/blog/2006/02/10/css-empezando-con-lo-basico/#comments</comments>
		<pubDate>Fri, 10 Feb 2006 08:00:29 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Para Leer]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/02/10/css-empezando-con-lo-basico/</guid>
		<description><![CDATA[Si saben inglés y desean aprender CSS, el sitio CSS Basics es un recurso bastante completo para iniciar. Tiene conceptos y ejemplos bastantes claros para aprender, lectura recomendada, incluso si ya sabes algo de CSS pero lo aprendiste en el campo de batalla Link &#124; CSS Basics Vía &#124; digg]]></description>
			<content:encoded><![CDATA[<p>Si saben inglés y desean aprender CSS, el sitio <a href="http://www.cssbasics.com/">CSS Basics</a> es un recurso bastante completo para iniciar.</p>
<p>Tiene conceptos y ejemplos bastantes claros para aprender, lectura recomendada, incluso si ya sabes algo de CSS pero lo aprendiste en el campo de batalla <img src='http://desdeguate.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><strong>Link |</strong> <a href="http://www.cssbasics.com/">CSS Basics</a><br />
<strong>Vía |</strong> <a href="http://www.digg.com">digg</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/02/10/css-empezando-con-lo-basico/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SkimCSS: El Digg del CSS</title>
		<link>http://desdeguate.com/blog/2006/01/26/skimcss-el-digg-del-css/</link>
		<comments>http://desdeguate.com/blog/2006/01/26/skimcss-el-digg-del-css/#comments</comments>
		<pubDate>Thu, 26 Jan 2006 19:13:33 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2006/01/26/skimcss-el-digg-del-css/</guid>
		<description><![CDATA[SkimCSS es la versión de DIGG pero exclusivamente a temas de CSS. Dando un recorrido por algunos artículos encontré algunos recursos bastante interesantes, por el momento no es necesario registrarse para votar. La interfaz está bastante buena (clonada de digg por supuesto) y es un desarrollo propio de John Wiseman. Interesante&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.skimcss.com">SkimCSS</a> es la versión de <a href="http://www.digg.com">DIGG</a> pero exclusivamente a temas de CSS.</p>
<p>Dando un recorrido por algunos artículos encontré algunos recursos bastante interesantes, por el momento no es necesario registrarse para votar.</p>
<p>La interfaz está bastante buena (clonada de digg por supuesto) y es un desarrollo propio de <a href="http://www.johnwiseman.ca/blogging/">John Wiseman</a>.</p>
<p>Interesante&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2006/01/26/skimcss-el-digg-del-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Generador de Menús en CSS</title>
		<link>http://desdeguate.com/blog/2005/12/29/394/</link>
		<comments>http://desdeguate.com/blog/2005/12/29/394/#comments</comments>
		<pubDate>Thu, 29 Dec 2005 18:19:11 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/?p=394</guid>
		<description><![CDATA[En webmaster toolkit hay un interesante Generador de Menús CSS, solo se escoje el estilo entre 4 disponibles, luego se elijen los colores, la cantidad de botones con sus URLs y listo! La herramienta te proporcionará el Código CSS y HTML.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.desdeguate.com/blog/wp-content/blog/Diciembre/css-menu-generator.gif" width="156" height="64" class="imgright" alt="Menú CSS" title="Menú CSS" />En <a href="http://www.webmaster-toolkit.com">webmaster toolkit</a> hay un interesante <a href="http://www.webmaster-toolkit.com/css-menu-generator.shtml">Generador de Menús CSS</a>, solo se escoje el estilo entre 4 disponibles, luego se elijen los colores, la cantidad de botones con sus URLs y listo!</p>
<p>La herramienta te proporcionará el Código CSS y HTML.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/12/29/394/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo hacer Gráficas con CSS</title>
		<link>http://desdeguate.com/blog/2005/12/07/como-hacer-graficas-con-css/</link>
		<comments>http://desdeguate.com/blog/2005/12/07/como-hacer-graficas-con-css/#comments</comments>
		<pubDate>Wed, 07 Dec 2005 17:00:29 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2005/12/07/como-hacer-graficas-con-css/</guid>
		<description><![CDATA[No hay mucho qué decir acá con tan solo ver los ejemplos que hay en este how-to. Se muestra cómo hacer tres distintos tipos de gráficas utilizando solo CSS, de lo mejor que he visto últimamente en desarrollos de éste tipo, aún recuerdo cuando la primer maravilla que ví fue una casa utilizando solo CSS, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://apples-to-oranges.com/blog/article.aspx?id=55"><img src="http://www.desdeguate.com/blog/wp-content/blog/Diciembre/css-bar-graphics.gif" width="258" height="140" class="imgright" alt="Ejemplo de una gráfica hecha con CSS" title="Ejemplo de una gráfica hecha con CSS" /></a>No hay mucho qué decir acá con tan solo ver los ejemplos que hay en este <a href="http://apples-to-oranges.com/blog/article.aspx?id=55">how-to</a>.</p>
<p>Se muestra cómo hacer tres distintos tipos de gráficas utilizando solo CSS, de lo mejor que he visto últimamente en desarrollos de éste tipo, aún recuerdo cuando la primer maravilla que ví fue <a href="http://www.designdetector.com/tips/3DBorderDemo2.html">una casa utilizando solo CSS</a>, ¿la recuerdan?</p>
<p><a href="http://www.designdetector.com/demos/css-house-2.html">¿Conocían la segunda versión de esa casa?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/12/07/como-hacer-graficas-con-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS Table Gallery</title>
		<link>http://desdeguate.com/blog/2005/10/30/css-table-gallery/</link>
		<comments>http://desdeguate.com/blog/2005/10/30/css-table-gallery/#comments</comments>
		<pubDate>Mon, 31 Oct 2005 03:00:31 +0000</pubDate>
		<dc:creator>CarlosCrc</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[mini-links]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2005/10/30/css-table-gallery/</guid>
		<description><![CDATA[El CSS Zen Garden de las tablas Esta es una galeria para ver como CSS y las Tablas pueden trabajar juntos y obtener usables y bonitos resultados.]]></description>
			<content:encoded><![CDATA[<p><a href="http://icant.co.uk/csstablegallery/index.php">El CSS Zen Garden de las tablas <img src='http://desdeguate.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </a> Esta es una galeria para ver como CSS y las Tablas pueden trabajar juntos y obtener usables y bonitos resultados.</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/10/30/css-table-gallery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS</title>
		<link>http://desdeguate.com/blog/2005/10/05/css-hacks-compatibility/</link>
		<comments>http://desdeguate.com/blog/2005/10/05/css-hacks-compatibility/#comments</comments>
		<pubDate>Wed, 05 Oct 2005 15:57:13 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[mini-links]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2005/10/05/css-hacks-compatibility/</guid>
		<description><![CDATA[Una tabla de compatibilidad de hacks de CSS Para saber sobre qué navegadores y en qué Sistemas Operativos funciona. ¡Recomendado!]]></description>
			<content:encoded><![CDATA[<p><a href="http://centricle.com/ref/css/filters/?highlight_columns=true">Una tabla de compatibilidad de hacks de CSS</a> Para saber sobre qué navegadores y en qué Sistemas Operativos funciona. ¡Recomendado!</p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/10/05/css-hacks-compatibility/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Diseño</title>
		<link>http://desdeguate.com/blog/2005/09/30/diseno-2/</link>
		<comments>http://desdeguate.com/blog/2005/09/30/diseno-2/#comments</comments>
		<pubDate>Fri, 30 Sep 2005 16:10:28 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[mini-links]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2005/09/30/diseno-2/</guid>
		<description><![CDATA[¿Quieres Jugar a las cartas con CSS?]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.brainjar.com/css/cards/demo.html">¿Quieres Jugar a las cartas con CSS?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/09/30/diseno-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Diseño</title>
		<link>http://desdeguate.com/blog/2005/09/28/diseno/</link>
		<comments>http://desdeguate.com/blog/2005/09/28/diseno/#comments</comments>
		<pubDate>Wed, 28 Sep 2005 19:22:05 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[mini-links]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/2005/09/28/diseno/</guid>
		<description><![CDATA[10 Trucos para CSS]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sitepoint.com/article/top-ten-css-tricks">10 Trucos para CSS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/09/28/diseno/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notas sobre imágenes al estilo Flickr con CSS</title>
		<link>http://desdeguate.com/blog/2005/06/22/notas-sobre-imagenes-al-estilo-flickr-con-css/</link>
		<comments>http://desdeguate.com/blog/2005/06/22/notas-sobre-imagenes-al-estilo-flickr-con-css/#comments</comments>
		<pubDate>Wed, 22 Jun 2005 17:48:24 +0000</pubDate>
		<dc:creator>Oscar</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.desdeguate.com/blog/?p=41</guid>
		<description><![CDATA[Usando CSS, se pueden realizar anotaciones sobre las imágenes al igual que lo hace Flickr, hay un excelente tutorial acá para poder realizarlo. Link &#124; CSS Image Maps]]></description>
			<content:encoded><![CDATA[<p>Usando <strong>CSS</strong>, se pueden realizar anotaciones sobre las imágenes al igual que lo hace <a href="http://www.flickr.com/">Flickr</a>, hay un excelente <a href="http://www.frankmanno.com/ideas/css-imagemap">tutorial acá</a> para poder realizarlo.</p>
<p><strong>Link</strong> | <a href="http://www.frankmanno.com/ideas/css-imagemap">CSS Image Maps</a></p>
]]></content:encoded>
			<wfw:commentRss>http://desdeguate.com/blog/2005/06/22/notas-sobre-imagenes-al-estilo-flickr-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

