<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>@Jotace - Blog@Jotace - Blog | @Jotace - Blog</title>
	
	<link>http://www.juan-calderon.com/bitacora</link>
	<description>En la búsqueda</description>
	<lastBuildDate>Sun, 12 Feb 2012 05:12:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/JC-Blog" /><feedburner:info uri="jc-blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>JC-Blog</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Love, Whitney</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/7OzPSx0pUK8/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=357#comments</comments>
		<pubDate>Sat, 11 Feb 2012 05:07:20 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Audio]]></category>
		<category><![CDATA[Música]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/bitacora/?p=357</guid>
		<description />
			<content:encoded><![CDATA[<p><a href="http://www.juan-calderon.com/bitacora/wp-content/uploads/2012/02/loveWhitney.jpg"><img class="alignnone size-medium wp-image-358" title="Love_Whitney" src="http://www.juan-calderon.com/bitacora/wp-content/uploads/2012/02/loveWhitney-300x300.jpg" alt="Love Whitney" width="300" height="300" /></a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7OzPSx0pUK8:7xDCOE-iZow:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7OzPSx0pUK8:7xDCOE-iZow:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7OzPSx0pUK8:7xDCOE-iZow:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/7OzPSx0pUK8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=357</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=357</feedburner:origLink></item>
		<item>
		<title>uWall.tv la música por los ojos</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/aGT5Gg5pwng/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=282#comments</comments>
		<pubDate>Thu, 30 Dec 2010 09:38:27 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Audio]]></category>
		<category><![CDATA[Música]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=282</guid>
		<description><![CDATA[Hoy en la noche he estado disfrutando de uWall.tv durante un largo rato, ningún grupo o autor en especial, algunos buenos recuerdos, algunos autores viejos y nuevos que recién conozco luego de haber oído sus canciones sin cara. Un poco de reminiscencias en la cercanía del final de este año, falta un día y medio para la llegada del año nuevo pero eso pasará rápido. Es impresionante como las imágenes por si solas pueden hacerse camino en la nostalgia llevándote con su estela a recuerdos tan intensos, la verdad no administro muy bien las abstracciones temporales ni los géneros cuando la música me trastoca. Ahora en una sola jornada de música, Natalie Cole, Michael Jackson, Lionel Richie, Kelly Clarkson, Caetano Beloso, Norah Jones, Tom Jobim, Blondie, Phil Collins, Alan Parsons Project, Scorpions y AC/DC me han mantenido en una escalera rusa de ideas y sentimientos. Eso de los cuadritos con la imagen del cantante en uWall me atrapó muy rápido, en mi adolescencia (osea hace fuuu ) solía revisar detalladamente las tapas de cartón de los discos de acetato mientras escuchaba el contenido, era como un plus encontrar detalles que te anclaban mas con el gusto por tal o cual [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy en la noche he estado disfrutando de <span style="color: #0000ff;">uWall.tv</span> durante un largo rato, ningún grupo o autor en especial, algunos buenos recuerdos, algunos autores viejos y nuevos que recién conozco luego de haber oído sus canciones sin cara.</p>
<p><a href="http://www.juan-calderon.com/bitacora/wp-content/uploads/2011/12/Screen_shot_2010-12-30_at_4.21.55_.png"><img class="alignnone size-medium wp-image-309" title="Screen_shot_2010-12-30_at_4.21.55_" src="http://www.juan-calderon.com/bitacora/wp-content/uploads/2011/12/Screen_shot_2010-12-30_at_4.21.55_-300x199.png" alt="" width="300" height="199" /></a></p>
<p><span id="more-282"></span></p>
<p>Un poco de reminiscencias en la cercanía del final de este año, falta un día y medio para la llegada del año nuevo pero eso pasará rápido.</p>
<p>Es impresionante como las imágenes por si solas pueden hacerse camino en la nostalgia llevándote con su estela a recuerdos tan intensos, la verdad no administro muy bien las abstracciones temporales ni los géneros cuando la música me trastoca.</p>
<p>Ahora en una sola jornada de música, Natalie Cole, Michael Jackson, Lionel Richie, Kelly Clarkson, Caetano Beloso, Norah Jones, Tom Jobim, Blondie, Phil Collins, Alan Parsons Project, Scorpions y AC/DC me han mantenido en una escalera rusa de ideas y sentimientos.</p>
<p>Eso de los cuadritos con la imagen del cantante en uWall me atrapó muy rápido, en mi adolescencia (osea hace fuuu <img src='http://www.juan-calderon.com/bitacora/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ) solía revisar detalladamente las tapas de cartón de los discos de acetato mientras escuchaba el contenido, era como un plus encontrar detalles que te anclaban mas con el gusto por tal o cual grupo.</p>
<p>La memoria fotográfica es el mejor canal de ventas, estoy convencido, ahora se hace marketing en la red, antes era en la tv, pero si lo vemos con cuidado la técnica guarda muchas similitudes, todo entra por los ojos, el volumen es lo que ha cambiado, muchas mas opciones de una sola vez o en un lapso muy corto, el escuchar un CD nuevo y mirar su caja mientras lo hacías tenía su encanto y su valor, te imaginabas el interprete mientras disfrutabas de la melodía, en otros casos mas afortunados recordabas el concierto al que habías asistido, ahora tienes el concierto ahí mismo después de dar clic en el cuadrito, no es la misma calidad que la música en vivo y en ocasiones ni siquiera que la del CD, sin embargo en mi caso el melómano exigente se va de paseo con el video o las imágenes que acompañan lo que oyes.</p>
<p>Paradójicamente, ya no escuchas música ahora VES música y ves lo que quieres oír después, el nexo a la satisfacción es mas cercano cada vez, no es extraño que nos volvamos más exigentes en cuanto a nuestras necesidades en la red y claro nos frustremos mas fácil, pero bueno, este no es el caso, me ha parecido una interesante aplicación échenle un vistazo.</p>
<p><a href="http://uwall.tv/" target="_blank">uWall.tv</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=aGT5Gg5pwng:Zle0Q5xWz2w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=aGT5Gg5pwng:Zle0Q5xWz2w:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=aGT5Gg5pwng:Zle0Q5xWz2w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/aGT5Gg5pwng" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=282</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=282</feedburner:origLink></item>
		<item>
		<title>Atajos CSS – Parte 2</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/GjVbMRGot94/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=270#comments</comments>
		<pubDate>Sat, 08 May 2010 04:11:24 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Tecnología]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=270</guid>
		<description><![CDATA[Habíamos visto en el primer artículo acerca de los atajos CSS un ejemplo clásico de ellos y una bastante larga explicación, A continuación puedes ver los atajos CSS mas utilizados en una serie de ejemplos para un clase llamada &#8220;cabecera&#8221; Para la etiqueta Font: CSS largo: .cabecera{ font-weight: bold; font-family: verdana, sans-serif; font-size: 11px; line-height: 16px; } Atajo: .cabecera{ font: bold 11px/16px verdana, sans-serif; } Para la etiqueta Margin: CSS largo: .cabecera{ margin-top:2px; margin-right:1px; margin-bottom:0; margin-left:1px; } Atajo1: .cabecera{ margin: 2px 1px 0 1px; } CSS largo2: .cabecera{ margin-top:2px; margin-right:1px; margin-bottom:0; margin-left:1px; } Atajo2, se aplica cuando las cifras primera y tercera o segunda y cuarta son iguales: .cabecera{ margin: 2px 1px 0; } CSS largo3: .cabecera{ margin-top:2px; margin-right:1px; margin-bottom:2px; margin-left:1px; } Atajo3, se aplica cuando las cifras está repetidas por pares: .cabecera{ margin:2px 1px; } CSS largo4: .cabecera{ margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; } Atajo4, se aplica cuando las 4 cifras son iguales: .cabecera{ margin:1px; } Nota: este atajo funciona exactamente igual para la etiqueta Padding Para los bordes: CSS largo: .cabecera{ border-top-width: 2px; border-top-style: dashed; border-top-color: #f00; } Atajo: .cabecera{ border-top: 2px dashed #f00; } Nota: Para aplicar el estilo en todos los bordes se usaría: .cabecera{ border: 2px [...]]]></description>
			<content:encoded><![CDATA[<p><img style="display: inline; border-width: 0px;" title="cssCompress" src="http://www.juan-calderon.com/images/cssCompress2.png" border="0" alt="cssCompress" width="560" height="189" /></p>
<p>Habíamos visto en el primer artículo acerca de los atajos CSS un ejemplo clásico de ellos y una bastante larga explicación,</p>
<p>A continuación puedes ver los atajos CSS mas utilizados en una serie de ejemplos para un clase llamada &#8220;cabecera&#8221;<br />
<span id="more-270"></span><br />
Para la etiqueta <strong>Font</strong>:</p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>font-weight: bold;</p>
<p>font-family: verdana, sans-serif;</p>
<p>font-size: 11px; line-height: 16px;</p>
<p>}</p>
<p><em>Atajo:</em></p>
<p><code>.cabecera{</code></p>
<p>font: bold 11px/16px verdana, sans-serif;</p>
<p>}</p>
<p>Para la etiqueta <strong>Margin</strong>:</p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>margin-top:2px;</p>
<p>margin-right:1px;</p>
<p>margin-bottom:0;</p>
<p>margin-left:1px;</p>
<p>}</p>
<p><em>Atajo1:</em></p>
<p><code>.cabecera{</code></p>
<p>margin: 2px 1px 0 1px;</p>
<p>}</p>
<p><em>CSS largo2:</em></p>
<p><code>.cabecera{</code></p>
<p>margin-top:2px;</p>
<p>margin-right:1px;</p>
<p>margin-bottom:0;</p>
<p>margin-left:1px;</p>
<p>}</p>
<p><em>Atajo2, se aplica cuando las cifras primera y tercera o segunda y cuarta son iguales:</em></p>
<p><code>.cabecera{</code></p>
<p>margin: 2px 1px 0;</p>
<p>}</p>
<p><em>CSS largo3:</em></p>
<p><code>.cabecera{</code></p>
<p>margin-top:2px;</p>
<p>margin-right:1px;</p>
<p>margin-bottom:2px;</p>
<p>margin-left:1px;</p>
<p>}</p>
<p><em>Atajo3, se aplica cuando las cifras está repetidas por pares:</em></p>
<p><code>.cabecera{</code></p>
<p>margin:2px 1px;</p>
<p>}</p>
<p><em>CSS largo4:</em></p>
<p><code>.cabecera{</code></p>
<p>margin-top:1px;</p>
<p>margin-right:1px;</p>
<p>margin-bottom:1px;</p>
<p>margin-left:1px;</p>
<p>}</p>
<p><em>Atajo4, se aplica cuando las 4 cifras son iguales:</em></p>
<p><code>.cabecera{</code></p>
<p>margin:1px;</p>
<p>}</p>
<p><strong>Nota:</strong> este atajo funciona exactamente igual para la etiqueta Padding</p>
<p>Para los <strong>bordes</strong>:</p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>border-top-width: 2px;</p>
<p>border-top-style: dashed;</p>
<p>border-top-color: #f00;</p>
<p>}</p>
<p><em>Atajo:</em></p>
<p><code>.cabecera{</code></p>
<p>border-top: 2px dashed #f00;</p>
<p>}</p>
<p><strong>Nota:</strong> Para aplicar el estilo en todos los bordes se usaría:</p>
<p><code>.cabecera{</code></p>
<p>border: 2px dashed #f00;</p>
<p>}</p>
<p>Para el atributo <strong>Background</strong>:</p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>background-color: #fff;</p>
<p>background: url(&#8220;test.gif&#8221;);</p>
<p>background-repeat: repeat-x;</p>
<p>}</p>
<p><em>Atajo:</em></p>
<p><code>.cabecera{</code></p>
<p>background: #fff url(&#8220;test.gif&#8221;) repeat-x;</p>
<p>}</p>
<p>Para las<strong> listas UL </strong></p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>list-style: #fff;</p>
<p>list-style-type: disc;</p>
<p>list-style-position: outside;</p>
<p>list-style-image: url(image.gif)</p>
<p>}</p>
<p><em>Atajo:</em></p>
<p><code>.cabecera{</code></p>
<p>list-style: disc outside url(image.gif)</p>
<p>}</p>
<p>Para los <strong>colores</strong>:</p>
<p><em>CSS largo:</em></p>
<p><code>.cabecera{</code></p>
<p>color:#cccccc;</p>
<p>}</p>
<p>y</p>
<p><code>.cabecera{</code></p>
<p>color:#ff6600;</p>
<p>}</p>
<p><em>Atajo:</em></p>
<p><code>.cabecera{</code></p>
<p>color:#ccc;</p>
<p>}</p>
<p>y</p>
<p><code>.cabecera{</code></p>
<p>color:#f60;</p>
<p>}</p>
<p><strong>Nota:</strong> Los colores básicos también se pueden definir con los nombres en inglés, white,red, blue, black, etc..</p>
<p><code>.cabecera{</code></p>
<p>color:red;</p>
<p>}</p>
<p>Para cifras con valor <strong>0</strong>:</p>
<p><em>CSS largo:</em></p>
<p>0px;</p>
<p><em>Atajo:</em></p>
<p>0;</p>
<p><strong>Nota:</strong> las medidas en pixeles, em y pt no necesitan el descriptor del tipo de unidad en valores iguales a 0</p>
<p>Bien este es un rápido resumen de algunos atajos CSS, espero que te sean útiles, hasta el próximo post,</p>
<p>@Jotace</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GjVbMRGot94:yBbuDxiHfaY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GjVbMRGot94:yBbuDxiHfaY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GjVbMRGot94:yBbuDxiHfaY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/GjVbMRGot94" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=270</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=270</feedburner:origLink></item>
		<item>
		<title>Atajos CSS</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/GLcjO_tmSo4/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=237#comments</comments>
		<pubDate>Thu, 01 Apr 2010 04:45:35 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Tecnología]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/uncategorized/237.html</guid>
		<description><![CDATA[Como puedes usarlos para ahorrar líneas de código CSS simple: body, p, h1, li, span, div, .claseX, .claseY, .claseZ{ margin:0; padding:0; font-family:Arial, Helvetica, SanSerif; font-size:14px; font-style:normal; line-height:18px; } CSS con atajos: body, p, h1, li, span, div, .claseX, .claseY, .claseZ{ margin:0; padding:0; font: normal 14px/18px Arial, Helvetica, SanSerif; } Al crear una hoja de estilos para alguno de nuestros proyectos generalmente escribes el código lo más rápido posible, esto trae en ocasiones un resultado de una hoja muy extensa y desordenada. Si acostumbras usar editores de código con intellisense tienes la gran ventaja de que el programa te muestra las opciones de cada atributo mientras escribes pero eso no hace mas que agravar el problema. Conforme tu desarrollo lo requiera la hoja de estilo va creciendo y puedes necesitar echar mano de una buena organización y los atajos CSS para no elevar el tamaño de la misma. Una buena organización te puede ayudar para que una declaración bien estructurada te permita crear el código más compacto y evitar la redundancia, veamos unos cuantos ejemplos al respecto. Esta es una declaración típica al inicio de una hoja de estilos: body{ margin:0; padding:0; } Si tu declaración va a ser similar para [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.juan-calderon.com/blog/tecnologia/237.html" target="_self"><img style="display: inline; border: 0px;" title="cssCompress" src="http://www.juan-calderon.com/images/cssCompress.jpg" border="0" alt="cssCompress" width="560" height="189" /></a></p>
<p>Como puedes usarlos para ahorrar líneas de código<span id="more-237"></span></p>
<p>CSS simple:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:14px;<br />
font-style:normal;<br />
line-height:18px;<br />
}</code></p>
<p>CSS con atajos:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font: normal 14px/18px Arial, Helvetica, SanSerif;<br />
}</code></p>
<p>Al crear una hoja de estilos para alguno de nuestros proyectos generalmente escribes el código lo más rápido posible, esto trae en ocasiones un resultado de una hoja muy extensa y desordenada.</p>
<p>Si acostumbras usar editores de código con intellisense tienes la gran ventaja de que el programa te muestra las opciones de cada atributo mientras escribes pero eso no hace mas que agravar el problema.</p>
<p>Conforme tu desarrollo lo requiera la hoja de estilo va creciendo y puedes necesitar echar mano de una buena organización y los atajos CSS para no elevar el tamaño de la misma.</p>
<p>Una buena organización te puede ayudar para que una declaración bien estructurada te permita crear el código más compacto y evitar la redundancia, veamos unos cuantos ejemplos al respecto.</p>
<p>Esta es una declaración típica al inicio de una hoja de estilos:</p>
<p><code>body{<br />
margin:0;<br />
padding:0;<br />
}</code></p>
<p>Si tu declaración va a ser similar para otras etiquetas o clases, una manera de limitar el número de líneas de la declaración puedes ser hacer algo como esto:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
}</code></p>
<p>Y en el ejemplo ahorrarás tantas líneas de código como nombres de etiquetas o clases separes con comas.</p>
<p>Siempre tendrás casos especiales en los que una o varias etiquetas requieren declaraciones diferentes y no las puedes juntar en un solo grupo, en ese caso tu creatividad te servirá para hacer una escritura mas ligera, por ejemplo:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:14px;<br />
font-style:normal;<br />
line-height:18px;<br />
}<br />
</code><br />
Si únicamente las etiquetas span y div requieren un tamaño de letra mas pequeño, una solución podría ser eliminarlas del bloque inicial y copiar todo el bloque nuevamente para las dos etiquetas cambiando únicamente el tamaño de fuente, así:</p>
<p><code>body, p, h1, li, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:14px;<br />
font-style:normal;<br />
line-height:18px;<br />
}</code></p>
<p>span, div{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:12px;<br />
font-style:normal;<br />
line-height:18px;<br />
}</p>
<p>Otra solución sería tratarlo de esta manera:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-style:normal;<br />
line-height:18px;<br />
}</code></p>
<p>body, p, h1, li, .claseX, .claseY, .claseZ{<br />
font-size:14px;<br />
}</p>
<p>span, div{<br />
font-size:12px;<br />
}</p>
<p>Sin embargo si aplicas el criterio de cascada, puedes generar el código de esta manera ahorrando un par de líneas en el proceso:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:14px;<br />
font-style:normal;<br />
line-height:18px;<br />
}</code></p>
<p>span, div{<br />
font-size:12px;<br />
}</p>
<p>Las etiquetas span y div están duplicadas pues hay 2 declaraciones para ellas pero como sabes, en CSS la última declaración es la que cuenta.</p>
<p>Hasta aquí nada especial solo el buen criterio de agrupación y orden para armar un código mas corto.</p>
<p>Pero y este es el punto importante de este post, existen en el lenguaje de hojas de estilo, los llamados &#8220;atajos CSS&#8221; (shortcuts) que permiten usar técnicas de escritura corta para algunas declaraciones en particular, veamos una comparación del uso de CSS con y sin shortcuts.</p>
<p>CSS simple:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font-family:Arial, Helvetica, SanSerif;<br />
font-size:14px;<br />
font-style:normal;<br />
line-height:18px;<br />
}</code></p>
<p>CSS con shortcuts:</p>
<p><code>body, p, h1, li, span, div, .claseX, .claseY, .claseZ{<br />
margin:0;<br />
padding:0;<br />
font: normal 14px/18px Arial, Helvetica, SanSerif;<br />
}</code></p>
<p>La técnica muestra claramente un código más ligero y coherente,</p>
<p>En la siguiente entrega podrás conocer las declaraciones que aceptan shortcuts y cómo usarlos en cada caso particular.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GLcjO_tmSo4:XAkt5kVVQG8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GLcjO_tmSo4:XAkt5kVVQG8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=GLcjO_tmSo4:XAkt5kVVQG8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/GLcjO_tmSo4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=237</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=237</feedburner:origLink></item>
		<item>
		<title>Yo voy al Barcamp Quito 2010</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/_27jYj3oMoU/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=215#comments</comments>
		<pubDate>Wed, 17 Mar 2010 04:57:58 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Tecnología]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=215</guid>
		<description><![CDATA[La tecnología al alcance de una charla, esa es la premisa del Barcamp Quito 2010, que se realiza este Sábado 20 de Marzo de 2010 en los auditorios de la Torre 1 de la PUCE (Pontificia Universidad Católica del Ecuador) a partir de la 9:00 horas, organizado por la comunidad Iguana Valley este evento aglutina un buen número de “desconferencistas” cuyo propósito será atender la avidez de conocimientos de varios grupos de asistentes, desde los que quieren acercarse a la tecnología hasta los que dominan ciertos conceptos y quieren expandir aun más sus fronteras sociales y cibernéticas. Todos están invitados, la entrada es libre, el Barcamp Quito 2010 dura todo el día y estará dividido en dos jornadas: de 9h00 a 12h30 y de 14h00 a 17h00, habrá una pausa de hora y media para comer. En cada una de las 4 salas disponibles se celebrarán 13 desconferencias 7 en la mañana y  6 en la tarde, para un total aproximado de 40 conferencias, la duración de cada una de ellas será de 20 minutos, 15 minutos de exposición, más 5 minutos para preguntas. Los auditorios están divididos de la siguiente manera en función de las charlas que se impartirán [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://barcamp.ec/quito10"><img class="alignnone" title="Barcamp Quito 2010" src="http://www.juan-calderon.com/images/logoBarcamp2010_.jpg" alt="Ven al Barcamp Quito 2010" width="560" height="189" /></a></p>
<p>La tecnología al alcance de una charla, esa es la premisa  del <a href="http://barcamp.ec/quito10" target="_blank">Barcamp Quito 2010</a>, que se realiza este <strong>Sábado 20 de Marzo de 2010</strong> en los  <strong>auditorios de la Torre 1 de la PUCE</strong> (Pontificia Universidad Católica del  Ecuador) a partir de la <strong>9:00 horas</strong>, organizado por la comunidad <a href="http://www.iguanavalley.org/" target="_blank">Iguana Valley</a> este evento aglutina un buen número de “desconferencistas” cuyo propósito será atender  la avidez de conocimientos de varios grupos de asistentes, desde los que  quieren acercarse a la tecnología hasta los que dominan ciertos conceptos y  quieren expandir aun más sus fronteras sociales y cibernéticas.</p>
<p>Todos están invitados, la entrada es libre, el <strong>Barcamp Quito  2010</strong> dura todo el día y estará dividido en dos jornadas: de 9h00 a 12h30 y de  14h00 a 17h00, habrá una pausa de hora y media para comer.</p>
<p>En cada una de las 4 salas disponibles se  celebrarán 13 desconferencias 7 en la mañana y   6 en la tarde, para un total aproximado de 40 conferencias, la duración  de cada una de ellas será de 20 minutos, 15 minutos de exposición, más 5  minutos para preguntas.</p>
<p>Los auditorios están divididos de la siguiente manera en  función de las charlas que se impartirán en cada uno:</p>
<ul>
<li><strong>Iniciación digital</strong>:  especialmente preparado para ayudar y dar soporte a los que comienzan con la  experiencia digital 2.0</li>
<li><strong>Vida digital</strong>:  pensado para atender a usuarios de redes sociales con interés en expandir sus  maneras de comunicación</li>
<li><strong>Programación y desarrollo: </strong>Para  los que dominan un tópico pero quieren estar al tanto de las últimas novedades</li>
<li><strong>Videoconferencias</strong>:  Interesantes charlas desde fuera de nuestro país con invitados de la talla de <a href="http://barcamp.ec/quito10/2010/03/08/benito-castro-videodesconferencista-en-barcamp-quito-2010/" target="_blank">Benito  Castro</a>, <a href="http://barcamp.ec/quito10/2010/03/10/francesc-grau-videodesconferencista-en-barcamp-quito-2010/" target="_blank">Francesc  Grau</a>, <a href="http://barcamp.ec/quito10/2010/03/16/andrs-r-castelblanco-videodesconferencista-en-barcamp-quito-2010/" target="_blank">Andrés  Castelblanco</a> y <a href="http://barcamp.ec/quito10/2010/03/11/rubn-romero-videodesconferencista-en-barcamp-quito-2010/" target="_blank">Rubén  Romero</a>.</li>
</ul>
<p>Estas videoconferencias y sus importantes actores de la red fueron  contactados mediante la gestión de la comunidad Iguana Valley.</p>
<p>Además  en el evento puedes conocer a varios de los invitados especiales, para saber quienes son ellos y conocer todos  los <a href="http://barcamp.ec/quito10/listado-desconferencias/" target="_blank">temas de las desconferencias</a> por favor visita el  <a href="http://barcamp.ec/quito10">blog</a> del evento.</p>
<p>El Barcamp Quito 2010 está auspiciado por numerosos e importantes <a href="http://barcamp.ec/quito10/auspiciantes/" target="_blank">patrocinadores</a>.</p>
<p>Así que estás a tiempo, siguelo en <a href="http://www.facebook.com/pages/Barcamp-UIO-2010/339686874218?v=wall">Facebook</a> y en <a href="http://twitter.com/barcampec" target="_blank">Twitter</a> y <a href="http://barcamp.ec/quito10/registro" target="_blank">Regístrate</a> para confirmar tu  asistencia y ser parte de esta enriquecedora experiencia.</p>
<p>En Quito siempre encontrarás un lugar para la tecnología, acércate  a la comunidad Iguana Valley nos vemos allá, yo voy al Barcamp.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=_27jYj3oMoU:4DKBuqlWoEA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=_27jYj3oMoU:4DKBuqlWoEA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=_27jYj3oMoU:4DKBuqlWoEA:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/_27jYj3oMoU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=215</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=215</feedburner:origLink></item>
		<item>
		<title>Wordpres 2.9 ahora con oEmbed, videos desde URL</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/7MUocshLhK4/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=199#comments</comments>
		<pubDate>Sat, 19 Dec 2009 11:51:59 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Audio]]></category>
		<category><![CDATA[Música]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=199</guid>
		<description><![CDATA[Entre las novedades de la versión 2.9 de WordPress está la de que te permite insertar video desde sitios de broadcasting como YouTube, Daily Motion, Blip.tv, Flickr, Hulu, Viddler, Qik, Revision3, Scribd, Google Video, Photobucket, PollDaddy, WordPress.tv y otros con solo copiar la direccion o URL del video. Esto se logra gracias a la implementación del soporte para el protocolo oEmbed en esta versión, esta caracteristica hace que el código requerido para incrustar el video sea capturado directamente del lugar de origen y sea añadido de forma automática al contenido de cualquier entrada sin intervención del editor del articulo. En este enlace se puede ver la referencia en inglés de oEmbed y alguna explicación de como conseguir la implementación de oEmbed en sitios que no lo soporten actualmente. Aqui una muestra del uso de esta característica mediante copiar y pegar el URL del video en este artículo, de esta manera: http://www.youtube.com/watch?v=LvjjREMGOEo Es un tema de Black Eyed Peas para el que se hizo un flashmob Muy util para los fanaticos a la inserción de videos.]]></description>
			<content:encoded><![CDATA[<p>Entre las novedades de la versión 2.9 de WordPress está la de que te permite insertar video desde sitios de broadcasting como YouTube, Daily Motion, Blip.tv, Flickr, Hulu, Viddler, Qik, Revision3, Scribd, Google Video, Photobucket, PollDaddy, WordPress.tv y otros con solo copiar la direccion o URL del video.</p>
<p><a href="http://www.juan-calderon.com/blog/wp-content/uploads/2009/12/blackEyedpeas_flashmob.jpg"><img class="size-full wp-image-202 alignnone" title="blackEyedpeas_flashmob" src="http://www.juan-calderon.com/blog/wp-content/uploads/2009/12/blackEyedpeas_flashmob.jpg" alt="" width="592" height="344" /></a></p>
<p>Esto se logra gracias a la implementación del soporte para el protocolo oEmbed en esta versión, esta caracteristica hace que el código requerido para incrustar el video sea capturado directamente del lugar de origen y sea añadido de forma automática al contenido de cualquier entrada sin intervención del editor del articulo.</p>
<p>En este <a href="http://codex.wordpress.org/Embeds">enlace</a> se puede ver la referencia en inglés de oEmbed y alguna explicación de como conseguir la implementación de oEmbed en sitios que no lo soporten actualmente.</p>
<p>Aqui una muestra del uso de esta característica  mediante copiar y pegar el URL del video en este artículo, de esta manera:</p>
<p><code>http://www.youtube.com/watch?v=LvjjREMGOEo</code></p>
<p>Es un tema de Black Eyed Peas para el que se hizo un <a href="http://es.wikipedia.org/wiki/Flashmob" target="_blank">flashmob</a></p>
<p><object width="500" height="400"><param name="movie" value="http://www.youtube.com/v/LvjjREMGOEo&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/LvjjREMGOEo&#038;fs=1" type="application/x-shockwave-flash" width="500" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Muy util para los fanaticos a la inserción de videos.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7MUocshLhK4:X88o6l2cI1w:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7MUocshLhK4:X88o6l2cI1w:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=7MUocshLhK4:X88o6l2cI1w:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/7MUocshLhK4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=199</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://www.youtube.com/v/LvjjREMGOEo&amp;#038;fs=1" length="1127" type="application/x-shockwave-flash" /><media:content url="http://www.youtube.com/v/LvjjREMGOEo&amp;#038;fs=1" fileSize="1127" type="application/x-shockwave-flash" /><feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=199</feedburner:origLink></item>
		<item>
		<title>Introducción a CSS 2.1</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/JDP3JXUkbRg/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=164#comments</comments>
		<pubDate>Fri, 02 Oct 2009 22:45:20 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Presentaciones]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=164</guid>
		<description><![CDATA[Una de las cosas que con frecuencia pueden ser requeridas por quien quiere involucrarse en el ámbito del desarrollo web con o sin manejadores de contenido, es el uso de las hojas de estilo CSS. La presente es una introducción en extremo básica a este tema, que preparé en función de una charla que di hace poco para el TechDay del grupo Iguana Valley de Ecuador. Porque hablar de CSS 2.1 y no de la ultima versión CSS 3, pues porque al momento de escribir este artículo la mayoría de los navegadores no son compatibles con esta ultima versión aun en desarrollo. OBJETIVOS DE ESTE DOCUMENTO - Conocer que es CSS y para que sirve - Conocer como asignar estilos a un documento XHTML - Conocer la estructura básica del código CSS - Conocer recomendaciones para escribir código CSS A continuación el desarrollo de estos objetivos. Esta es la presentación en Prezi de la charla si desean revisarla: QUE ES CSS Es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con XHTML. Es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-177 alignleft" title="specificity-value" src="http://www.juan-calderon.com/blog/wp-content/uploads/2009/10/specificity-value.png" alt="specificity-value" width="274" height="72" />Una de las cosas que con frecuencia pueden ser requeridas por quien quiere involucrarse en el ámbito del desarrollo web con o sin manejadores de contenido, es el uso de las hojas de estilo CSS. La presente es una introducción en extremo básica a este tema, que preparé en función de una charla que di hace poco para el TechDay del grupo Iguana Valley de Ecuador.</p>
<p>Porque hablar de CSS 2.1 y no de la ultima versión CSS 3, pues porque al momento de escribir este artículo la mayoría de los navegadores no son compatibles con esta ultima versión aun en desarrollo.</p>
<p><strong>OBJETIVOS DE ESTE DOCUMENTO</strong></p>
<p>- Conocer que es CSS y para que sirve<br />
- Conocer como asignar estilos a un documento XHTML<br />
- Conocer la estructura básica del código CSS<br />
- Conocer recomendaciones para escribir código CSS</p>
<p>A continuación el desarrollo de estos objetivos.<span id="more-164"></span></p>
<p>Esta es la presentación en Prezi de la charla si desean revisarla:</p>
<div>
<p><object id="prezi_ttjxgfgjsfir" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="prezi_ttjxgfgjsfir" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="prezi_id=ttjxgfgjsfir&amp;lock_to_path=1&amp;color=ffffff&amp;autoplay=no" /><param name="src" value="http://prezi.com/bin/preziloader.swf" /><embed id="prezi_ttjxgfgjsfir" type="application/x-shockwave-flash" width="550" height="400" src="http://prezi.com/bin/preziloader.swf" flashvars="prezi_id=ttjxgfgjsfir&amp;lock_to_path=1&amp;color=ffffff&amp;autoplay=no" bgcolor="#ffffff" allowscriptaccess="always" allowfullscreen="true" name="prezi_ttjxgfgjsfir"></embed></object></div>
<p><strong>QUE ES CSS</strong></p>
<p>Es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con XHTML.</p>
<p>Es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.</p>
<p><strong>PARA QUE SIRVE EL CSS</strong></p>
<p>Sirve para separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo. Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.</p>
<p>Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.</p>
<p>Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.</p>
<p><strong>COMO ASIGNAR ESTILOS A UN DOCUMENTO XHTML</strong></p>
<p>Una de las principales características de CSS es su flexibilidad y las diferentes opciones que ofrece para realizar una misma tarea. De hecho, existen tres opciones para incluir CSS en un documento HTML.</p>
<p><strong>Incluir CSS en los elementos HTML<br />
</strong>Este método para incluir estilos CSS en documentos HTML es el peor y el menos utilizado, ya que tiene los mismos problemas que la utilización de las etiquetas &lt;font&gt;.</p>
<p>Esta forma de incluir CSS directamente en los elementos HTML solamente se utiliza en determinadas situaciones en las que se debe incluir un estilo muy específico para un solo elemento concreto.</p>
<p><strong>Incluir CSS en el mismo documento HTML<br />
</strong>Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta &lt;style&gt; de HTML y solamente se deben incluir en la cabecera del documento(sólo dentro de la sección &lt;head&gt;).</p>
<p>Este método se emplea cuando se define un número pequeño de estilos o cuando se quieren incluir estilos específicos en una determinada página HTML que completen los estilos que se incluyen por defecto en todas las páginas del sitio web.</p>
<p>El principal inconveniente  de este método es que si se quiere hacer una modificación en los estilos definidos, es necesario modificar todas las páginas que incluyen el estilo que se va a modificar.</p>
<p><strong>Definir CSS en un archivo externo<br />
</strong>En este caso, todos los estilos CSS se incluyen en un archivo de tipo CSS que las páginas HTML/XHTML enlazan mediante la etiqueta &lt;link&gt;.</p>
<p>Un archivo de tipo CSS no es más que un archivo simple de texto cuya extensión es .css</p>
<p>Se pueden crear más de un archivo CSS para un proyecto y cada página HTML puede enlazar tantos archivos CSS como necesite.</p>
<p>Normalmente, la etiqueta &lt;link&gt; incluye cuatro atributos cuando se enlaza un archivo CSS:</p>
<p>- rel: indica el tipo de relación que tiene el recurso enlazado (en este caso, el archivo CSS) y la página HTML. Para los archivos CSS, siempre se utiliza el valor stylesheet</p>
<p>- type: indica el tipo de recurso enlazado. Sus valores están estandarizados y para los archivos CSS su valor siempre es text/css</p>
<p>- href: indica la URL del archivo CSS que contiene los estilos. La URL indicada puede ser relativa o absoluta y puede apuntar a un recurso interno o externo al sitio web.</p>
<p>- media: indica el medio en el que se van a aplicar los estilos del archivo CSS. Más adelante se explican algunos de los medios CSS.</p>
<p>De todas las formas de incluir CSS en las páginas HTML, esta es la más utilizada con mucha diferencia. La principal ventaja es que se puede incluir un mismo archivo CSS en multitud de páginas HTML, por lo que se garantiza la aplicación homogénea de los mismos estilos a todas las páginas que forman un sitio web.</p>
<p>Con este método, el mantenimiento del sitio web se simplifica al máximo, ya que un solo cambio en un solo archivo CSS permite variar de forma instantánea los estilos de todas las páginas HTML que enlazan ese archivo.</p>
<p><strong>ESTRUCTURA BÁSICA DEL CÓDIGO CSS</strong></p>
<p>CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS.</p>
<p>Los diferentes términos se definen a continuación:</p>
<p><strong>- Regla:</strong> cada uno de los estilos que componen una hoja de estilos CSS. Cada regla está compuesta de una parte de &#8220;selectores&#8221;, un símbolo de &#8220;llave de apertura&#8221; ({), otra parte denominada &#8220;declaración&#8221; y por último, un símbolo de &#8220;llave de cierre&#8221; (}).</p>
<p><strong>- Selector:</strong> indica el elemento o elementos HTML a los que se aplica la regla CSS.</p>
<p><strong>- Declaración:</strong> especifica los estilos que se aplican a los elementos. Está compuesta por una o más propiedades CSS.</p>
<p><strong>- Propiedad:</strong> permite modificar el aspecto de una característica del elemento.</p>
<p><strong>- Valor:</strong> indica el nuevo valor de la característica modificada en el elemento.</p>
<p>Un archivo CSS puede contener infinitas reglas CSS, cada regla puede contener infinitos selectores y cada declaración puede estar formada por un número infinito de pares propiedad/valor.</p>
<p><em><strong>Nota Importante:</strong></em> Los selectores XHTML son sustituidos con frecuencia por nombres de clase e identificadores.</p>
<p><strong>Uso de Clases<br />
</strong>Se hace creando un nombre definido por el usuario, su sintaxis es un punto(.) antes del nombre definido, sustituye a un selector XHTML o se usa en conjunto con ellos.</p>
<p><strong>Uso de Identificadores<br />
</strong>Se hace creando utilizando el nombre de un identificador previamente definido en XHTML, su sintaxis es el signo de número (#)antes del nombre del identificador y sustituye a un selector XHTML o se usa en conjunto con este o las clases creadas previamente.</p>
<p><strong>RECOMENDACIONES PARA ESCRIBIR CÓDIGO CSS </strong></p>
<p><strong>Definir uso para diferentes medios </strong></p>
<p>Los medios más utilizados actualmente son Screen (para definir el aspecto de la página en pantalla),  Print (para definir el aspecto de la página cuando se imprime) y Handheld (que define el aspecto de la página cuando se visualiza mediante un dispositivo móvil).</p>
<p>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;/css/estilos.css&#8221; media=&#8221;screen&#8221; /&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;/css/estilosPrint.css&#8221; media=&#8221;print&#8221; /&gt;<br />
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;/css/estilosMobil.css&#8221; media=&#8221;handheld&#8221; /&gt;</p>
<p><strong>Usar XHTML en lugar de HTML </strong></p>
<p>Implica escribir etiquetas totalmente en minúsculas, cerrar correctamente todas las etiquetas, respetar la jerarquía de anidación, entre otras.</p>
<p><strong>Usar XHTML semántico antes que selectores propios</strong></p>
<p>Dar predominancia al uso de etiquetas XHTML antes que el uso de clases e identificadores</p>
<p><strong>Usar Comentarios</strong></p>
<p>Comentar el código y organizarlo de acuerdo a la sección al que se aplica un estilo</p>
<p><strong>Usar estructura MVC para manejadores de contenido</strong></p>
<p>Para desarrollos con CMSs usar diferentes hojas de estilo de acuerdo a la estructura, por ejemplo comun.css(common.css), estructura.css(layout.css), estilo.css(customize.css)</p>
<p><strong>Para plantillas de manejadores de contenido usar common.css</strong></p>
<p>Si se trabaja con plantillas separadas para cada sección de un sitio web, usar una hoja de estilo común para la definición de los estilos compartidos en todas las páginas.</p>
<p><strong>Especificidad</strong></p>
<p>Conocer la especificidad las reglas CSS, es decir la importancia específica de unas reglas de estilos CSS con respecto de otras. Para esto se pueden dar muchas combinaciones pero los valores de importancia básicos son estos:</p>
<p>- Importancia numérica del <strong>atributo style = 1000<br />
</strong>- Importancia numérica de un <strong>identificador (id) = 100</strong><br />
- Importancia numérica de una clase, <strong>pseudo-clase o atributo = 10</strong><br />
- Importancia numérica de un <strong>elemento html = 1</strong></p>
<p>La regla CSS que tenga mayor peso de acuerdo a lo anterior será la que se aplique en el browser.</p>
<p>Eso es muy útil una vez que tienes 2 estilos diferentes para un mismo selector que es algo que te sucede con frecuencia en los desarrollos de sitios medianos y grandes.</p>
<p><strong>Aplicar métodos específicos para cada navegador</strong></p>
<p>Conocer métodos para aplicar estilos de acuerdo a cada navegador, la manera no estándar es usando trampas o ( hacks), la manera estándar es mediante la detección del tipo de navegador o motor y creando hojas de estilo para cada cáso específico.</p>
<p><strong>Usar frameworks CSS<br />
</strong><br />
Usar frameworks CSS cuando sea posible para agilitar la  aplicación del código, estas aplicaciones traen creada una estructura lista de acuerdo a la necesidad de cada proyecto, esto ayuda muchísimo al inicio rápido de un proyecto, algunos frameworks conocidos son:</p>
<p><a href="http://www.thatstandardsguy.co.uk/2006/11/my-css-framework/" target="_blank">My CSS Framework</a></p>
<p><a href="http://www.contentwithstyle.co.uk/content/a-css-framework" target="_blank">Modular CSS</a></p>
<p><a href="http://www.blueprintcss.org/" target="_blank">BluePrint</a></p>
<p><a href="http://developer.yahoo.com/yui/grids/builder/" target="_blank">YUI CSS Grid</a></p>
<p><a href="http://elements.projectdesigns.org/" target="_blank">Elements</a></p>
<p><strong>Validar el código</strong></p>
<p>Validar el código CSS incrementa la posibilidad de que tu desarrollo sea visto en mayor cantidad de navegadores o dispositivos.</p>
<p>Para hacerlo hay cantidades de herramientas en Internet, personalmente uso una extensión de Mozilla Firefox llamada <a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">WebDeveloper</a> a mas de permitirme validar el código local y remotamente trae una infinidad de mini aplicaciones de utilidad a la hora de desarrollar sitios web.</p>
<p><strong>Fin de esta parte<br />
</strong><br />
Para la introducción a las hojas de estilo estás son algunas ideas que nos ayudarán a profundizar, en el futuro ampliaré la explicación de algunas técnicas en lo que será una continuación a este artículo, espero que les sea de utilidad.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=JDP3JXUkbRg:pXaYhA7XDcs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=JDP3JXUkbRg:pXaYhA7XDcs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=JDP3JXUkbRg:pXaYhA7XDcs:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/JDP3JXUkbRg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=164</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://prezi.com/bin/preziloader.swf" length="92083" type="application/x-shockwave-flash" /><media:content url="http://prezi.com/bin/preziloader.swf" fileSize="92083" type="application/x-shockwave-flash" /><feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=164</feedburner:origLink></item>
		<item>
		<title>La música de Tom Jobim</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/UTuND9FM5o0/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=156#comments</comments>
		<pubDate>Sun, 24 May 2009 15:05:49 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Audio]]></category>
		<category><![CDATA[Música]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=156</guid>
		<description><![CDATA[He disfrutado muchísimo de la música de este recital grabado en Sao Paulo en conmemoración de los 50 años de la Bossa Nova. Y es que no podía ser de otra manera, los interpretes son Roberto Carlos y Caetano Veloso y la música es de Tom Jobim, nada menos que uno de los gestores de la Bossa Nova en el mundo. Caetano Veloso por otro lado tan expresivo como siempre y tan entregado a su interpretación que se le sale el alma del cuerpo cuando canta. Roberto Carlos a los tiempos, con los signos del paso de los años en su rostro pero con la juventud de siempre en su voz y sus gestos. El recital fue grabado en Agosto del 2008, fueron 16 interpretaciones todas de autoría única o compartida de Tom Jobim, muy recomendable, aquí la lista de los temas: 01. Garota de Ipanema (Roberto Carlos e Caetano Veloso) 02. Wave (Roberto Carlos e Caetano Veloso) 03. Águas de Março (Daniel Jobim) 04. Por Toda a Minha Vida (Exaltação do Amor) (Caetano Veloso) 05. Ela é Carioca (Caetano Veloso) 06. Inútil Paisagem (Caetano Veloso) 07. Meditação (Caetano Veloso) 08. O Que Tinha Que Ser (Caetano Veloso) 09. Insensatez [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border: 0pt none; display: inline; margin-left: 4px; margin-right: 4px;" title="tomJobinCover" src="http://www.juan-calderon.com/images/tomjobincover.jpg" alt="tomJobinCover" width="244" height="244" align="left" border="0" /> He disfrutado muchísimo de la música de este recital grabado en Sao Paulo en conmemoración de los 50 años de la Bossa Nova.</p>
<p>Y es que no podía ser de otra manera, los interpretes son <a href="http://es.wikipedia.org/wiki/Roberto_Carlos_(cantante)" target="_blank">Roberto Carlos</a> y <a href="http://es.wikipedia.org/wiki/Caetano_Veloso" target="_blank">Caetano Veloso</a> y la música es de <a href="http://es.wikipedia.org/wiki/Tom_Jobin" target="_blank">Tom Jobim</a>, nada menos que uno de los gestores de la Bossa Nova en el mundo.</p>
<p>Caetano Veloso por otro lado tan expresivo como siempre y tan entregado a su interpretación que se le sale el alma del cuerpo cuando canta.</p>
<p>Roberto Carlos a los tiempos, con los signos del paso de los años en su rostro pero con la juventud de siempre en su voz y sus gestos.</p>
<p>El recital fue grabado en Agosto del 2008, fueron 16 interpretaciones todas de autoría única o compartida de Tom Jobim, muy recomendable, aquí la lista de los temas:</p>
<p>01. Garota de Ipanema (Roberto Carlos e Caetano Veloso)<br />
02. Wave (Roberto Carlos e Caetano Veloso)<br />
03. Águas de Março (Daniel Jobim)<br />
04. Por Toda a Minha Vida (Exaltação do Amor) (Caetano Veloso)<br />
05. Ela é Carioca (Caetano Veloso)<br />
06. Inútil Paisagem (Caetano Veloso)<br />
07. Meditação (Caetano Veloso)<br />
08. O Que Tinha Que Ser (Caetano Veloso)<br />
09. Insensatez (Roberto Carlos)<br />
10. Por Causa de Você (Roberto Carlos)<br />
11. Ligia (Roberto Carlos com Part. Esp. do Tom Jobim extraída do &#8216;Especial RC 1978&#8242;)<br />
12. Corcovado (Roberto Carlos<br />
13. Samba do Avião (Roberto Carlos)<br />
14. Eu Sei Que Vou Te Amar / Soneto da Fidelidade (Roberto Carlos)<br />
15. Tereza da Praia (Roberto Carlos e Caetano Veloso)<br />
16. Chega de Saudade (Roberto Carlos e Caetano Veloso)</p>
<p>Una pequeña muestra aquí:<br />
<img src="http://www.juan-calderon.com/bitacora/wp-content/plugins/flash-video-player/default_video_player.gif" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=UTuND9FM5o0:vLxSlb_TH1Y:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=UTuND9FM5o0:vLxSlb_TH1Y:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=UTuND9FM5o0:vLxSlb_TH1Y:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/UTuND9FM5o0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=156</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=156</feedburner:origLink></item>
		<item>
		<title>Chau Número Uno – Benedetti vive siempre</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/3tRFD7hJEcs/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=149#comments</comments>
		<pubDate>Mon, 18 May 2009 06:45:13 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Cine]]></category>
		<category><![CDATA[Libros]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=149</guid>
		<description><![CDATA[Perdón por el abuso en el título. El poema de Mario Benedetti se llama ”Chau número tres”, la verdad es que me duele su partida como si de un familiar se tratara. Bueno esque siempre fue un familiar, de mi soledad, de mis conquistas, de mi cine universitario, de mis palabras al viento cuando lo leía en voz alta en el balde de alguna camioneta. Con sus letras aprendí a sentirme cómodo con mi aislamiento adolescente y a encariñarme tanto con él como le paso a muchos que lo leyeron. Se quedó conmigo para mas adelante, uno de primeros los libros que le regalé a mi esposa en nuestro noviazgo fue el “Inventario”, creo que no fui el único que utilizó sus letras como recurso romántico. En esa época como en muchas, Benedetti era muy popular entre los universitarios, sin embargo me gusta pensar que yo tenía un compromiso especial con la lectura de su producción literaria, aun recuerdo cuando me regocijaba  en las estrofas cada cual mas triste o mas intensa de uno de sus poemas, veamos por ejemplo la letra de “Rostro de vos” : Tengo una soledad tan concurrida tan llena de nostalgias y de rostros de [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_182" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-182" title="200px-Mario_Benedetti" src="http://www.juan-calderon.com/images/200px-Mario_Benedetti.jpg" alt="Mario Benedetti" width="200" height="234" /><p class="wp-caption-text">Mario Benedetti</p></div>
<p>Perdón por el abuso en el título.</p>
<p>El poema de <a href="http://es.wikipedia.org/wiki/Mario_Benedetti" target="_blank">Mario Benedetti</a> se llama ”Chau número tres”, la verdad es que me duele su partida como si de un familiar se tratara. Bueno esque siempre fue un familiar, de mi soledad, de mis conquistas, de mi cine universitario, de mis palabras al viento cuando lo leía en voz alta en el balde de alguna camioneta.</p>
<p>Con sus letras aprendí a sentirme cómodo con mi aislamiento adolescente y a encariñarme tanto con él como le paso a muchos que lo leyeron.</p>
<p>Se quedó conmigo para mas adelante, uno de primeros los libros que le regalé a mi esposa en nuestro noviazgo fue el “Inventario”, creo que no fui el único que utilizó sus letras como recurso romántico.</p>
<p>En esa época como en muchas, Benedetti era muy popular entre los universitarios, sin embargo me gusta pensar que yo tenía un compromiso especial con la lectura de su producción literaria, aun recuerdo cuando me regocijaba  en las estrofas cada cual mas triste o mas intensa de uno de sus poemas, veamos por ejemplo la letra de “Rostro de vos” :</p>
<p>Tengo una soledad<br />
tan concurrida<br />
tan llena de nostalgias<br />
y de rostros de vos<br />
de adioses hace tiempo<br />
y besos bienvenidos<br />
de primeras de cambio<br />
y de último vagón.</p>
<p>Tengo una soledad<br />
tan concurrida<br />
que puedo organizarla<br />
como una procesión<br />
por colores<br />
tamaños<br />
y promesas<br />
por época<br />
por tacto<br />
y por sabor…</p>
<p>Como digo en el título, con esos <a href="http://amediavoz.com/benedetti.htm" target="_blank">poemas</a> y esas prosas, para mi y para el firmamento Benedetti nunca muere.</p>
<p><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/rwivEVwkyXw&amp;hl=es&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/rwivEVwkyXw&amp;hl=es&amp;fs=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>Salud maestro ahora estás en tu gran sueño y el mundo añora tu voz y tus palabras.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=3tRFD7hJEcs:L_NZ_uVYdtQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=3tRFD7hJEcs:L_NZ_uVYdtQ:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=3tRFD7hJEcs:L_NZ_uVYdtQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/3tRFD7hJEcs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=149</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<enclosure url="http://www.youtube.com/v/rwivEVwkyXw&amp;amp;hl=es&amp;amp;fs=1" length="1136" type="application/x-shockwave-flash" /><media:content url="http://www.youtube.com/v/rwivEVwkyXw&amp;amp;hl=es&amp;amp;fs=1" fileSize="1136" type="application/x-shockwave-flash" /><feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=149</feedburner:origLink></item>
		<item>
		<title>“Across the Universe”</title>
		<link>http://feedproxy.google.com/~r/JC-Blog/~3/pNYI6B8OKM8/</link>
		<comments>http://www.juan-calderon.com/bitacora/?p=146#comments</comments>
		<pubDate>Sun, 03 May 2009 07:00:58 +0000</pubDate>
		<dc:creator>jotace</dc:creator>
				<category><![CDATA[Audio]]></category>
		<category><![CDATA[Música]]></category>
		<category><![CDATA[Diversion]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.juan-calderon.com/blog/?p=146</guid>
		<description><![CDATA[He querido poner algo al respecto en este blog desde hace meses cuando vi la película Across the Universe, hay amigos a los que esta producción les pareció un ejemplo más de la falta de creatividad estadounidense y una  mala copia de la música y el estilo de &#8220;Los Beatles&#8221;. Otros tantos piensan que hay una fusión extra mercantil en ciertos elementos del film. Sorteando acuerdos y desacuerdos a mi me gustó mucho la película y la música. No soy muy tajante con mis juicios críticos y los reproches duros se me suelen quedar en el fondo de la garganta, algunas veces incluso me abstengo de ellos, mas bien por ignorancia que por cobardía. Por eso es que he gozado tanto de esta producción, tanto como otros se han indignado con ella y con su supuesta falta de propiedad.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft  wp-image-187" style="margin: 2px 10px 2px 4px;" title="AcrossTheUniverse" src="http://www.juan-calderon.com/images/AcrossTheUniverse.jpg" alt="AcrossTheUniverse" width="336" height="214" />He querido poner algo al respecto en este blog desde hace meses cuando vi la película <a href="http://es.wikipedia.org/wiki/Across_the_Universe_(pel%C3%ADcula)" target="_blank">Across the Universe</a>, hay amigos a los que esta producción les pareció un ejemplo más de la falta de creatividad estadounidense y una  mala copia de la música y el estilo de &#8220;Los Beatles&#8221;.</p>
<p>Otros tantos piensan que hay una fusión extra mercantil en ciertos elementos del film.</p>
<p>Sorteando acuerdos y desacuerdos a mi me gustó mucho la <a href="http://akas.imdb.com/title/tt0445922/" target="_blank">película</a> y la música.</p>
<p>No soy muy tajante con mis juicios críticos y los reproches duros se me suelen quedar en el fondo de la garganta, algunas veces incluso me abstengo de ellos, mas bien por ignorancia que por cobardía.</p>
<p>Por eso es que he gozado tanto de esta producción, tanto como otros se han indignado con ella y con su supuesta falta de propiedad.</p>
<p><img src="http://www.juan-calderon.com/bitacora/wp-content/plugins/flash-video-player/default_video_player.gif" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/JC-Blog?a=pNYI6B8OKM8:0q6SqpDy9J0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=pNYI6B8OKM8:0q6SqpDy9J0:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/JC-Blog?a=pNYI6B8OKM8:0q6SqpDy9J0:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/JC-Blog?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/JC-Blog/~4/pNYI6B8OKM8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.juan-calderon.com/bitacora/?feed=rss2&amp;p=146</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.juan-calderon.com/bitacora/?p=146</feedburner:origLink></item>
	<media:rating>adult</media:rating></channel>
</rss>

