<?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>CuatroXL &#187; javascript</title>
	<atom:link href="http://www.cuatroxl.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cuatroxl.com</link>
	<description>Desarrollo web - Cuatro XL</description>
	<lastBuildDate>Wed, 07 Dec 2011 12:21:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Carga de productos en la tienda online de Zara</title>
		<link>http://www.cuatroxl.com/2011/03/carga-de-productos-tienda-zara/</link>
		<comments>http://www.cuatroxl.com/2011/03/carga-de-productos-tienda-zara/#comments</comments>
		<pubDate>Sat, 12 Mar 2011 21:04:15 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=427</guid>
		<description><![CDATA[feature-image]]></description>
			<content:encoded><![CDATA[<p>Zara va súper rápido; y uno de sus secretos es que no hace llamadas Ajax para saber como recargar sus productos.</p>
<p>Lo que hace, es definir un objeto dentro del HTML con el resultado total de la búsqueda de colección:</p>
<p><img class="alignleft size-medium wp-image-429" title="cap_zara-1" src="http://cuatroxl.com/blog/wp-content/uploads/2010/12/cap_zara-1.png" alt="" width="100%" /></p>
<p><img class="alignleft size-medium wp-image-430" title="cap_zara_2" src="http://cuatroxl.com/blog/wp-content/uploads/2010/12/cap_zara_2.png" alt="" /></p>
<p><img class="alignleft size-medium wp-image-431" title="cap_zara_3" src="http://cuatroxl.com/blog/wp-content/uploads/2010/12/cap_zara_3.png" alt="" /></p>
<p>Con esto ya no es necesario volver a hacer peticiones al servidor con paginado o que procese una nueva consulta; rápido y bonito con las transiciones.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2011/03/carga-de-productos-tienda-zara/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Code Style Php y Js: Uso de comas y puntos</title>
		<link>http://www.cuatroxl.com/2010/06/code-style-php-y-js-uso-de-comas-y-puntos/</link>
		<comments>http://www.cuatroxl.com/2010/06/code-style-php-y-js-uso-de-comas-y-puntos/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 21:27:17 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[code style]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=367</guid>
		<description><![CDATA[Me estaré volviendo paranoico pero tengo un gran dilema a la hora de utilizar comas &#8220;,&#8221; y puntos. Por norma general siempre he utilizado: PHP $arr = array('a'=&#62;'nueva variable', 'b'=&#62;'otra variable más', 'c'=&#62;'la ultima variable' ); $str = $arr['a']. $arr['b']. $arr['c'] Javascript var obj = { paramA:'a', paramB:'b', paramC:'c' }; class. methodA(). methodB(). methodC('.classCss') En [...]]]></description>
			<content:encoded><![CDATA[<p>Me estaré volviendo paranoico pero tengo un gran dilema a la hora de utilizar comas &#8220;,&#8221; y puntos.</p>
<p>Por norma general siempre he utilizado:<br />
PHP</p>
<pre class="brush: php;">$arr = array('a'=&gt;'nueva variable',
           'b'=&gt;'otra variable más',
           'c'=&gt;'la ultima variable'
           );

$str = $arr['a'].
$arr['b'].
$arr['c']
</pre>
<p>Javascript</p>
<pre class="brush: js;">var obj = {
           paramA:'a',
           paramB:'b',
           paramC:'c'
           };

class.
methodA().
methodB().
methodC('.classCss')
</pre>
<p>En principio esto es lo más normal, o por lo menos lo que he solido ver en casi todo los códigos. Mi gran Dilema viene con el Javascript; que en IE si te dejas una coma al final de un objeto &#8220;;}&#8221; te tira un lindo error que no sueles saber de dónde viene.</p>
<p>Para evitar este problema; he decidido hacerlo de la siguiente manera:<br />
PHP</p>
<pre class="brush: php;">$arr = array('a'=&gt;'nueva variable'
           ,'b'=&gt;'otra variable más'
           ,'c'=&gt;'la ultima variable')

$str = $arr['a']
           .$arr['b']
           .$arr['c']
</pre>
<p>Javascript</p>
<pre class="brush: js;">var obj = {
           paramA:'a'
           ,paramB:'b'
           ,paramC:'c'
};

class
.methodA()
.methodB()
.methodC('.classCss')
</pre>
<p>Lo malo de todo este cambio es que ya no soporto ver código con las comas o puntos al final de cada línea.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2010/06/code-style-php-y-js-uso-de-comas-y-puntos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aves Engine, Kit de desarrollo para generar juegos isométricos con Javascript, Html5 y CSS3</title>
		<link>http://www.cuatroxl.com/2010/04/kit-desarrollo-juegos-javascript-html5-css3/</link>
		<comments>http://www.cuatroxl.com/2010/04/kit-desarrollo-juegos-javascript-html5-css3/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 22:22:33 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[utilidades]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=340</guid>
		<description><![CDATA[Acabo de descubrir a Paul Bakaus, a través de Ajaxian, la verdad es que me ha dejado sumamente sorprendido con lo que a creado este tío(en general todo su trabajo y blog son muy buenos). Cosas como esta me hacen replantear si realmente sé algo de javascript, creo que no. Paul ha creado; lo que [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.dextrose.com/projekte/aves-engine"><img class="aligncenter" title="Aves Engine in Action" src="http://cuatroxl.com/wp-content/uploads/2010/04/aves_engine_teaser_image.png" alt="Aves Engine in Action" /></a></p>
<p>Acabo de descubrir a <a href="http://paulbakaus.com/">Paul Bakaus</a>, <a href="http://ajaxian.com/archives/aves-game-engine">a través de Ajaxian</a>, la verdad es que me ha dejado sumamente sorprendido con lo que a creado este tío(en general todo <a href="http://labs.dextrose.com/">su trabajo</a> y <a href="http://paulbakaus.com">blog</a> son muy buenos). Cosas como esta me hacen replantear si realmente sé algo de javascript, creo que no.</p>
<p>Paul ha creado; lo que el mismo define del siguiente modo:</p>
<p><cite><a href="http://www.dextrose.com/ueber/dextrose" target="_blank">Aves Engine</a> es un kit de desarrollo  para generar espectaculares Juegos <a href="http://es.wikipedia.org/wiki/Proyecci%C3%B3n_isom%C3%A9trica">isométrico</a>, para navegador, sin necesidad de plugins de terceros, como Microsoft Silverlight o Flash de Adobe en el lado cliente. Muy inspirado en los motores de videojuegos  del PC,  Aves Engine está dirigido a editores &#8220;browsergame&#8221; [videojuegos en el navegador]  serios que quieren beneficiarse de una arquitectura basada en componentes de motor y código compatible con diferentes Plataforma para entregar en cualquier sistema operativo de escritorio o dispositivos móviles.</cite></p>
<p>El vídeo para poder ver mejor toda la potencia de este motor:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" 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/Ol3qQ4CEUTo&amp;hl=es_ES&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/Ol3qQ4CEUTo&amp;hl=es_ES&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=Ol3qQ4CEUTo">Aves Engine in action</a></p>
<p>Como él mismo está poniendo en <a href="http://twitter.com/pbakaus">su twiter</a>; todavía es algo que está en pañales, pero que promete muchísimo.</p>
<p>Pdt: no, no usa Canvas de HTML5</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2010/04/kit-desarrollo-juegos-javascript-html5-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creando un efecto de &#8220;Antes &#8211; Despues&#8221; con jQuery</title>
		<link>http://www.cuatroxl.com/2009/12/creando-un-efecto-de-antes-despues-con-jquery/</link>
		<comments>http://www.cuatroxl.com/2009/12/creando-un-efecto-de-antes-despues-con-jquery/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 09:27:13 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[componente_web]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[utilidades]]></category>
		<category><![CDATA[utilidades javascript]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=285</guid>
		<description><![CDATA[Uno nunca sabe lo que puede pedir un cliente&#8230; Lo mejor es ir agregando estas tontunas a la librería por si alguna vez nos lo piden. enlace: http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/]]></description>
			<content:encoded><![CDATA[<p>Uno nunca sabe lo que puede pedir un cliente&#8230; Lo mejor es ir agregando estas tontunas a la librería por si alguna vez nos lo piden.</p>
<p>enlace: <a href="http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/">http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2009/12/creando-un-efecto-de-antes-despues-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menú animado con javascript</title>
		<link>http://www.cuatroxl.com/2009/12/menu-animado-con-javascript/</link>
		<comments>http://www.cuatroxl.com/2009/12/menu-animado-con-javascript/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 21:15:53 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[component]]></category>
		<category><![CDATA[componente_web]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[utilidades]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=279</guid>
		<description><![CDATA[&#8220;Another Solution to Animation Queue Buildup in jQuery&#8221; web http://www.2meter3.de/code/hoverFlow/]]></description>
			<content:encoded><![CDATA[<p><em>&#8220;Another Solution to Animation Queue Buildup in jQuery&#8221;</em></p>
<p>web <a href="http://www.2meter3.de/code/hoverFlow/">http://www.2meter3.de/code/hoverFlow/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2009/12/menu-animado-con-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Splash y Popup con javascript</title>
		<link>http://www.cuatroxl.com/2009/12/splash-y-popup-con-javascript/</link>
		<comments>http://www.cuatroxl.com/2009/12/splash-y-popup-con-javascript/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 16:17:25 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[component]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[popup]]></category>
		<category><![CDATA[utilidades]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=277</guid>
		<description><![CDATA[&#8220;Meerkat, named for its pop up like behavior, is a jQuery plugin created by myself, Jarod Taylor. It was originally created to serve a specific purpose, however, by adding additional functionality to it, I&#8217;ve found several uses for it. Whether it&#8217;s used as a simple promotional tool, a roost for advertisements, or even as an [...]]]></description>
			<content:encoded><![CDATA[<p><em>&#8220;Meerkat, named for its pop up like behavior, is a jQuery plugin created by myself, Jarod Taylor. It was originally created to serve a specific purpose, however, by adding additional functionality to it, I&#8217;ve found several uses for it.</em></p>
<p><em>Whether it&#8217;s used as a simple promotional tool, a roost for advertisements, or even as an alternative to a splash or entry page; Meerkat is unobtrusive, cross-browser compatible, and degrades gracefully if Javascript has been disabled.&#8221;</em></p>
<p>web: <a href="http://jarodtaylor.com/meerkat/">http://jarodtaylor.com/meerkat/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2009/12/splash-y-popup-con-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Librería js para crear gráficos de estadistica</title>
		<link>http://www.cuatroxl.com/2009/12/libreria-js-para-crear-graficos-de-estadistica/</link>
		<comments>http://www.cuatroxl.com/2009/12/libreria-js-para-crear-graficos-de-estadistica/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 16:12:54 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[enlaces]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[utilidades]]></category>
		<category><![CDATA[graficos estadistica]]></category>
		<category><![CDATA[utilidad]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/?p=275</guid>
		<description><![CDATA[&#8220;dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.&#8221; web: http://www.danvk.org/dygraphs/]]></description>
			<content:encoded><![CDATA[<p><em>&#8220;dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.&#8221;</em></p>
<p>web: <a href="http://www.danvk.org/dygraphs/">http://www.danvk.org/dygraphs/</a><a></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2009/12/libreria-js-para-crear-graficos-de-estadistica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Administradores de archivos, via web</title>
		<link>http://www.cuatroxl.com/2008/10/administradores-de-archivos-via-web/</link>
		<comments>http://www.cuatroxl.com/2008/10/administradores-de-archivos-via-web/#comments</comments>
		<pubDate>Wed, 08 Oct 2008 20:27:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[component]]></category>
		<category><![CDATA[componente_web]]></category>
		<category><![CDATA[ExtJs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[utilidades]]></category>
		<category><![CDATA[herramientas]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://cuatroxl.com/blog/?p=154</guid>
		<description><![CDATA[Hoy me he puesto a querer hacer un proyectillo con Extjs. Como siempre hago, primero busco lo que ya hay echo y si veo que el nivel está muy algo busco otra cosa. Y me apetecía hacer un administrador de archivos, pero la verdad que el listón está muy alto; pongo los dos más interesantes [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy me he puesto a querer hacer un proyectillo con Extjs. Como siempre hago, primero busco lo que ya hay echo y si veo que el nivel está muy algo busco otra cosa.</p>
<p>Y me apetecía hacer un administrador de archivos, pero la verdad que el listón está muy alto; pongo los dos más interesantes que he visto</p>
<h2><strong>Relay</strong></h2>
<p>Un administrador bastante interesante, basado en ajax y <a href="http://php.net">php</a>. Con esta aplicación podemos:</p>
<ul>
<li>navegar</li>
<li>descargar archivos</li>
<li>subir archivos</li>
<li>previsualizar archivos (imágenes y pdf)</li>
</ul>
<p>url: <a href="http://www.ecosmear.com/relay/" target="_blank">http://www.ecosmear.com/relay/</a></p>
<h2><strong>ExtPlorer</strong></h2>
<p>Con esto me he quedado realmente impresionado. Esto era lo que pretendía hacer, pero <a href="http://extjs.com/forum/member.php?u=2183">Soeren</a> (nombre de usuario en el foro de ExtJs) se ha lucido con este genial trabajo.</p>
<p>Este administrador tiene todo lo se le puede pedir a un administrador de archivo:</p>
<ul>
<li>editar, copiar, mover, borrar archivos</li>
<li> buscar, subir y descargar archivos</li>
<li>crear, editar archivos</li>
<li>editor de permisos</li>
</ul>
<p>lo mejor es que lo bajéis e instalarlo  en local y ver que el trabajo es excelente</p>
<p>url: <a href="http://extplorer.sourceforge.net/" target="_blank">http://extplorer.sourceforge.net/</a></p>
<p><img class="alignnone" title="administrador de archivos online" src="http://extplorer.sourceforge.net/extplorer.png" alt="preview" width="100%" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2008/10/administradores-de-archivos-via-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tutorial :: aplicación de escritorio para subir imágenes. PHP y Air</title>
		<link>http://www.cuatroxl.com/2008/07/tutorial-aplicacion-de-escritorio-para-subir-imagenes-php-y-air/</link>
		<comments>http://www.cuatroxl.com/2008/07/tutorial-aplicacion-de-escritorio-para-subir-imagenes-php-y-air/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 16:13:21 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[utilidades]]></category>
		<category><![CDATA[adobe air]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[uploader image]]></category>

		<guid isPermaLink="false">http://cuatroxl.wordpress.com/?p=96</guid>
		<description><![CDATA[En Zend Developer Zone han escrito un excelente tutorial para crear una aplicación de escritorio, en Air, para subir imágenes a nuestro servidor con un simple drag &#38; drop (arrastrar y soltar en la ventanita de la aplicación). En el tutorial podéis ver todo el código, de Air como PHP. Enlace:  Desktop Image Uploaders Using [...]]]></description>
			<content:encoded><![CDATA[<p>En <a href="http://devzone.zend.com/public/view" target="_blank">Zend Developer Zone</a> han escrito un excelente tutorial para crear una aplicación de escritorio, en <a href="http://www.adobe.com/products/air/">Air</a>, para subir imágenes a nuestro servidor con un simple drag &amp; drop (arrastrar y soltar en la ventanita de la aplicación).</p>
<p>En el tutorial podéis ver todo el código, de Air como PHP.</p>
<p style="text-align:center;"><a href="http://devzone.zend.com/article/3650-Desktop-Image-Uploaders-Using-Adobe-AIR-and-JavaScript" target="_blank"><img src="http://devzone.zend.com/images/articles/3650/image_6.JPG" class="aligncenter" alt="" /></a></p>
<p>Enlace:  <strong><a href="http://devzone.zend.com/article/3650-Desktop-Image-Uploaders-Using-Adobe-AIR-and-JavaScript" target="_blank">Desktop Image Uploaders Using Adobe AIR and JavaScript</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2008/07/tutorial-aplicacion-de-escritorio-para-subir-imagenes-php-y-air/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿dónde está la documentación de mootools v1.11?</title>
		<link>http://www.cuatroxl.com/2008/06/%c2%bfdonde-esta-la-documentacion-de-mootools-v111/</link>
		<comments>http://www.cuatroxl.com/2008/06/%c2%bfdonde-esta-la-documentacion-de-mootools-v111/#comments</comments>
		<pubDate>Fri, 13 Jun 2008 11:52:42 +0000</pubDate>
		<dc:creator>acido69</dc:creator>
				<category><![CDATA[enlaces]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://cuatroxl.wordpress.com/?p=87</guid>
		<description><![CDATA[http://docs111.mootools.net/ allí tenemos la documentación de la versión anterior en mootools]]></description>
			<content:encoded><![CDATA[<h2><a href="http://docs111.mootools.net/" target="_blank">http://docs111.mootools.net/</a></h2>
<p>allí tenemos la documentación de la versión anterior en <a href="http://mootools.net/">mootools</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cuatroxl.com/2008/06/%c2%bfdonde-esta-la-documentacion-de-mootools-v111/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

