<?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"
	>

<channel>
	<title>codinami.com</title>
	<atom:link href="http://www.codinami.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codinami.com</link>
	<description>otro blog de desarrollo web</description>
	<pubDate>Tue, 19 Aug 2008 14:23:49 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Modificando SyntaxHighlighter para pasar el validador w3c</title>
		<link>http://www.codinami.com/modificando-syntaxhighlighter-para-pasar-el-validador-w3c/</link>
		<comments>http://www.codinami.com/modificando-syntaxhighlighter-para-pasar-el-validador-w3c/#comments</comments>
		<pubDate>Mon, 30 Jun 2008 16:45:03 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://codinamilocal/?p=17</guid>
		<description><![CDATA[Buscar un coloreador de código no fue tarea fácil para mi. En un principio implementé el iG:Syntax Hiliter, el mismo que utilizan en ajaxian.com. El problema de este plug-in es que transforma los estilos del código en el servidor y lo ensucia mucho, por lo tanto me tuve que pasar los estándares por la $&#38;%$#&#8230;.
Buena [...]]]></description>
			<content:encoded><![CDATA[<p>Buscar un coloreador de código no fue tarea fácil para mi. En un principio implementé el <a title="En esta url sale como donde bajarlo y como instalarlo" href="http://www.cristalab.com/tips/26765/instalacion-de-plugin-igsyntax-hiliter-para-wordpress" target="_blank">iG:Syntax Hiliter</a>, el mismo que utilizan en <a href="http://www.ajaxian.com" target="_blank">ajaxian.com</a>. El problema de este plug-in es que transforma los estilos del código en el servidor y lo ensucia mucho, por lo tanto me tuve que pasar los estándares por la $&amp;%$#&#8230;.</p>
<p>Buena fue mi sorpresa cuando encontré a <a title="SyntaxHighlighter" href="http://code.google.com/p/syntaxhighlighter/" target="_blank">SyntaxHighlighter</a>; tiene una buena presentación y colorea el código por javascript.</p>
<p>Me encontre el mismo problema con este plug-in&#8230;. mi pagina sigue sin pasar el validador. Me vi obligado a meter mano al código. Lo primero fue cambiar el modo en que selecciona las porciones de código. Por defecto es de la siguiente manera</p>
<pre class="html">&lt;pre name="code" class="php"&gt;
.....codigo....
&lt;/pre&gt;</pre>
<p>El validador reclama que no existe el atributo name para la etiqueta PRE, por lo tanto fui al código, y localicé donde estaba el problema&#8230;. comenté una linea por allí&#8230; otra por allá&#8230; y ahora los PRE no requieren el atributo name.</p>
<pre class="html">&lt;pre class="php"&gt;
.....código....
&lt;/pre&gt;</pre>
<p>Lo segundo que reclama el validador, es que el plug-in incluye los js de esta manera:</p>
<p>&lt;javascript class=&#8221;javascript&#8221; src&#8221;&#8230;.(ruta al js).js&#8221; /&gt;</p>
<p>¿Que demonios hace el atributo CLASS ahí?&#8230;.en fin&#8230; ya está solucionado.</p>
<p>SyntaxHighlighter modificado: <a href="http://codinamilocal/wp-content/uploads/2008/06/google-syntax-highlighter.rar">google-syntax-highlighter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/modificando-syntaxhighlighter-para-pasar-el-validador-w3c/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Solución al problema con la traducción de WordPress</title>
		<link>http://www.codinami.com/solucion-al-problema-con-la-traduccion-de-wordpress/</link>
		<comments>http://www.codinami.com/solucion-al-problema-con-la-traduccion-de-wordpress/#comments</comments>
		<pubDate>Wed, 30 Jan 2008 02:25:56 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.codinami.com/solucion-al-problema-con-la-traduccion-de-wordpress/</guid>
		<description><![CDATA[Estuve DÍAS sin entender porque diantres en este servidor no lograba traducir mi blog con el famoso es_ES.mo. El día que me canse de tratar de corregirlo por mi mismo decidí buscar y llegue rápidamente a esta pagina:
http://reyson.wordpress.com/2007/11/05/solucion-al-problema-con-la-traduccion-de-wordpress/ 
En el mismo sitio disponen de una traducción para wordpress, por si te interesa.
De verdad&#8230; muchas Gracias [...]]]></description>
			<content:encoded><![CDATA[<p>Estuve DÍAS sin entender porque diantres en este servidor no lograba traducir mi blog con el famoso es_ES.mo. El día que me canse de tratar de corregirlo por mi mismo decidí buscar y llegue rápidamente a esta pagina:</p>
<p><a href="http://reyson.wordpress.com/2007/11/05/solucion-al-problema-con-la-traduccion-de-wordpress/" target="_blank">http://reyson.wordpress.com/2007/11/05/solucion-al-problema-con-la-traduccion-de-wordpress/ </a></p>
<p>En el mismo sitio disponen de una traducción para wordpress, por si te interesa.</p>
<p>De verdad&#8230; muchas Gracias <img src='http://www.codinami.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/solucion-al-problema-con-la-traduccion-de-wordpress/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Crea tus favicons online</title>
		<link>http://www.codinami.com/crea-tus-favicons-online/</link>
		<comments>http://www.codinami.com/crea-tus-favicons-online/#comments</comments>
		<pubDate>Mon, 31 Dec 2007 18:27:09 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[Diseño]]></category>

		<category><![CDATA[favicons]]></category>

		<guid isPermaLink="false">http://www.codinami.com/crea-tus-favicons-online/</guid>
		<description><![CDATA[Hay muchos, muchísimos generadores de favicons on-line disponibles en la red. Hace poco tuve  que probar unos cuantos para finalmente colocar uno para este blog. De todos los que probé, dos fueron los que me dieron mejores resultados (lo que no significa que sean los mejores).

http://tools.dynamicdrive.com/favicon/
http://www.htmlkit.com/services/favicon/

Y de estos dos me quede con el primero, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.codinami.com/wp-content/uploads/2007/12/favicon.png" alt="favicon.png" align="left" />Hay muchos, muchísimos generadores de <a href="http://es.wikipedia.org/wiki/Favicon" title="¿no sabes lo que es un favicon?">favicons</a> on-line disponibles en la red. Hace poco tuve  que probar unos cuantos para finalmente colocar uno para este blog. De todos los que probé, dos fueron los que me dieron mejores resultados (lo que no significa que sean los mejores).</p>
<ul>
<li><a href="http://tools.dynamicdrive.com/favicon/" title="Dynamicdrive" target="_blank">http://tools.dynamicdrive.com/favicon/</a></li>
<li><a href="http://www.htmlkit.com/services/favicon/" title="htmlkit.com">http://www.htmlkit.com/services/favicon/</a></li>
</ul>
<p>Y de estos dos me quede con el primero, ya que soporta transparencia, característica que importaba en mi favicon (que cree con <a href="http://www.inkscape.org/" title="Inkscape">Inkscape</a>, por cierto).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/crea-tus-favicons-online/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Editor de texto WYSIWYG&#8230; hazlo simple.</title>
		<link>http://www.codinami.com/editor-de-texto-wysiwyg-hazlo-simple/</link>
		<comments>http://www.codinami.com/editor-de-texto-wysiwyg-hazlo-simple/#comments</comments>
		<pubDate>Fri, 21 Dec 2007 19:34:39 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Recursos]]></category>

		<category><![CDATA[editores]]></category>

		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.codinami.com/editor-de-texto-wysiwyg-hazlo-simple/</guid>
		<description><![CDATA[

Click para ir a su web
Adoro la simplicidad. Este editor nace como una alternativa ligera, a los ya sofisticados editores WYSIWYG tales como TinyMCE y FCKEditor.  Además de su fácil implementación, tiene la ventaja de ser liviano (30kb de código comprimido y 3kb para las imágenes).
Tenemos varios textareas:

&#60;textarea id="area1">&#60;/textarea>
&#60;textarea id="area2">&#60;/textarea>
&#60;textarea id="area3">&#60;/textarea>

Los transformamos todos:

bkLib.onDomLoaded(function() {
	nicEditors.allTextAreas;
}

O [...]]]></description>
			<content:encoded><![CDATA[<p><a title="nicedit1.png" rel="attachment wp-att-13" href="http://codinamilocal/?attachment_id=13"></a></p>
<p style="text-align: center"><a title="Click para ir a su web" rel="attachment wp-att-13" href="http://codinamilocal/?attachment_id=13"><img src="http://www.codinami.com/wp-content/uploads/2007/12/nicedit1.png" alt="nicedit1.png" /></a><br />
<small>Click para ir a su web</small></p>
<p>Adoro la simplicidad. Este editor nace como una alternativa ligera, a los ya sofisticados editores WYSIWYG tales como TinyMCE y FCKEditor.  Además de su fácil implementación, tiene la ventaja de ser liviano (30kb de código comprimido y 3kb para las imágenes).</p>
<p>Tenemos varios textareas:</p>
<pre class="html">
&lt;textarea id="area1">&lt;/textarea>
&lt;textarea id="area2">&lt;/textarea>
&lt;textarea id="area3">&lt;/textarea>
</pre>
<p>Los transformamos todos:</p>
<pre class="js">
bkLib.onDomLoaded(function() {
	nicEditors.allTextAreas;
}
</pre>
<p>O sólo uno:</p>
<pre class="js">
bkLib.onDomLoaded(function() {
	new nicEditor().panelInstance('area1');
}
</pre>
<p>Eso a modo bastante básico, porque puedes especificar que botones colocar, donde están las imágenes, y puedes guardar con Ajax</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/editor-de-texto-wysiwyg-hazlo-simple/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Chatea con tus visitantes&#8230; desde la comodidad de tu cliente de mensajería instantánea</title>
		<link>http://www.codinami.com/chatea-con-tus-visitantes-desde-la-comodidad-de-tu-cliente-de-mensajeria-instantanea/</link>
		<comments>http://www.codinami.com/chatea-con-tus-visitantes-desde-la-comodidad-de-tu-cliente-de-mensajeria-instantanea/#comments</comments>
		<pubDate>Mon, 17 Dec 2007 04:04:58 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[Chat]]></category>

		<category><![CDATA[servicios]]></category>

		<guid isPermaLink="false">http://www.codinami.com/chatea-con-tus-visitantes-desde-la-comodidad-de-tu-cliente-de-mensajeria-instantanea/</guid>
		<description><![CDATA[
Plugoo es un servicio gratuito que te permite, de manera simple, mantener una conversación con visitantes de tu página de manera muy cómoda, ya que los mensajes llegan a tu cliente messenger, gtalk, icq, etc. Lo he  probado personalmente con mi cuenta de messenger y funciona de maravilla.
&#160;

Tiene soporte para los clientes de mensajería [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://www.codinami.com/wp-content/uploads/2007/12/plugoo_logo.png" alt="plugoo_logo.png" align="left" /></p>
<p style="text-align: left"><a href="http://www.plugoo.com" title="Plugoo">Plugoo</a> es un servicio gratuito que te permite, de manera simple, mantener una conversación con visitantes de tu página de manera muy cómoda, ya que los mensajes llegan a tu cliente messenger, gtalk, icq, etc. Lo he  probado personalmente con mi cuenta de messenger y funciona de maravilla.</p>
<p style="text-align: left">&nbsp;</p>
<p style="text-align: center"><img src="http://www.codinami.com/wp-content/uploads/2007/12/plugoo2.png" alt="plugoo2.png" /></p>
<p>Tiene soporte para los clientes de mensajería más populares.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/chatea-con-tus-visitantes-desde-la-comodidad-de-tu-cliente-de-mensajeria-instantanea/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Pasar datos entre páginas con JavaScript</title>
		<link>http://www.codinami.com/pasar-datos-entre-paginas-con-javascript/</link>
		<comments>http://www.codinami.com/pasar-datos-entre-paginas-con-javascript/#comments</comments>
		<pubDate>Tue, 11 Dec 2007 18:55:12 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[dhtml]]></category>

		<guid isPermaLink="false">http://www.codinami.com/pasar-datos-entre-paginas-con-javascript/</guid>
		<description><![CDATA[En el desarrollo de aplicaciones web, hay veces en que resulta práctico hacer cambios dinámicos en nuestro html, a partir de información incluida en la URL. Hace algún tiempo encontré por internet esta sencilla, pero elegante función en JavaScript que permite rescatar los parámetros de la URL sin necesitar código del lado servidor.

function gup( name [...]]]></description>
			<content:encoded><![CDATA[<p>En el desarrollo de aplicaciones web, hay veces en que resulta práctico hacer cambios dinámicos en nuestro html, a partir de información incluida en la URL. Hace algún tiempo encontré por internet esta sencilla, pero elegante función en JavaScript que permite rescatar los parámetros de la URL sin necesitar código del lado servidor.</p>
<pre class="js">
function gup( name ) {
	name = name.replace(/[\[]/,&#8221;\\\[").replace(/[\]]/,&#8221;\\\]&#8221;);
	var regexS = &#8220;[\\?&amp;]&#8220;+name+&#8221;=([^&amp;#]*)&#8221;;
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null )
	return &#8220;&#8221;;
	else
	return results[1];
}
</pre>
<p>Ocuparemos la función de la siguiente manera:<br />
<em>var otraVariable = gup(&#8221;nombreVariableEnLaUrl&#8221;); </em></p>
<p>Ejemplo<br />
Supongamos que tenemos una url como esta: <em>http://www.codinami.com?<strong>variale</strong>=<strong>hola</strong>&amp;<strong>variable2=mundo</strong></em></p>
<pre class="js">
var v1 = gup("variable");
var v2 = gup("variable2");
alert(v1 + " " + v2 + "!");
</pre>
<p>Se mostrará un cuadro de alerta con el mensaje &#8220;hola mundo!&#8221;&#8230; muy original <img src='http://www.codinami.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/pasar-datos-entre-paginas-con-javascript/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Trabajando con XAMPP en Windows</title>
		<link>http://www.codinami.com/trabajando-con-xampp-en-windows/</link>
		<comments>http://www.codinami.com/trabajando-con-xampp-en-windows/#comments</comments>
		<pubDate>Mon, 10 Dec 2007 01:33:20 +0000</pubDate>
		<dc:creator>David Roig</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[Apache]]></category>

		<category><![CDATA[MySQL]]></category>

		<category><![CDATA[Tips]]></category>

		<category><![CDATA[XAMPP]]></category>

		<guid isPermaLink="false">http://www.codinami.com/trabajando-con-xampp-en-windows</guid>
		<description><![CDATA[Trabajando con quee ?? &#8230; con XAMPP pues. Para los que no lo conocen, XAMPP es un paquete que trae pre-instalado Apache/PHP/MySQL y algunas otras herramientas bastante interesantes. También esta disponible para otros sistemas operativos.
Siempre me resistí a instalar este tipo de soluciones, ya que creo que cuando te abstraes de hacer algo (en este [...]]]></description>
			<content:encoded><![CDATA[<p>Trabajando con quee ?? &#8230; con <a href="http://www.apachefriends.org/en/xampp-windows.html" target="_blank" title="Web Oficial de XAMPP">XAMPP</a> pues. Para los que no lo conocen, XAMPP es un paquete que trae pre-instalado Apache/PHP/MySQL y algunas otras herramientas bastante interesantes. También esta disponible para otros sistemas operativos.</p>
<p>Siempre me resistí a instalar este tipo de soluciones, ya que creo que cuando te abstraes de hacer algo (en este caso instalar y configurar todo de forma manual), en algún momento hay un costo que asumir, como pudiera ser performance o el nivel de configurabilidad (¿existe esa palabra?) o tuning.</p>
<p>Hoy sigo pensando igual, pero me vi forzado a ocupar XAMPP por su característica <strong>Portable</strong>, ya que podía instalarlo en esos jodidos pc&#8217;s de la universidad donde te restringen todo y donde por supuesto tienen windows xp. Por lo tanto, si eres estudiante, te gusta programar en php/apache/mysql y no tienes notebook <img src='http://www.codinami.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  sniff&#8230;&#8230; Puedes continuar leyendo.</p>
<p><span id="more-1"></span>No lo has bajado?&#8230; ve a esta <a href="http://www.apachefriends.org/en/xampp-windows.html#641" target="_blank" title="Descargar XAMPP">dirección</a> y te encontrarás 3 opciones de descarga: un installer, la carpeta comprimida en zip y la carpeta comprimida en un ejecutable con 7-zip. Mi opción fue la última.</p>
<p>Ahora descomprimes la carpeta en C:\ y nos vamos a la carpeta C:\xampp y ejecutamos xampp-control.exe, verás lo siguiente:</p>
<p style="text-align: center"><img src="http://www.codinami.com/wp-content/uploads/2007/12/xampp1.jpg" alt="xampp1.jpg" /></p>
<p>Puedes levantar los servicios de forma momentanea haciendo click en Start/Stop, o puedes montar los servicios de forma permanente clickeando en las casillas Svc, de esta manera los servicios se iniciaran cuando entres a windows.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codinami.com/trabajando-con-xampp-en-windows/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
