<?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>Michoacano&#039;s Blog &#187; CSS</title>
	<atom:link href="http://michoacano.com.mx/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://michoacano.com.mx</link>
	<description>Blog de un mundialmente conocido habitante del estado de Michoacán. Estudiante del Tecnológico de Morelia, nerd, geek, cinéfilo, metalero, ateo y algo de activista.</description>
	<lastBuildDate>Wed, 11 Jan 2012 19:45:47 +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>Menu con CSS &amp; jQuery</title>
		<link>http://michoacano.com.mx/menu-con-css-jquery/</link>
		<comments>http://michoacano.com.mx/menu-con-css-jquery/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 16:54:36 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/?p=2573</guid>
		<description><![CDATA[En cssblog publican un articulo sobre como hacer un lindo menu con CSS y Jquery.]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-2574" href="http://michoacano.com.mx/menu-con-css-jquery/menu-sexy-css-jquery/"><img class="aligncenter size-full wp-image-2574" title="menu-sexy-css-jquery" src="http://michoacano.com.mx/wp-content/uploads/2009/09/menu-sexy-css-jquery.jpg" alt="menu-sexy-css-jquery" width="596" height="180" /></a></p>
<p>En <a href="http://www.cssblog.es/bonito-menu-realizado-con-css-jquery/">cssblog publican un articulo sobre como hacer un lindo menu con CSS y Jquery</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/menu-con-css-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Técnica para evitar el SPAM en tu email</title>
		<link>http://michoacano.com.mx/tecnica-para-evitar-el-spam-en-tu-email/</link>
		<comments>http://michoacano.com.mx/tecnica-para-evitar-el-spam-en-tu-email/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 14:31:22 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/?p=2059</guid>
		<description><![CDATA[Curioso truco para evitar que los spammers lean tu email. Consiste en escribirlo al contrario y con CSS lo inviertes, asi los bots spammeros no sabrán ni que es. &#60;style type=&#34;text/css&#34;&#62; span.test &#123; direction: rtl; unicode-bidi:bidi-override; &#125; &#60;/style&#62; &#60;p&#62;&#60;span class=&#34;test&#34;&#62;moc.tset@tset&#60;/span&#62;&#60;/p&#62; Visto en sentidweb.com]]></description>
			<content:encoded><![CDATA[<p>Curioso truco para evitar que los spammers lean tu email.<br />
Consiste en escribirlo al contrario y con CSS lo inviertes, asi los bots spammeros no sabrán ni que es.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>style type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/css&quot;</span><span style="color: #339933;">&gt;</span> 
span<span style="color: #339933;">.</span>test <span style="color: #009900;">&#123;</span> direction<span style="color: #339933;">:</span> rtl<span style="color: #339933;">;</span> unicode<span style="color: #339933;">-</span>bidi<span style="color: #339933;">:</span>bidi<span style="color: #339933;">-</span>override<span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>  
<span style="color: #339933;">&lt;/</span>style<span style="color: #339933;">&gt;</span> 
<span style="color: #339933;">&lt;</span>p<span style="color: #339933;">&gt;&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;test&quot;</span><span style="color: #339933;">&gt;</span>moc<span style="color: #339933;">.</span>tset<span style="color: #339933;">@</span>tset<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;&lt;/</span>p<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Visto en <a href="http://www.sentidoweb.com/">sentidweb.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/tecnica-para-evitar-el-spam-en-tu-email/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Colorbe: Aplicación Web para combinacion de colores</title>
		<link>http://michoacano.com.mx/colorbe-aplicacion-web-para-combinacion-de-colores/</link>
		<comments>http://michoacano.com.mx/colorbe-aplicacion-web-para-combinacion-de-colores/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 15:50:22 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Servicios]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[herramientas]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/?p=1491</guid>
		<description><![CDATA[Colorbe es otra de esas aplicaciones que nos ayudan a encontrar una correcta conbinacion de colores al mostrarnos paletas de colores que se llevan bien. Hay muchas, lo que me gusto de esta es la forma en que trabajas con la aplicación.  Una linda forma de obtener los colores.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="COLORBE" src="http://colorbe.com/wp-content/themes/myColorbe/images/logo.jpg" alt="" width="170" height="106" /><a href="http://colorbe.com/" rel="nofollow" >Colorbe</a> es otra de esas aplicaciones que nos ayudan a encontrar una correcta conbinacion de colores al mostrarnos paletas de colores que se llevan bien.</p>
<p>Hay muchas, lo que me gusto de esta es la forma en que trabajas con la aplicación.  Una linda forma de obtener los colores.</p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/colorbe-aplicacion-web-para-combinacion-de-colores/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSSCRAP.COM Los peores diseños Web</title>
		<link>http://michoacano.com.mx/csscrapcom-los-peores-disenos-web/</link>
		<comments>http://michoacano.com.mx/csscrapcom-los-peores-disenos-web/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 18:12:46 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Persona Note:]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[proyectos]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/?p=1328</guid>
		<description><![CDATA[Hace alguno tiempo y viendo el éxito del consagrado cssmania.com pensé en hacer algo diferente. Aunque las mejores ideas no las he aplicado aun, se me ocurrió hacer una galería de sitios web diferente. Como saben existen muchas, así que decidí hacer lo mismo pero al contrario. CSSCRAP sera un sitio donde se reunan los [...]]]></description>
			<content:encoded><![CDATA[<p>Hace alguno tiempo y viendo el éxito del consagrado cssmania.com pensé en hacer algo diferente. Aunque las mejores ideas no las he aplicado aun, se me ocurrió hacer una galería de sitios web diferente. Como saben <a href="http://www.google.com.mx/search?hl=es&amp;client=firefox-a&amp;rls=org.mozilla%3Aes-ES%3Aofficial&amp;hs=2qX&amp;q=css+gallery&amp;btnG=Buscar&amp;meta=">existen muchas</a>,  así que decidí hacer lo mismo pero al contrario.</p>
<p style="text-align: left;"><a href="http://csscrap.com">CSSCRAP</a> sera un sitio donde se reunan los peores diseños web, los peores sitios en cuanto a navegación, usabilidad y sobre todo lo mas raro y wtf de Internet.</p>
<p style="text-align: center;"><a href="http://csscrap.com"><img class="aligncenter" src="http://csscrap.com/wp-content/themes/eGallery/images/logo.gif" alt="csscrap" /></a></p>
<p>Por cierto agradecería mucho si pasan la voz y me ayudan hacer escandalo.  Además de que <a href="http://csscrap.com/submit-site/">compartan sitios</a> con estas características. <img class="aligncenter size-full wp-image-1333" title="a" src="http://michoacano.com.mx/wp-content/uploads/2009/01/a.png" alt="a" width="330" height="264" /></p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/csscrapcom-los-peores-disenos-web/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Generar Sprites con CSS</title>
		<link>http://michoacano.com.mx/generar-sprites-con-css/</link>
		<comments>http://michoacano.com.mx/generar-sprites-con-css/#comments</comments>
		<pubDate>Sat, 26 Jul 2008 17:18:43 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/?p=787</guid>
		<description><![CDATA[Cuando un sitio tiene mucho tráfico, y los pequeños cambios que se hagan para ahorrar peticiones y transferencia la mayor parte de la veces pueden ahorrar dinero. Uno de estos cambios es tener una sola imagen y se trabaje con ella con CSS para las distintas partes de la Web. El por que se ahorra [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando un sitio tiene mucho tráfico, y los pequeños cambios que se hagan para ahorrar peticiones y transferencia la mayor parte de la veces pueden ahorrar dinero. Uno de estos cambios es tener una sola imagen y se trabaje con ella con <strong>CSS</strong> para las distintas partes de la Web.</p>
<p>El por que se ahorra ancho de banda, es por que solamente se hace una petición. Que aunque se descarga la misma cantidad de bytes, solo se hace una consulta y no 100.</p>
<p>Esta técnica hace tiempo que ya la había leído, hoy leo en el blog de <a href="http://www.carlosleopoldo.com/post/generador-css-sprite/">Carlos Leopoldo</a> sobre este <a href="http://spritegen.website-performance.org/">Generador de Sprites</a>.</p>
<p>Si se preguntan que sitio grande implementa esta técnica no hace falta mucho buscar y mirar el código de <strong>Youtube</strong> para encontrarse con esta imagen:</p>
<p style="text-align:center;"><a href="http://s.ytimg.com/yt/img/master-vfl47921.gif">http://s.ytimg.com/yt/img/master-vfl47921.gif</a></p>
<p style="text-align: center;"><img src="http://s.ytimg.com/yt/img/master-vfl47921.gif" alt="youtube css sprite" width="477" height="318" /></p>
<p style="text-align: center;">-</p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/generar-sprites-con-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS transparencia para todos los navegadores</title>
		<link>http://michoacano.com.mx/css-transparencia-para-todos-los-navegadores/</link>
		<comments>http://michoacano.com.mx/css-transparencia-para-todos-los-navegadores/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 02:23:31 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/css-transparencia-para-todos-los-navegadores/</guid>
		<description><![CDATA[Este post lo pongo como un recordatorio para mi. El siguiente código permite la transparencia correcta en todos los navegadores mediante CSS. .transparente { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } filter:alpha(opacity=50): Es el código para IE . -moz-opacity:0.5: Para firefox(versiones anteriores). -khtml-opacity: 0.5: Para Safari(versiones anteriores). opacity: El más importante, ya que es el [...]]]></description>
			<content:encoded><![CDATA[<p>Este post lo pongo como un recordatorio para mi.</p>
<p>El siguiente código permite la transparencia correcta en todos los navegadores mediante CSS.<br />
<code lang="css">.transparente {<br />
	filter:alpha(opacity=50);<br />
	-moz-opacity:0.5;<br />
	-khtml-opacity: 0.5;<br />
	opacity: 0.5;<br />
}</code></p>
<ul>
<ol>
<strong>filter:alpha(opacity=50)</strong>: Es el código para IE .</ol>
<ol>
<strong>-moz-opacity:0.5</strong>: Para firefox(versiones anteriores).</ol>
<ol>
<strong>-khtml-opacity</strong>: 0.5: Para Safari(versiones anteriores).</ol>
<ol>
<strong>opacity</strong>: El más importante, ya que es el estándar de CSS.</ol>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/css-transparencia-para-todos-los-navegadores/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>CSS sucks</title>
		<link>http://michoacano.com.mx/css-suckz/</link>
		<comments>http://michoacano.com.mx/css-suckz/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 03:17:55 +0000</pubDate>
		<dc:creator>julio</dc:creator>
				<category><![CDATA[lol]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://michoacano.com.mx/css-suckz/</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p align="center"><img src='http://michoacano.com.mx/wp-content/uploads/2007/11/css-shirt-2.jpg' alt='css suckz' /></p>
]]></content:encoded>
			<wfw:commentRss>http://michoacano.com.mx/css-suckz/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

