<?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>El Blog de Mario Colque &#187; Javascript</title>
	<atom:link href="http://blog.mariocolque.com.ar/category/desarrollo-web/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mariocolque.com.ar</link>
	<description>Libre Expresión!</description>
	<lastBuildDate>Thu, 22 Dec 2011 16:39:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Tuquito Control Center 0.3-4 disponible!</title>
		<link>http://blog.mariocolque.com.ar/2010/12/02/tuquito-control-center-0-3-4-disponible/</link>
		<comments>http://blog.mariocolque.com.ar/2010/12/02/tuquito-control-center-0-3-4-disponible/#comments</comments>
		<pubDate>Thu, 02 Dec 2010 22:57:03 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Debian]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Software Libre]]></category>
		<category><![CDATA[Tuquito]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[control]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=387</guid>
		<description><![CDATA[Estos días solo me dediqué a mejorar el centro de control que desarrollo para Tuquito GNU/Linux, que por cierto es totalmente compatible con Debian, Ubuntu y derivados. La verdad que desde la idea original ha cambiado bastante, pero creo que es para bien. Para quienes no sepan de que se trata, Tuquito Control Center es [...]]]></description>
			<content:encoded><![CDATA[<p>Estos días solo me dediqué a mejorar el centro de control que desarrollo para <a title="Tuquito GNU/Linux" href="http://tuquito.org.ar">Tuquito</a> GNU/Linux, que por cierto es totalmente compatible con <strong>Debian</strong>, <strong>Ubuntu</strong> y derivados.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" 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/UbKsYwQdqGw?fs=1&amp;hl=es_ES" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/UbKsYwQdqGw?fs=1&amp;hl=es_ES" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><span id="more-387"></span>La verdad que desde la idea original ha cambiado bastante, pero creo que es para bien.</p>
<p>Para quienes no sepan de que se trata, Tuquito Control Center es un centro de control desarrollado en <strong>Python</strong>, <strong>HTML5</strong> y <strong>JQuery</strong>, gracias al uso de <strong>Webkit </strong>por lo que es bastante liviano (<span style="font-weight: bold;"><em><span style="font-weight: normal;">consume menos que una pestaña en chromium</span></em></span>) y “<em>Vistoso</em>“. Además está disponible en 3 idiomas, Ingles (<strong>en</strong>), Español (<strong>es</strong>), y Portugués (<strong>pt_BR</strong>).</p>
<p>En las mejoras de esta versión se logró crear dos formas de trabajo, un <strong>modo normal</strong> (el menu  que ya conocemos), y un <strong>modo avanzado</strong>, el cual es una lista completa de todas las aplicaciones disponibles.</p>
<p>Además se agregó la opción de deshabilitar los efectos visuales, para reducir el consumo de recursos. Esto se logro reemplazando los efectos de jquery con javascript puro.</p>
<p>Quizás no sea tan vistoso como el anterior pero quienes poseen equipos de bajos recursos lo apreciarán.</p>
<p>Por otro lado, se mejoraron varios aspectos en html y javascript. También se agregó soporte para <strong>configuraciones de Joysticks</strong> (jstest-gtk, desde los repositorios getdeb) y <strong>gestión de fuentes</strong> (font-manager)</p>
<p>Para instalarlo, los usuarios de Tuquito, solo tienen que actualizar su sistema.</p>
<p>Para los usuarios de <strong>Ubuntu 10.10</strong> (y derivados), habilité el r<strong>epositorio universal</strong> de <strong><a title="Tuquito" href="http://tuquito.org.ar/">Tuquito</a></strong>, así que si desean probarlo solo tienen que hacer:</p>
<blockquote><p><strong>sudo add-apt-repository ppa:paquetes-tuquito/universal</strong></p>
<p><strong>sudo apt-get update</strong></p>
<p><strong>sudo apt-get install tuquito-control-center</strong></p></blockquote>
<p>Para usuarios de otras versiones de <strong>Ubuntu o Debian</strong>, solo tiene que agregar en su <strong>/etc/apt/sourcers.list</strong> la siguiente linea:</p>
<blockquote><p><strong>deb http://ppa.launchpad.net/paquetes-tuquito/universal/ubuntu maverick main</strong><br />
y luego agregar la clave:<br />
<strong>gpg –keyserver keyserver.ubuntu.com –recv 5DBA3347</strong></p>
<p><strong>gpg –export –armor 5DBA3347 | sudo apt-key add -</strong></p></blockquote>
<p>Para los interesados en el proyecto este es el sitio de desarrollo en github:<a title="Tuquito Control Center en Github" href="https://github.com/tuquito/tuquito-control-center">https://github.com/tuquito/tuquito-control-center</a></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=387&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/12/02/tuquito-control-center-0-3-4-disponible/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tuquito Control Center Actualizado! 0.2-12 &#8211; 0.2-14</title>
		<link>http://blog.mariocolque.com.ar/2010/11/25/tuquito-control-center-actualizado-0-2-12/</link>
		<comments>http://blog.mariocolque.com.ar/2010/11/25/tuquito-control-center-actualizado-0-2-12/#comments</comments>
		<pubDate>Thu, 25 Nov 2010 19:08:38 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Debian]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Software Libre]]></category>
		<category><![CDATA[Tuquito]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[control]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=373</guid>
		<description><![CDATA[Luego de la versión anterior y viendo el interés de la gente en este tipo de aplicaciones, decidí realizarle un par de mejoras a la idea original. Para quienes no sepan, tuquito-control-center es un centro de control de configuraciones para Tuquito, Debian/Ubuntu (y derivados) y compatible con Gnome y LXDE, pero ampliable a otros entornos gracias a [...]]]></description>
			<content:encoded><![CDATA[<p>Luego de la versión anterior y viendo el interés de la gente en este tipo de aplicaciones, decidí realizarle un par de mejoras a la idea original.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" 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/trsRdVY2ol8?fs=1&amp;hl=es_ES" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/trsRdVY2ol8?fs=1&amp;hl=es_ES" allowscriptaccess="always" allowfullscreen="true"></embed></object><span id="more-373"></span></p>
<p>Para quienes no sepan, <strong>tuquito-control-center</strong> es un centro de control de configuraciones para <strong><a title="Tuquito" href="http://tuquito.org.ar">Tuquito</a>, Debian/Ubuntu</strong> (y derivados) y compatible con <strong>Gnome</strong> y <strong>LXDE</strong>, pero ampliable a otros entornos gracias a su personalización de items. Está dividido en categorias como <strong>Apariencia, Sistema y Seguridad, Hardware y Sonido, Programas</strong>, entre otros. Lo que permite tener categorizadas todas las aplicaciones que necesitamos para personalizar u optimizar nuestro sistema/escritorio.</p>
<p>Está desarrollado en <strong>Python, HTML5 y JQuery</strong> gracias a la utilización de <strong>Webkit</strong>. Por lo que es bastante liviano (<strong><em>consume menos que una pestaña en chromium</em></strong>) y “<em>Vistoso</em>“. Además está disponible en 3 idiomas, Ingles (<strong>en</strong>), Español (<strong>es</strong>), y Portugués (<strong>pt_BR</strong>).</p>
<p>Para comenzar con los detalles de esta actualización, implementé <strong>JSON</strong> en la gestión de las configuraciones personales de cada ítem, esto lo hice <em>por cuestiones de seguridad</em>, para no tener problemas con los códigos ingresados a mano.</p>
<p>En esta nueva versión se agregaron los<em> iconos</em> en cada ítem, para lograr hacerlo más gráfico (siguiendo unas sugerencias de hace un tiempo), por este motivo, también agregué la función de modificar y elegir el icono de los ítem a agregar, haciéndolo más personalizable.</p>
<p>Por otro lado, se agregó una nueva función de <em><strong>&#8220;Programas sugeridos&#8221;</strong></em> los cuales aparecen en un enlace en la parte inferior (si es que existen sugeridos para la categoría), estos se muestran en una lista en una nueva ventana, desde donde podemos instalar la aplicación (mediante synaptic) o bien ver los detalles del paquete antes de instalarlo. (ver vídeo para más detalles).</p>
<p>Para los usuarios de <strong>Ubuntu 10.10</strong> (y derivados), habilité el r<strong>epositorio universal</strong> de <strong><a title="Tuquito" href="http://tuquito.org.ar">Tuquito</a></strong>, así que si desean probarlo solo tienen que hacer:</p>
<blockquote><p><strong>sudo add-apt-repository ppa:paquetes-tuquito/universal</strong></p>
<p><strong>sudo apt-get update</strong></p>
<p><strong>sudo apt-get install tuquito-control-center</strong></p></blockquote>
<p>Para usuarios de otras versiones de <span style="font-weight: bold;"><strong>Ubuntu o Debian</strong></span>, solo tiene que agregar en su <strong>/etc/apt/sourcers.list</strong> la siguiente linea:</p>
<blockquote><p><strong>deb http://ppa.launchpad.net/paquetes-tuquito/universal/ubuntu maverick main</strong><br />
y luego agregar la clave:<br />
<strong>gpg –keyserver keyserver.ubuntu.com –recv 5DBA3347</strong></p>
<p><strong>gpg –export –armor 5DBA3347 | sudo apt-key add -</strong></p></blockquote>
<p>En la actualización en la que estoy trabajando (<strong>0.2-14</strong>), próxima salida, se agrega soporte para <strong>configuraciones de Joysticks</strong> (jstest-gtk, desde los repositorios getdeb) y <strong>gestión de fuentes</strong> (font-manager)</p>
<p><strong><span style="color: #ff0000;">ATENCIÓN!</span></strong> para quienes ya tenían instalada la versión anterior, deben borrar la carpeta de configuración de usuario para que esta nueva versión funcione correctamente. Esto se debe a la nueva implementación de JSON, la cual no es compatible con los archivos generados por la versión anterior.</p>
<p>Para ello corran en consola: <strong>rm -rf ~/.tuquito/tuquito-control-center/</strong></p>
<p>O bien pueden hacerlo desde su navegador de archivos</p>
<p>Se continúan leyendo propuestas y sugerencias!</p>
<p>Para los interesados en el proyecto este es el sitio de desarrollo en github: <a title="Tuquito Control Center en Github" href="https://github.com/tuquito/tuquito-control-center">https://github.com/tuquito/tuquito-control-center</a></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=373&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/11/25/tuquito-control-center-actualizado-0-2-12/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nuevo Tuquito Control Center</title>
		<link>http://blog.mariocolque.com.ar/2010/07/21/nuevo-tuquito-control-center/</link>
		<comments>http://blog.mariocolque.com.ar/2010/07/21/nuevo-tuquito-control-center/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 06:24:53 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Software Libre]]></category>
		<category><![CDATA[Tuquito]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[control]]></category>
		<category><![CDATA[toba centro]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=310</guid>
		<description><![CDATA[La verdad que este proyecto ha sido uno de los pocos que logré realizar en pocos días (4) teniendo buenos resultados. Les cuento, se trata de un centro de control (actualmente desarrollado para Tuquito) que fue desarrollado en Python, utilizando las librerías Webkit, con lo que conseguí una interfáz gráfica mucho más amigable y &#8220;bonita&#8221;, [...]]]></description>
			<content:encoded><![CDATA[<p>La verdad que este proyecto ha sido uno de los pocos que logré realizar en pocos días (4) teniendo buenos resultados. <img src='http://blog.mariocolque.com.ar/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Les cuento, se trata de un <strong>centro de control</strong> (actualmente desarrollado para <strong><a title="Tuquito" href="http://tuquito.org.ar" target="_blank">Tuquito</a></strong>) que fue desarrollado en <strong>Python</strong>, utilizando las librerías <strong>Webkit</strong>, con lo que conseguí una interfáz gráfica mucho más amigable y &#8220;bonita&#8221;, ya que es como una página web.</p>
<p><em>La verdad que es muy liviano y consume muy pocos recursos!</em></p>
<p>En cuando a la usabilidad, la idea es, tratar que el usuario encuentre las aplicaciones para configurar su sistema (escritorio GNOME)  más rápido y de una forma más intuitiva.</p>
<p>Por el momento se encuentra en estado beta, pero es totalmente funcional.</p>
<p>Este es un video de demostración:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" 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/ly1m8Ejhtgs&amp;hl=es_ES&amp;fs=1?color1=0x2b405b&amp;color2=0x6b8ab6" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/ly1m8Ejhtgs&amp;hl=es_ES&amp;fs=1?color1=0x2b405b&amp;color2=0x6b8ab6" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Para la interfaz, se utilizó <strong>HTML</strong> (pronto a implementar HTML5) y el framework de javascript <strong>jQuery</strong>, con lo que se consiguieron los efectos y demás control de los objetos.</p>
<p>Actualmente puede ser utilizado en cualquier distro basada en <strong>Ubuntu</strong>, pero es necesario instalar algunas aplicaciones de <strong>Tuquito</strong> como <strong>Garfio</strong>, el <strong>Control Parental</strong> , etc. debido a su integración con la distro.</p>
<p>Para quienes deseen probarlo, lo pueden descargar de los repositorios oficiales de Tuquito en Launchpad</p>
<p><a title="Tuquito Control center" href="https://launchpad.net/~paquetes-tuquito/+archive/update/+files/tuquito-control-center_0.1-11_all.deb">https://launchpad.net/~paquetes-tuquito/+archive/update/+files/tuquito-control-center_0.1-11_all.deb</a></p>
<p>Pero van a necesitar instalar las otras aplicaciones que les mencioné, las cuales las pueden descargar desde:</p>
<p><a href="https://launchpad.net/~paquetes-tuquito/+archive/main">https://launchpad.net/~paquetes-tuquito/+archive/main</a></p>
<p>Espero que les sirva!</p>
<p>Saludos!</p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=310&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/07/21/nuevo-tuquito-control-center/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OSMPlayer, reproductor de vídeo web de código libre</title>
		<link>http://blog.mariocolque.com.ar/2010/04/25/osmplayer-reproductor-de-video-web-de-codigo-libre/</link>
		<comments>http://blog.mariocolque.com.ar/2010/04/25/osmplayer-reproductor-de-video-web-de-codigo-libre/#comments</comments>
		<pubDate>Sun, 25 Apr 2010 23:05:07 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Software Libre]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[osmplayer]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=297</guid>
		<description><![CDATA[HTML5 sigue posicionándose como una buena alternativa a los reproductores basados en Flash. Hoy conocemos una aplicación que no sólo es una buena idea, sino que además, funciona. Esta aplicación se llama OSMPlayer, y es un reproductor de vídeo escrito en HTML5 y JavaScript, usando la biblioteca jQuery. Soporta vídeos de YouTube y Vimeo, además de archivos [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.mariocolque.com.ar/wp-content/uploads/2010/04/osmplayer_500.jpg" rel="lightbox[297]"><img class="alignright size-full wp-image-296" title="OSMplayer" src="http://blog.mariocolque.com.ar/wp-content/uploads/2010/04/osmplayer_500.jpg" alt="" width="500" height="339" /></a></p>
<p><strong>HTML5</strong> sigue posicionándose como una buena alternativa a los reproductores basados en Flash. Hoy conocemos una aplicación que no sólo es una buena idea, sino que además, <strong>funciona</strong>.</p>
<p>Esta aplicación se llama <strong>OSMPlayer</strong>, y es un reproductor de vídeo escrito en HTML5 y JavaScript, usando la biblioteca jQuery. Soporta vídeos de YouTube y Vimeo, además de archivos de vídeo alojados en tu servidor. También tiene una opción para añadir listas de reproducción y cambiar su aspecto por medio de temas. Puede reproducir los <strong>formatos de audio y vídeo más populares</strong>, y cuenta con un reproductor Flash para formatos no soportados.</p>
<p><strong>OSMPlayer</strong> está liberado bajo la <strong>licencia GPL</strong>, y se puede usar como reproductor en solitario o<strong>integrado con Drupal</strong>, aunque próximamente añadirán integración con otros CMS como WordPress o Moodle.</p>
<p>Vía | <a href="http://www.fayerwayer.com/2010/04/osmplayer-reproductor-de-codigo-abierto-y-libre/">FayerWayer</a><br />
Sitio oficial | <a href="http://www.mediafront.org/">Mediafront.org</a><br />
En Genbeta | <a href="http://www.genbeta.com/multimedia/sublime-video-el-autentico-reproductor-universal">Sublime Video, el auténtico reproductor universal</a></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=297&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/04/25/osmplayer-reproductor-de-video-web-de-codigo-libre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Integrá Google Chrome con jQuery Docs y jQuery API</title>
		<link>http://blog.mariocolque.com.ar/2010/02/23/integra-google-chrome-con-jquery-docs-y-jquery-api/</link>
		<comments>http://blog.mariocolque.com.ar/2010/02/23/integra-google-chrome-con-jquery-docs-y-jquery-api/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 01:26:09 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[extension]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=273</guid>
		<description><![CDATA[Quienes desarrollamos y diseñamos web, por lo general usamos algunas librerías para darle otra apariencia a nuestros sitios. En mi caso uso jQuery, la cual ha lanzado dos extensiones para Google Chrome con la cual podremos consultar directamente el API de JQuery mediante busqueda de palabras clave. Bueno se las dejo y espero que les [...]]]></description>
			<content:encoded><![CDATA[<p>Quienes desarrollamos y diseñamos web, por lo general usamos algunas librerías para darle otra apariencia a nuestros sitios.</p>
<p><a href="http://blog.mariocolque.com.ar/wp-content/uploads/2010/02/jquery.jpg" rel="lightbox[273]"><img class="aligncenter size-full wp-image-274" title="jquery" src="http://blog.mariocolque.com.ar/wp-content/uploads/2010/02/jquery.jpg" alt="" width="300" height="123" /></a></p>
<p>En mi caso uso <strong>jQuery</strong>, la cual ha lanzado dos extensiones para <strong>Google Chrome</strong> con la cual podremos consultar directamente el <strong>API de JQuery </strong>mediante busqueda de palabras clave.</p>
<p>Bueno se las dejo y espero que les sirva como a mí!</p>
<ul>
<li><a href="https://chrome.google.com/extensions/detail/ocddklfpohdheabjcponkilflppfmmbi?hl=es">JQuery Docs</a></li>
<li><a href="https://chrome.google.com/extensions/detail/nmmodbknepedcbkekcolhccclpfehkip?hl=es">JQuery API Search</a></li>
</ul>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=273&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/02/23/integra-google-chrome-con-jquery-docs-y-jquery-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery.sheet, Incrustar tus hojas de calculo en páginas web</title>
		<link>http://blog.mariocolque.com.ar/2010/01/31/jquery-sheet-incrustar-tus-hojas-de-calculo-en-paginas-web/</link>
		<comments>http://blog.mariocolque.com.ar/2010/01/31/jquery-sheet-incrustar-tus-hojas-de-calculo-en-paginas-web/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 15:42:11 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=137</guid>
		<description><![CDATA[Para quienes solemos utilizar esta librería para nuestros desarrollos web, les traigo: Enfrascado en un nuevo proyecto me encuentro con JQuery.Sheet, una libreria basada en JQuery que nos permite incrustar hojas de calculo en paginas web con un estilo muy parecido a como lo hace Google docs. Interesante. Enlace &#124; Demo]]></description>
			<content:encoded><![CDATA[<p>Para quienes solemos utilizar esta librería para nuestros desarrollos web, les traigo:</p>
<p style="text-align: center;"><a href="http://ubuntulife.files.wordpress.com/2010/01/cheat1.jpg" rel="lightbox[137]"><img class="aligncenter" title="cheat" src="http://ubuntulife.files.wordpress.com/2010/01/cheat1.jpg?w=300&amp;h=193" alt="" width="300" height="193" /></a></p>
<p>Enfrascado en un nuevo proyecto me encuentro con <a href="http://jqueryplugins.weebly.com/jquerysheet.html" target="_blank">JQuery.Sheet</a>, una libreria basada en JQuery que nos permite incrustar hojas de calculo en paginas web con un estilo muy parecido a como lo hace Google docs. Interesante.</p>
<p>Enlace | <a href="http://jqueryplugins.weebly.com/uploads/3/1/3/8/313814/jquery.sheet.html" target="_blank">Demo</a></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=137&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/01/31/jquery-sheet-incrustar-tus-hojas-de-calculo-en-paginas-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jugando con la librería Google Closure</title>
		<link>http://blog.mariocolque.com.ar/2010/01/30/jugando-con-la-libreria-google-closure/</link>
		<comments>http://blog.mariocolque.com.ar/2010/01/30/jugando-con-la-libreria-google-closure/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 16:43:09 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[closure]]></category>
		<category><![CDATA[librería]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/?p=135</guid>
		<description><![CDATA[Google Closure Tools es un pack de herramientas de Google con las que los desarrolladores pueden optimizar el código JavaScript de sus aplicaciones de forma impresionante, pero de manera sencilla. Brevemente, está compuesto de: Closure Compiler, un optimizador de JavaScript que compila las aplicaciones web con el fin de hacerlas ágiles y compactas; Closure Inspector, basado en Firebug que [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Google Closure Tools</strong> es un pack de herramientas de <strong>Google </strong>con las que los desarrolladores pueden optimizar el código <strong>JavaScript </strong>de sus aplicaciones de forma impresionante, pero de manera sencilla.</p>
<p>Brevemente, está compuesto de: <strong>Closure Compiler</strong>, un optimizador de JavaScript que compila las aplicaciones web con el fin de hacerlas ágiles y compactas; <strong>Closure Inspector</strong>, basado en Firebug que nos ayuda a encontrar errores en e código fuente; <a href="http://code.google.com/closure/library"><strong>Closure Library</strong></a>, una librería de funciones JavaScript modular y compatible con muchos navegadores; y <strong>Closure Templates</strong>, es pack de modelos basado en JavaScript/HTML con los que podemos crear componentes para nuestras aplicaciones. (Via <a href="http://googlecode.blogspot.com/2009/11/introducing-closure-tools.html">Google Code</a>)</p>
<p>En <a href="http://teebes.com">teebes.com</a> podemos apreciar como le ayuda <strong>Closure Library</strong> a este desarrollador para crear una pequeña aplicación que hace uso de las teclas de dirección del teclado. Puedes ver la <a href="http://teebes.com/closure/">demo en esta web</a>, y puedes apreciar el código fuente de esta:</p>
<pre class="brush: html">

&lt;!-- * { margin: 0; padding: 0 } --&gt;

&lt;script src=&quot;http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;// &lt;![CDATA[
goog.require(&#039;goog.graphics&#039;);
goog.require(&#039;goog.events&#039;);
goog.require(&#039;goog.events.KeyCodes&#039;);
goog.require(&#039;goog.events.KeyHandler&#039;);
// ]]&gt;&lt;/script&gt;
Use your up / down / right / left arrows to move the ball

&lt;script type=&quot;text/javascript&quot;&gt;// &lt;![CDATA[
var graphics = goog.graphics.createGraphics(200, 150);

// define the colors for the squares and the dot
var square_fill = new goog.graphics.SolidFill(&#039;yellow&#039;);
var square_stroke = new goog.graphics.Stroke(2, &#039;green&#039;);
var dot_fill = new goog.graphics.SolidFill(&#039;blue&#039;);
var dot_stroke = new goog.graphics.Stroke(1, &#039;black&#039;);

// the dot&#039;s initial position
var dot = {x: 1, y: 1};

// properties
var size = 40;
var margin = 5;
var width = size - margin;
var num_rows = 3;
var num_cols = 4;

// draw the squares
for (var x = 0; x &lt; num_cols; x++) {
for (var y = 0; y &lt; num_rows; y++) { graphics.drawRect(margin + x * size, margin + y * size, width, width, square_stroke, square_fill); } } // draw the dot dot[&#039;graphic&#039;] = graphics.drawEllipse(margin + dot[&#039;x&#039;] * size + width / 2, margin + dot[&#039;y&#039;] * size + width / 2, width / 4, width / 4, dot_stroke, dot_fill); // call if the dot&#039;s position changes redraw_dot = function() { dot[&#039;graphic&#039;].setCenter(margin + dot[&#039;x&#039;] * size + width / 2, margin + dot[&#039;y&#039;] * size + width / 2); } // key event handler var key_handler = new goog.events.KeyHandler(document); var key_event = function (e) { if (e.keyCode == goog.events.KeyCodes.UP &amp;&amp; dot[&#039;y&#039;] &gt; 0) {
dot[&#039;y&#039;] -= 1;
} else if (e.keyCode == goog.events.KeyCodes.RIGHT &amp;&amp; dot[&#039;x&#039;] &lt;= num_cols - 2) {
dot[&#039;x&#039;] += 1;
} else if (e.keyCode == goog.events.KeyCodes.DOWN &amp;&amp; dot[&#039;y&#039;] &lt;= num_rows - 2) { dot[&#039;y&#039;] += 1; } else if (e.keyCode == goog.events.KeyCodes.LEFT &amp;&amp; dot[&#039;x&#039;] &gt; 0) {
dot[&#039;x&#039;] -= 1;
}
redraw_dot();
}

// put everything together
goog.events.listen(key_handler, &#039;key&#039;, key_event);
graphics.render(document.getElementById(&#039;shapes&#039;));
// ]]&gt;&lt;/script&gt;
</pre>
<p>Vía <a href="http://teebes.com/blog/19/">http://teebes.com/blog/19/</a></p>
<p>Enlaces de interes:</p>
<ul>
<li><a title="Closure Compiler" href="http://code.google.com/closure/compiler">Closure Compiler</a></li>
<li><a title="Closure Inspector" href="http://code.google.com/closure/compiler/docs/inspector.html">Closure Inspector</a></li>
<li><a id="qnzg" title="Closure Library" href="http://code.google.com/closure/library">Closure Library</a></li>
<li><a id="j_2h" title="Closure Templates" href="http://code.google.com/closure/templates">Closure Templates</a></li>
</ul>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=135&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2010/01/30/jugando-con-la-libreria-google-closure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como mostrar coordenadas de latitud y longitud en Google Maps</title>
		<link>http://blog.mariocolque.com.ar/2009/07/16/como-mostrar-coordenadas-de-latitud-y-longitud-en-google-maps/</link>
		<comments>http://blog.mariocolque.com.ar/2009/07/16/como-mostrar-coordenadas-de-latitud-y-longitud-en-google-maps/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 14:44:00 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/2009/07/16/como-mostrar-coordenadas-de-latitud-y-longitud-en-google-maps/</guid>
		<description><![CDATA[Estas moviendote por los mapas de Google Maps y deseas saber cuales son las coordenadas de la ubicación actual. Copia y pega en la barra de dirección este código: javascript:void(prompt('',gApplication.getMap().getCenter())); Una pequeña ventana te mostrará las coordenadas de latitud y longitud rapidamente. Este útil código en JavaScript es una forma para encontrar los valores de [...]]]></description>
			<content:encoded><![CDATA[<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_lGJJcu2YQmw/Sl889Fjxu7I/AAAAAAAAAKU/JhZcT8dHdWo/s1600-h/pic754.jpg" rel="lightbox[47]"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 100px;" src="http://3.bp.blogspot.com/_lGJJcu2YQmw/Sl889Fjxu7I/AAAAAAAAAKU/JhZcT8dHdWo/s200/pic754.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5359069101756103602" /></a></p>
<p>Estas moviendote por los mapas de Google Maps y deseas saber cuales son las coordenadas de la ubicación actual. Copia y pega en la barra de dirección este código:<br /><b:if cond='data:blog.pageType != "item"'><br /><span class="fullpost">
<pre class="brush: js">javascript:void(prompt('',gApplication.getMap().getCenter()));</pre>
<p>Una pequeña ventana te mostrará las coordenadas de latitud y longitud rapidamente.</p>
<p>Este útil código en JavaScript es una forma para encontrar los valores de las coordenadas de latitud y longitud de cualquier ubicación en Google Maps.</p>
<p>Vía <a href="http://www.editorschoice.be/" target="_blank" rel="nofollow">EditorsChoice </a><br /></span><br /></b:if></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=47&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2009/07/16/como-mostrar-coordenadas-de-latitud-y-longitud-en-google-maps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menú PBB MagicWheel, rueda 3D de imágenes</title>
		<link>http://blog.mariocolque.com.ar/2009/04/30/menu-pbb-magicwheel-rueda-3d-de-imagenes/</link>
		<comments>http://blog.mariocolque.com.ar/2009/04/30/menu-pbb-magicwheel-rueda-3d-de-imagenes/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 22:02:00 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/2009/04/30/menu-pbb-magicwheel-rueda-3d-de-imagenes/</guid>
		<description><![CDATA[PBB MagicWheel permite crear una rueda o carousel 3D a partir de una lista de imágenes, las cuales se les puede agregar un tooltip y refrejos. Podemos usar la rueda del ratón para girar la rueda 3D en la dirección deseada. Puede jugar con su configuración en el demo. La desventaja que se resalta a [...]]]></description>
			<content:encoded><![CDATA[<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_lGJJcu2YQmw/Sfon0AyfsZI/AAAAAAAAACw/29pXqxR7RiI/s1600-h/pbb-magic-wheel.jpg" rel="lightbox[28]"><img style="float:right; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 150px;" src="http://4.bp.blogspot.com/_lGJJcu2YQmw/Sfon0AyfsZI/AAAAAAAAACw/29pXqxR7RiI/s320/pbb-magic-wheel.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5330616883464876434" /></a><br />PBB MagicWheel permite crear una rueda o carousel 3D a partir de una lista de imágenes, las cuales se les puede agregar un tooltip y refrejos. Podemos usar la rueda del ratón para girar la rueda 3D en la dirección deseada. Puede jugar con su configuración en el demo. La desventaja que se resalta a primera vista es el excesivo uso de CPU. Aunque eso es cierto en la mayoria de este tipo de utilidades.<br /><b:if cond='data:blog.pageType != "item"'><br /><span class="fullpost"><br />  <a href="http://www.mibhouse.org/pokemon_jojo/public/js/pbb-magicwheel/pbb-magicwheel.html" title="Demo" target="_blank">Demo</a><br /></span><br /></b:if></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=28&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2009/04/30/menu-pbb-magicwheel-rueda-3d-de-imagenes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como resaltar código en mi blog &#8211; Librería SyntaxHighlighter v2.0.296</title>
		<link>http://blog.mariocolque.com.ar/2009/04/30/como-resaltar-codigo-en-mi-blog-libreria-syntaxhighlighter-v2-0-296/</link>
		<comments>http://blog.mariocolque.com.ar/2009/04/30/como-resaltar-codigo-en-mi-blog-libreria-syntaxhighlighter-v2-0-296/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 20:48:00 +0000</pubDate>
		<dc:creator>colkito</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.mariocolque.com.ar/2009/04/30/como-resaltar-codigo-en-mi-blog-libreria-syntaxhighlighter-v2-0-296/</guid>
		<description><![CDATA[Buscando más opciones para resaltar o colorear códigos o bloques de códigos en mi blog, me encontre con esta librería que a decir verdad superó mis espectativas. (Demás está decir que es el que actualmente uso aquí ) La versión actual reconoce los siguientes lenguajes:Bash/shell, C#, C++, CSS, Delphi, Groovy, JavaScript, Java, Perl, PHP, Plain [...]]]></description>
			<content:encoded><![CDATA[<p>Buscando más opciones para <b>resaltar o colorear códigos o bloques de códigos en mi blog</b>, me encontre con esta librería que a decir verdad superó mis espectativas. (Demás está decir que es el que actualmente uso aquí <img src='http://blog.mariocolque.com.ar/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  )</p>
<p>La versión actual reconoce los siguientes lenguajes:<br />Bash/shell, C#, C++, CSS, Delphi, Groovy, JavaScript, Java, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic, XML.<br /><b:if cond='data:blog.pageType != "item"'><br /><span class="fullpost"><br />Una de las características que me gustó (aunque no sería gran problema resolver este asunto) es el hecho de poder usarla desde su servidor, osea ideal para quienes usamos blogger.</p>
<p>Para su funcionamiento solo debemos incluir las librerías correspondientes a cada lenguaje a colorear (un par de livianos .js y .css) y hacerlo andar llamando una función en javascript. simple no?</p>
<p>Es altamente configurable y su integración es optima con varios sistemas que en su página lista.(Drupal, WordPress, Joomla!, Windows Live Writer, MediaWiki, entre otros)</p>
<p>Acá les dejo los links:
<ul> 
<li><a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" title="Página SyntaxHighlighter" target="_blank">Página de la librería &#8211; (descargar)</a></li>
<p> 
<li><a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Usage" title="Cómo usar SyntaxHighlighter"target="_blank">Cómo usarlo</a></li>
<p> 
<li><a href="http://techqi.blogspot.com/2009/02/how-to-display-code-nicely-in-blogger.html" title="Cómo usar SyntaxHighlighter en Blogger"target="_blank">Cómo usarlo en Blogger <img src='http://blog.mariocolque.com.ar/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </a></li>
<p> 
<li><a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration" title="Cómo configurar SyntaxHighlighter"target="_blank">Cómo configurarlo</a></li>
<p></ul>
<p></span></b:if></p>
<img src="http://blog.mariocolque.com.ar/?ak_action=api_record_view&id=26&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://blog.mariocolque.com.ar/2009/04/30/como-resaltar-codigo-en-mi-blog-libreria-syntaxhighlighter-v2-0-296/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

