<?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>minimalart &#187; jquery</title>
	<atom:link href="http://minimalart.org/tags/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://minimalart.org</link>
	<description>Pequeñas Expresiones</description>
	<lastBuildDate>Fri, 03 Sep 2010 08:39:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Guía de sintaxis en JQuery</title>
		<link>http://minimalart.org/news-and-buzz/guia-de-sintaxis-en-jquery</link>
		<comments>http://minimalart.org/news-and-buzz/guia-de-sintaxis-en-jquery#comments</comments>
		<pubDate>Thu, 18 Feb 2010 21:50:16 +0000</pubDate>
		<dc:creator>Max</dc:creator>
				<category><![CDATA[Dev & Design]]></category>
		<category><![CDATA[News & Buzz]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[referencia]]></category>

		<guid isPermaLink="false">http://minimalart.org/?p=208</guid>
		<description><![CDATA[JQuery Howto enuncia una serie de convenciones para escribir código javascript en JQuery http://bit.ly/dnUnGy]]></description>
			<content:encoded><![CDATA[<p><em>JQuery Howto</em> enuncia una serie de convenciones para escribir código javascript en JQuery <a href="http://bit.ly/dnUnGy">http://bit.ly/dnUnGy</a></p>
]]></content:encoded>
			<wfw:commentRss>http://minimalart.org/news-and-buzz/guia-de-sintaxis-en-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unit test en Javascript</title>
		<link>http://minimalart.org/news-and-buzz/unit-test-en-javascript</link>
		<comments>http://minimalart.org/news-and-buzz/unit-test-en-javascript#comments</comments>
		<pubDate>Mon, 08 Feb 2010 17:40:27 +0000</pubDate>
		<dc:creator>Max</dc:creator>
				<category><![CDATA[Dev & Design]]></category>
		<category><![CDATA[News & Buzz]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://minimalart.org/news-and-buzz/unit-test-en-javascript</guid>
		<description><![CDATA[Framework para unit test en Javascript, desarrollado por el equipo de JQuery http://bit.ly/cMEW1U]]></description>
			<content:encoded><![CDATA[<p>Framework para unit test en Javascript, desarrollado por el equipo de JQuery <a href="http://bit.ly/cMEW1U" target"_blank">http://bit.ly/cMEW1U</a></p>
]]></content:encoded>
			<wfw:commentRss>http://minimalart.org/news-and-buzz/unit-test-en-javascript/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Target=&#8217;_blank&#8217; en XHTML Strict</title>
		<link>http://minimalart.org/dev-and-design/target_blank-en-xhtml-strict</link>
		<comments>http://minimalart.org/dev-and-design/target_blank-en-xhtml-strict#comments</comments>
		<pubDate>Wed, 04 Mar 2009 22:34:25 +0000</pubDate>
		<dc:creator>Max</dc:creator>
				<category><![CDATA[Dev & Design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.minimalart.org/?p=6</guid>
		<description><![CDATA[Cuando estaba escribiendo el marcado de Kriminal, me había propuesto que fuera XHTML estricto. Me adhiero a la idea que el doctype Transitional debería ser utilizado solo en los casos de conversión entre una estructura de sitio web existente y una renovada (por ejemplo, en los casos de rediseño). Y aún así, siempre y cuando [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando estaba escribiendo el marcado de <a href="http://www.kriminal.com.ar">Kriminal</a>, me había propuesto que fuera <strong>XHTML estricto</strong>. Me adhiero a la idea que el doctype Transitional debería ser utilizado solo en los casos de conversión entre una estructura de sitio web existente y una renovada (por ejemplo, en los casos de rediseño). Y aún así, siempre y cuando sea muy complejo o muy costoso reescribir demasiado el código. Es decir que, como su nombre lo indica,  Transitional debe ser usado solo en casos de una transición. Para un código nuevo y limpio, insisto en que debería utilizarse un marcado estricto.<span id="more-6"></span></p>
<p>El caso es que algunos atributos no estan presentes en este doctype, como es el caso del target y específicamente target=&#8221;_blank&#8221;  para abrir enlaces en otra ventana o pestaña. Y ahi tenía un problema, porque decididamente no quería que mis visitantes abandonaran mi página para visitar otra.</p>
<p>Finalmente encontré la solución de la mano de <strong>jQuery </strong>(puede hacerse con Javascript puro) y el atributo <strong>rel</strong>. Básicamente, la idea es asignarle a los enlaces la propiedad <em>rel=&#8221;external&#8221;</em> junto con una pequeña porción de código javascript que logre el efecto.</p>
<h6><span>CODIGO</span> <strong>XHTML</strong></h6>
<div class="codecolorer-container html4strict dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;external&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.psicofxp.com&quot;</span>&gt;</span>psicofxp.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">a</span></a>&gt;</span></div></td></tr></tbody></table></div>
<h6><span>CODIGO</span> <strong>JAVASCRIPT</strong></h6>
<div class="codecolorer-container javascript dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br /></div></td><td><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;a[@rel~='external']&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;href&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></td></tr></tbody></table></div>
<p>Y con eso ya tenemos enlaces abriendo en una nueva ventana junto con nuestro marcado estricto (como corresponde, je)</p>
]]></content:encoded>
			<wfw:commentRss>http://minimalart.org/dev-and-design/target_blank-en-xhtml-strict/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
