<?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>José Robinson &#187; Webdev</title>
	<atom:link href="http://joserobinson.com/blog/tag/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://joserobinson.com</link>
	<description>Diseño, desarrollo y posicionamiento web</description>
	<lastBuildDate>Tue, 14 Feb 2012 03:47:02 +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>Traductor utilizando Google AJAX Language API</title>
		<link>http://joserobinson.com/blog/traductor-utilizando-google-ajax-language-api/</link>
		<comments>http://joserobinson.com/blog/traductor-utilizando-google-ajax-language-api/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 15:53:25 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=73</guid>
		<description><![CDATA[Aqui les pongo ejemplo de como hacer un traductor sencillo utilizando Google AJAX Language API.]]></description>
			<content:encoded><![CDATA[<p>Aqui les pongo ejemplo de como hacer un traductor sencillo utilizando <a href="http://code.google.com/apis/ajaxlanguage/documentation/" target="_blank">Google AJAX Language API</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/traductor-utilizando-google-ajax-language-api/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Enviar datos por post con PHP</title>
		<link>http://joserobinson.com/blog/enviar-datos-por-post-con-php/</link>
		<comments>http://joserobinson.com/blog/enviar-datos-por-post-con-php/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 01:04:35 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[Sockets]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=91</guid>
		<description><![CDATA[Con esta función puedes hacer una petición con el método POST y enviar datos abriendo una conexión por socket. Para hacer una petición simplemente necesitas esto: $data = array('nombre' =&#62; 'Pancho','apellido' =&#62; 'Villa'); $result = post_request('http://localhost/test.php', $data); Además puedes incluir cabeceras adicionales en la petición: $data = array('nombre' =&#62; 'Pancho','apellido' =&#62; 'Villa'); $headers = array('X-AppID' [...]]]></description>
			<content:encoded><![CDATA[<p>Con esta función puedes hacer una petición con el método POST y enviar datos abriendo una conexión por socket.<span id="more-91"></span></p>
<p>Para hacer una petición simplemente necesitas esto:</p>
<pre>$data = array('nombre' =&gt; 'Pancho','apellido' =&gt; 'Villa');

$result = post_request('http://localhost/test.php', $data);</pre>
<p>Además puedes incluir cabeceras adicionales en la petición:</p>
<pre>$data = array('nombre' =&gt; 'Pancho','apellido' =&gt; 'Villa');

$headers = array('X-AppID' =&gt; 'APP1');

$result = post_request('http://localhost/test.php', $data, $headers);</pre>
<p>Esta función retorna el resultado crudo que devuelve el servidor al cual se le hizo la petición.</p>
<p class="article-resource"><a class="download-link" href="http://joserobinson.com/dl/scripts/post_request.zip" target="_blank">DESCARGAR</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/enviar-datos-por-post-con-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como hacer un plugin para jQuery</title>
		<link>http://joserobinson.com/blog/como-hacer-un-plugin-para-jquery/</link>
		<comments>http://joserobinson.com/blog/como-hacer-un-plugin-para-jquery/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 22:21:58 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=138</guid>
		<description><![CDATA[Para los amantes a jQuery aquí les tengo una guía en la cual se explica como crear un plugin para esta librería. FUENTE: How To Develop a jQuery Plugin]]></description>
			<content:encoded><![CDATA[<p>Para los amantes a jQuery aquí les tengo una guía en la cual se explica como crear un plugin para esta librería.</p>
<p>FUENTE: <a href="http://www.sitepoint.com/blogs/2009/07/22/how-to-develop-a-jquery-plugin/" target="_blank">How To Develop a jQuery Plugin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/como-hacer-un-plugin-para-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menú horizontal con jQuery</title>
		<link>http://joserobinson.com/blog/menu-horizontal-con-jquery/</link>
		<comments>http://joserobinson.com/blog/menu-horizontal-con-jquery/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 17:26:02 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Menus]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=128</guid>
		<description><![CDATA[Excelente menú horizontal con sub-menu. DEMO FUENTE: Horizontal Subnav with CSS]]></description>
			<content:encoded><![CDATA[<p>Excelente menú horizontal con sub-menu.</p>
<p class="article-resource"><a target="_blank" class="demo-link zip-file" href="http://www.sohtanaka.com/web-design/examples/horizontal-subnav/">DEMO</a></p>
<p>FUENTE: <a href="http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/" target="_blank">Horizontal Subnav with CSS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/menu-horizontal-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El poder del HTML 5 y CSS 3</title>
		<link>http://joserobinson.com/blog/el-poder-del-html-5-y-css-3/</link>
		<comments>http://joserobinson.com/blog/el-poder-del-html-5-y-css-3/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 16:21:17 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=120</guid>
		<description><![CDATA[Veamos lo que se puede lograr con HTML 5 y CSS 3. Entre las mejoras que veo destacan: Estructurar mejor el documento HTML con etiquetas mas limpias y precisas. Selectores CSS avanzados que nos permiten dar estilos de manera más especifica. Etiquetas como &#60;audio&#62;, &#60;video&#62;,  que nos simplifican la vida. FUENTE: The Power of HTML [...]]]></description>
			<content:encoded><![CDATA[<p>Veamos lo que se puede lograr con HTML 5 y CSS 3.</p>
<p>Entre las mejoras que veo destacan:</p>
<ul>
<li> Estructurar mejor el documento HTML con etiquetas mas limpias y precisas.</li>
<li> Selectores CSS avanzados que nos permiten dar estilos de manera más especifica.</li>
<li> Etiquetas como &lt;audio&gt;, &lt;video&gt;,  que nos simplifican la vida.</li>
</ul>
<p>FUENTE: <a title="The Power of HTML 5 and CSS 3" href="http://perishablepress.com/press/2009/07/19/power-of-html5-css3/" target="_blank">The Power of HTML 5 and CSS 3</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/el-poder-del-html-5-y-css-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Técnicas para Cross-Browser CSS</title>
		<link>http://joserobinson.com/blog/tecnicas-para-cross-browser-css/</link>
		<comments>http://joserobinson.com/blog/tecnicas-para-cross-browser-css/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 12:59:57 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=89</guid>
		<description><![CDATA[Hacer un website compatible con todos los navegadores es probablemente la tarea mas incomoda que debe realizar un desarrollador web. Afortunadamente podemos hablar de CSS Cross-Browser, que no es más que una serie de técnicas y consejos para desarrollar websites que se vean exactamente igual en cualquier navegador. Unas de las principales técnicas es resetear [...]]]></description>
			<content:encoded><![CDATA[<p>Hacer un website compatible con todos los navegadores es probablemente la tarea mas incomoda que debe realizar un desarrollador web. Afortunadamente podemos hablar de CSS Cross-Browser, que no es más que una serie de técnicas y consejos para desarrollar websites que se vean exactamente igual en cualquier navegador.</p>
<p><span id="more-89"></span></p>
<p><strong>Unas de las principales técnicas es resetear los estilos que los navegadores definen por defecto para cada elemento HTML:</strong></p>
<pre>html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
 pre, form, p, blockquote, fieldset, input, hr {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code,
 em, strong, th {font-size:1em; font-weight:normal; font-style:normal;}
ul, ol {list-style:none;}
fieldset, img, hr {border:none;}
caption, th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}</pre>
<p><strong>El problema de IE.</strong></p>
<p>Para suerte de muchos también existe lo que son los comentarios condicionales que están implementados en Internet Explorer, que le permite al desarrollador hacer estilos específicos para este navegador.</p>
<p>Esto es interpretado únicamente por IE.</p>
<pre>&lt;!--[if IE]&gt;
&lt;link href="ie.css" rel="stylesheet" /&gt;
&lt;![endif]--&gt;</pre>
<p>También podemos hacer un estilo para una versión en específico de IE, en este caso para la versión 6.</p>
<pre>&lt;!--[if IE6]&gt;
&lt;link href="ie6.css" rel="stylesheet" /&gt;
&lt;![endif]--&gt;</pre>
<p>Para corregir un problema de forma rápida existe una técnica que es la más usada por los desarrolladores, con la que podemos hacer estilos específicos para IE dentro de la misma hoja de estilos general:</p>
<pre>.class {
*width:250px; /* Para IE (cualquier versión) */
_width:300px; /* Para IE6 */
.width:200px; /* Para IE7 */
}</pre>
<p>La única pega que tiene esta técnica es que no es un estándar y por lo tanto no tiene el visto bueno de la W3C. Como dije antes es una forma rápida de corregir un problema pero lo recomendable es usar los comentarios condicionales.</p>
<p><strong>También existen formas de hacer estilos que se reflejen únicamente en navegadores específicos.</strong></p>
<p><strong>Para Opera.</strong></p>
<p>De esta forma podemos agregar reglas CSS que solo serán vistas por Opera, y así podremos corregir cualquier problema que se nos presente en dicho navegador sin tener que afectar a los demás.</p>
<pre>@media all and (min-width: 0px) {
.classname {}
}</pre>
<p><strong>Para Safari.</strong></p>
<p>Safari es un navegador que cumple con el estándar, es raro que se nos presente un problema con el. Pero esto podría suceder. Con esta técnica podemos hacer reglas CSS específicas para este navegador.</p>
<pre>html:lang(en)&gt;body  .classname {}</pre>
<p><strong>Para Google Chrome.</strong></p>
<p>Aquí también hay algo para el ahora famoso navegador de Google.</p>
<pre>body:nth-of-type(1) .classname {}</pre>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/tecnicas-para-cross-browser-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crea diagramas utilizando Canvas en HTML 5 y jQuery</title>
		<link>http://joserobinson.com/blog/crea-diagramas-utilizando-canvas-html-5-y-jquery/</link>
		<comments>http://joserobinson.com/blog/crea-diagramas-utilizando-canvas-html-5-y-jquery/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 14:05:24 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=85</guid>
		<description><![CDATA[Canvas es una nueva etiqueta que ha sido incluida en la especificación de HTML 5, y nos permite crear gráficos, composiciones de imágenes e incluso animaciones, que antes solo podíamos emplear a través de un lenguaje de scripting como JavaScript, pero ahora ha sido incluida en la especificación de HTML 5 por el W3C. El [...]]]></description>
			<content:encoded><![CDATA[<p>Canvas es una nueva etiqueta que ha sido incluida en la especificación de HTML 5, y nos permite crear gráficos, composiciones de imágenes e incluso animaciones, que antes solo podíamos emplear a través de un lenguaje de scripting como JavaScript, pero ahora ha sido incluida en la especificación de HTML 5 por el W3C.</p>
<p>El articulo que muestro a continuación nos muestra un plugin para jQuery con el que podemos hacer este tipo de gráficos al estilo jQuery (rápido y fácil).</p>
<p>FUENTE: <a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas" target="_blank">jQuery Visualize Plugin: Accessible Charts &amp; Graphs from Table Elements using HTML 5 Canvas</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/crea-diagramas-utilizando-canvas-html-5-y-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 tips para mejorar tu JavaScript</title>
		<link>http://joserobinson.com/blog/10-tips-para-mejorar-tu-javascript/</link>
		<comments>http://joserobinson.com/blog/10-tips-para-mejorar-tu-javascript/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 13:15:44 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=77</guid>
		<description><![CDATA[Interesante colección de tips para mejorar nuestro JavaScript. 1. Utiliza el atributo defer sólo para scripts IE externos. 2. Utiliza una sección CData para prevenir XHTML de errores estrictos de validación. 3. Evita las palabras claves JavaScript al crear identificadores de usuario. 4. Evita las palabras Javascript reservadas al crear identificadores de usuario. 5. No [...]]]></description>
			<content:encoded><![CDATA[<p>Interesante colección de tips para mejorar nuestro JavaScript.</p>
<p>1. Utiliza el atributo defer sólo para scripts IE externos.<br />
2. Utiliza una sección CData para prevenir XHTML de errores estrictos de validación.<br />
3. Evita las palabras claves JavaScript al crear identificadores de usuario.<br />
4. Evita las palabras Javascript reservadas al crear identificadores de usuario.<br />
5. No cambies el tipo de una variable después de la declaración inicial.<br />
6. No utilices variables globales.<br />
7. JavaScript es sensible al caso.<br />
8. Utiliza switch para manejar condiciones múltiples.<br />
9. Utiliza try-catch para prevenir que los errores se muestren a los usuarios.<br />
10. Realiza comentarios multi-línea legibles, pero simples.</p>
<p>Aquí encontraras los detalles sobre cada punto:<br />
FUENTE: <a href="http://www.impressivewebs.com/10-javascript-quick-tips-and-best-practices/" target="_blank">10 JavaScript Quick Tips and Best Practices</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/10-tips-para-mejorar-tu-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Crear archivos ZIP con PHP</title>
		<link>http://joserobinson.com/blog/crear-archivos-zip-con-php/</link>
		<comments>http://joserobinson.com/blog/crear-archivos-zip-con-php/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 01:50:04 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=67</guid>
		<description><![CDATA[Interesante articulo sobre como crear archivos ZIP utilizando PHP. Basta decir que esta bien sencillo. FUENTE: Creando archivos ZIP con PHP]]></description>
			<content:encoded><![CDATA[<p>Interesante articulo sobre como crear archivos ZIP utilizando PHP. Basta decir que esta bien sencillo.</p>
<p>FUENTE: <a href="http://www.tufuncion.com/zipfile" target="_blank">Creando archivos ZIP con PHP</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/crear-archivos-zip-con-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery para reproducir MP3, WMA, y mas.</title>
		<link>http://joserobinson.com/blog/jquery-para-reproducir-mp3-wma/</link>
		<comments>http://joserobinson.com/blog/jquery-para-reproducir-mp3-wma/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 23:43:33 +0000</pubDate>
		<dc:creator>Jose Robinson</dc:creator>
				<category><![CDATA[Webdev]]></category>
		<category><![CDATA[Audio]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://joserobinson.com/blog/?p=53</guid>
		<description><![CDATA[Interesante articulo que nos muestra como utilizar jQuery para reproducir archivos de audio como MP3, WMA, etc. Me parece interesante este plugin por la facilidad de implementación y lo potente que es ya que además de audio también podemos reproducir vídeo. FUENTE: Using jQuery to play Media Files (MP3,WMA,etc,etc) jQuery Media Plugin]]></description>
			<content:encoded><![CDATA[<p>Interesante articulo que nos muestra como utilizar jQuery para reproducir archivos de audio como MP3, WMA, etc.</p>
<p>Me parece interesante este plugin por la facilidad de implementación y lo potente que es ya que además de audio también podemos reproducir vídeo.</p>
<p>FUENTE: <a href="http://evanriley.xiaimix.com/using-jquery-to-play-media-files-mp3wmaetcetc/" target="_blank">Using jQuery to play Media Files (MP3,WMA,etc,etc)</a><br />
<a href="http://malsup.com/jquery/media/" target="_blank">jQuery Media Plugin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://joserobinson.com/blog/jquery-para-reproducir-mp3-wma/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

