<?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>Neleste 2.0</title>
	<atom:link href="http://www.neleste.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neleste.com</link>
	<description>Información sobre Desarrollo Web</description>
	<pubDate>Thu, 25 Jun 2009 10:17:55 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Sincronizar directorios y copiar solo archivos modificados</title>
		<link>http://www.neleste.com/sincronizar-directorios-y-copiar-solo-archivos-modificados/</link>
		<comments>http://www.neleste.com/sincronizar-directorios-y-copiar-solo-archivos-modificados/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 11:43:13 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[Linux]]></category>

		<guid isPermaLink="false">http://www.neleste.com/?p=168</guid>
		<description><![CDATA[Con esto sincronizamos todo el directorio remoto de un equipo en el directorio local que queramos.
Util para que compare los dos directorio y solo compie lo que ha sufrido cambios, respetando los permisos del archivo:
rsync -rvlpz root@&#60;host remoto&#62;:/&#60;directorio remoto&#62;/ /&#60;directorio local&#62;/
los parametros rvlpz son para:
-r = recursivo – procesa sub-directorios y archivos encontrado el la [...]]]></description>
			<content:encoded><![CDATA[<p>Con esto sincronizamos todo el directorio remoto de un equipo en el directorio local que queramos.<br />
Util para que compare los dos directorio y solo compie lo que ha sufrido cambios, respetando los permisos del archivo:</p>
<p>rsync -rvlpz root@&lt;host remoto&gt;:/&lt;directorio remoto&gt;/ /&lt;directorio local&gt;/<br />
los parametros rvlpz son para:</p>
<p>-r = recursivo – procesa sub-directorios y archivos encontrado el la ubicación del fuente o SRC.<br />
-v es utilizado para aumentar la verbosidad desplegado. Después, cuando estamos seguro que esta respaldando lo que deseamos, puede quitar el &#8216;v&#8217;. Sigue incluido en este ejemplo porque el proceso esta ejecutado desde una tarea &#8216;cron&#8217;, y prefiero &#8216;ver&#8217; lo que hizo. Es por cada individuo a decidir.<br />
-l = links (acoplamientos) – cuando los acoplamientos simbólicas (symlinks) se encuentro, recrearlo en el sistema destinaría.<br />
-p = permisos – dice a rsync a fijar los permisos en el destinaría igual que el fuente (SRC).<br />
-z se utiliza para comprimir los datos que serán transferido o copiado, con el resulto que el proceso de copiado se realizo más rápido, porque los datos siendo transferido es más pequeño que el tamaño verdadero.</p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/sincronizar-directorios-y-copiar-solo-archivos-modificados/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Unir tablas sin + SQL</title>
		<link>http://www.neleste.com/unir-tablas-en-mysql-como-en-oracle/</link>
		<comments>http://www.neleste.com/unir-tablas-en-mysql-como-en-oracle/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 20:40:11 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[MySQL]]></category>

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

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

		<guid isPermaLink="false">http://www.neleste.com/?p=167</guid>
		<description><![CDATA[La mayoría de los proyectos en los que he trabajado, siempre han tenido bases de datos mysql o oracle en su defecto, pero ultimamente estoy trabajando con PostgreSQL. Esta tiene ventajas como Triggers, herencias y demás que son motivos de por si solas para un nuevo artículo. Lo que voy a comentar en este, es [...]]]></description>
			<content:encoded><![CDATA[<p>La mayoría de los proyectos en los que he trabajado, siempre han tenido bases de datos mysql o oracle en su defecto, pero ultimamente estoy trabajando con PostgreSQL. Esta tiene ventajas como Triggers, herencias y demás que son motivos de por si solas para un nuevo artículo. Lo que voy a comentar en este, es que en oracle tenía la posibilidad de hacer una unión externa con el simbolo (+) en los elementos seleccionados.  Así consigo seleccionar los elementos que no tienen un reciproco en otra tabla. Mi duda era como hacer esto tanto en mysql como en postgreSQL aquí la respuesta</p>
<p style="text-align: center;"><code>SELECT d.departamento, e.empleado</code><br />
<code>FROM dept d</code><br />
<code>LEFT JOIN emp e ON e.departamento = d.departamento</code></p>
<p>Lo que se hace, es invertir las para que la de la &#8220;izquierda&#8221; (<em>LEFT join</em>) se convierta en la más importante. También, la claúsula <em>WHERE</em> se encuentra eliminada y ahora el criterio de unión está en la claúsula &#8220;<em>ON</em>&#8221; del <em>LEFT JOIN</em>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/unir-tablas-en-mysql-como-en-oracle/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Columnas con la misma altura</title>
		<link>http://www.neleste.com/columnas-con-la-misma-altura/</link>
		<comments>http://www.neleste.com/columnas-con-la-misma-altura/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 10:28:41 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[Sin categoría]]></category>

		<guid isPermaLink="false">http://www.neleste.com/?p=165</guid>
		<description><![CDATA[El problema que planteo es el siguiente: tu creas tu layout con tres columnas y luego quieres que tus columnas, aunque dos de ellas no tengan contenido, lleguen siempre hasta la altura de la que más contenido tenga. Normalmente obtienes algo así:

¡No se alargan las columnas como quieres!, es debido a que lo normal, es [...]]]></description>
			<content:encoded><![CDATA[<p>El problema que planteo es el siguiente: tu creas tu layout con tres columnas y luego quieres que tus columnas, aunque dos de ellas no tengan contenido, lleguen siempre hasta la altura de la que más contenido tenga. Normalmente obtienes algo así:</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-166 aligncenter" title="Comlumnas css" src="http://www.neleste.com/wp-content/uploads/2009/03/columnas.jpg" alt="Comlumnas css" width="311" height="188" /></p>
<p>¡No se alargan las columnas como quieres!, es debido a que lo normal, es que las columnas se expandan según el contenido que tengan. Una opción rápida y chapuzas, sería poner un display:block a cada columna con el height deseado. Pero ¿Y si este es el layout general?, ¡entonces tendríamos que cambiarlo a todas nuestras páginas internas!, vamos una locura y algo muy feo..</p>
<p><strong>¿La solución?</strong></p>
<p>Asignar a las tres columnas, un padding bajo muy grande (32768px es el número máximo de pixeles posibles) y a su vez un margin negativo igual de grande. A su vez, deberemos crear un contenedor global que oculte lo que sobra.</p>
<p><code>#izquierda, #central, #derecha {<br />
padding-bottom: 32768px;<br />
margin-bottom: -32768px<br />
}</code><br />
<code>#contenedor {overflow: hidden}</code></p>
<p><strong>Desventajas</strong></p>
<ul>
<li>Requiere de un contenedor div extra</li>
<li>Si vas a usar anclas en la misma página ( &lt;a name=&#8221;seccion&#8221;&gt;&lt;/a&gt; ) y este ancla estiviera dentro de esta columna, el contenido que esté antes de ese ancla desaparecerá y permanecerá invisible.</li>
<li>Me da un poco de rabia no haberlo encontrado antes <img src='http://www.neleste.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/columnas-con-la-misma-altura/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Esquinas Redondeadas</title>
		<link>http://www.neleste.com/esquinas-redondeadas/</link>
		<comments>http://www.neleste.com/esquinas-redondeadas/#comments</comments>
		<pubDate>Fri, 06 Feb 2009 11:48:59 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[CSS]]></category>

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

		<category><![CDATA[Sin categoría]]></category>

		<guid isPermaLink="false">http://www.neleste.com/?p=164</guid>
		<description><![CDATA[Con la llegada de los estándares CSS3, han surgido nuevas opciones para diseñar nuestras páginas. Entre ellas, las más interesantes que encuentro están, las transparencias, los degradados y las esquinas redondeadas.
Voy a hablar de estas últimas, es algo que los diseñadores siempre han conseguido insertando imágenes redondas al borde y listo. Actualmente, y gracias a [...]]]></description>
			<content:encoded><![CDATA[<p>Con la llegada de los estándares CSS3, han surgido nuevas opciones para diseñar nuestras páginas. Entre ellas, las más interesantes que encuentro están, las transparencias, los degradados y las esquinas redondeadas.</p>
<p>Voy a hablar de estas últimas, es algo que los diseñadores siempre han conseguido insertando imágenes redondas al borde y listo. Actualmente, y gracias a los estándares css3 también lo podemos realizar mediante código css con estas instrucciones:</p>
<p><code>border-radius (estándar css)</code><br />
<code>-moz-border-radius (cuando se trataba de mozilla, aunque desde la versión 3.0 ya lo hacemos con la instrucción anterior)</code><br />
<code>-webkit-border-radius (safari y chrome)</code></p>
<p>El problema de hacerlo de este modo, es el de siempre, el maldito Internet Explorer, que ni en su versión 8 implementa estos estándares.<br />
Una solución para tener las esquinas redondeadas en todos los navegadores, incluido Internet Explorer es usar JQuery Corners.<br />
jQuery Corners es un plugin que nos permite realizar esquinas redondeadas de una manera bastante sencilla, sin imágenes o maquetación adicional y engorrosa en el código. Simplemente se define una clase y se aplica a un elemento HTML. Veamos como hacerlo:</p>
<ul>
<li> Primero descarga jQuery y jQuery corners y haz el llamado dentro de las etiquetas  y :</li>
</ul>
<div style="padding-left:4em"><code>&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt; </code></div>
<div style="padding-left:4em"><code>&lt;script src="jquery.corner.js" type="text/javascript"&gt;&lt;/script&gt;</code></div>
<ul>
<li> Luego define la clase la cuál creará las esquinas redondeadas de la siguiente forma:</li>
</ul>
<div style="padding-left:4em"><code>&lt;script type="text/javascript"&gt;</code></div>
<div style="padding-left:4em"><code>&lt;!--<br />
$(document).ready( function(){<br />
$('.redondas').corners();<br />
});<br />
// --&gt;</code></div>
<div style="padding-left:4em"><code>&lt;/script&gt;</code></div>
<ul>
<li> Y por último simplemente aplica la clase a cualquier elemento HTML, como por ejemplo a un típico selector DIV:</li>
</ul>
<div style="padding-left:4em"><code>&lt;div class="redondas"&gt;</code></div>
<div style="padding-left:4em"><code>Contenedor con esquinas redondeadas.</code></div>
<div style="padding-left:4em"><code>&lt;/div&gt;</code></div>
<p>Esta es la forma más básica de usar el script aunque posee varias opciones de configuración, como puede ser el radio de curvatura general o para cada una de las esquinas o también podemos aplicar el script a botones de un formulario. Todas estas las podemos consultar en el <a rel="nofollow" href="http://docs.jquery.com/Downloading_jQuery">sitio oficial de jQuery Corners</a><br />
Es soportado por la mayoría de los navegadores e inclusive por el iPhone.</p>
<p>Links | <a rel="nofollow" href="http://docs.jquery.com/Downloading_jQuery">jQuery</a> - <a rel="nofollow" href="http://docs.jquery.com/Downloading_jQuery">jQuery Corners</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/esquinas-redondeadas/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Buscar y Reemplazar en Linux</title>
		<link>http://www.neleste.com/buscar-y-reemplazar-en-linux/</link>
		<comments>http://www.neleste.com/buscar-y-reemplazar-en-linux/#comments</comments>
		<pubDate>Thu, 29 Jan 2009 09:48:27 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[Linux]]></category>

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

		<guid isPermaLink="false">http://www.neleste.com/?p=163</guid>
		<description><![CDATA[Esta es una instrucción sencilla que quería compartir, y es que muchas veces me ha salvado incluso la vida, o por lo menos me ha quitado un dolor de cabeza, puesto que cambiar una palabra en un fichero es fácil, pero cuando se tratan de 100 ficheros&#8230;
grep -rlZ 'textoareemplazar' /ruta/ &#124; xargs -r0 perl -pi [...]]]></description>
			<content:encoded><![CDATA[<p>Esta es una instrucción sencilla que quería compartir, y es que muchas veces me ha salvado incluso la vida, o por lo menos me ha quitado un dolor de cabeza, puesto que cambiar una palabra en un fichero es fácil, pero cuando se tratan de 100 ficheros&#8230;</p>
<p><code>grep -rlZ 'textoareemplazar' /ruta/ | xargs -r0 perl -pi -e 's/textoareemplazar/textonuevo/g'</code></p>
<p>Sirve sobre todo en servidores con mucha &#8220;morralla histórica&#8221; en la que queramos cambiar una frase/instrucción que se repite. Eso si, cuidado con su uso, si reemplazamos algo que no debemos podemos tener un caos!</p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/buscar-y-reemplazar-en-linux/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Vida Messenger</title>
		<link>http://www.neleste.com/vida-messenger/</link>
		<comments>http://www.neleste.com/vida-messenger/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 15:05:52 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[OpenGl]]></category>

		<category><![CDATA[Opiniones Personales]]></category>

		<guid isPermaLink="false">http://www.neleste.com/?p=162</guid>
		<description><![CDATA[Aunque no usar videos de youtube para el blog, este video me ha traído muchos recuerdos. Está protagonizado por muchos de los miembros de los Antrifrikis, y comento. Los Antifrikis, en la facultad fueron los eternos rivales de los Sanakas, de donde yo era miembro. Dos buenos grupos de amigos, dos tipos de vidas paralelas [...]]]></description>
			<content:encoded><![CDATA[<p>Aunque no usar videos de youtube para el blog, este video me ha traído muchos recuerdos. Está protagonizado por muchos de los miembros de los Antrifrikis, y comento. Los Antifrikis, en la facultad fueron los eternos rivales de los <a rel="nofollow" href="http://www.sanakas.com">Sanakas</a>, de donde yo era miembro. Dos buenos grupos de amigos, dos tipos de vidas paralelas y dos equipos de futbol que competían en la Liga Interna de la Facultad de informática.<br />
Ellos estudiaban ITIS, nosotros ITIG, en algunas optativas, como en IAG donde hicimos algunas <a rel="nofollow" href="http://serdis.dis.ulpgc.es/~atrujill/iga/">prácticas en OpenGl</a> muy divertidas. Destaco que esta optativa fue la mejor de todas, tanto en FIG (Fundamentos de Interfaz Gráfica) como en IAG (Informática Gráfica Aplicada) se profundiza mucho en programación y son muy interesantes.</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" 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/F0qAeJSDk8c&amp;hl=es&amp;fs=1&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/F0qAeJSDk8c&amp;hl=es&amp;fs=1&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Navegando por YouTube, los he encontrado de casualidad en este video, y la verdad es que es original y muy bueno. Aquí dejo mi granito de arena haciéndolo un poco más público si cabe.</p>
<p>ACTUALIZACION: También salían miembros de los emoticonos, ellos ganaron la liga interna un año. Saludos a Ángel (compañero desde bachillerato y miembro de ese equipo), que crack!.</p>
<p>Link | <a rel="nofollow" href="http://serdis.dis.ulpgc.es/~atrujill/iga/">Prácticas OpenGL</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/vida-messenger/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Hacer miniaturas de Imágenes</title>
		<link>http://www.neleste.com/hacer-miniaturas-de-imagenes/</link>
		<comments>http://www.neleste.com/hacer-miniaturas-de-imagenes/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 15:07:23 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[JQuery]]></category>

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

		<guid isPermaLink="false">http://www.neleste.com/?p=160</guid>
		<description><![CDATA[
Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta &#60;img, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo.
Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="alignnone size-full wp-image-161" title="Miniaturas" src="http://www.neleste.com/wp-content/uploads/2008/12/pic.jpg" alt="Miniaturas" width="353" height="240" /></p>
<p>Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta <em>&lt;img</em>, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo.</p>
<p>Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar JQuery u JThumbs. Mediante el siguiente script tendremos las deseadas miniaturas:</p>
<p><code>&lt;script type="text/javascript"&gt;<br />
$(document).ready(function() {</code><br />
<code>// aquí realmente hacemos la miniatura</code><br />
<code>$("a.thumb, img.thumb").jThumb();<br />
</code><code>// Posicionar imagen (opcional)</code><br />
<code> </code> <code>$("a.thumb img, img.thumb").jThumbImg();<br />
});<br />
&lt;/script&gt;</code></p>
<p>Lo unico que necesitamos es en enlace previo a nuestro framework favorito jquery:</p>
<p><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;</code></p>
<p>Ventajas:</p>
<ul>
<li>No sobrecargamos el servidor con otro script php.</li>
<li>Es un proceso automático.</li>
</ul>
<p>Desventajas</p>
<ul>
<li>La imagen carga entera (aunque visualmente satisfactoria).</li>
</ul>
<p>Descarga | <a rel="nofollow" href="http://jquery.com">JQuery</a> - <a rel="nofollow" href="http://joanpiedra.com/jquery/thumbs/">JThumb</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/hacer-miniaturas-de-imagenes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Oxite, el Gestor de contenidos de Microsoft</title>
		<link>http://www.neleste.com/oxite-gestor-de-contenidos-microsoft/</link>
		<comments>http://www.neleste.com/oxite-gestor-de-contenidos-microsoft/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 14:38:29 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[Aplicaciones Web]]></category>

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

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

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

		<guid isPermaLink="false">http://www.neleste.com/?p=158</guid>
		<description><![CDATA[
Microsoft ha lanzado Oxite, una gestor de contenidos de código abierto (como joomla, wordpress, oscommerce, etc) de producción propia. Las fuentes las podemos conseguir en la web de CodePlex bajo Microsoft Public License.
Este Gestor de Contenidos (GMS), está desarrollado C#, y se puede integrar con algunas herramientas de desarrollo tales como ASP.Net o Visual Studio. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" style="text-align: center;" title="Logo Oxite" src="http://www.neleste.com/wp-content/uploads/2008/12/logo-oxite.png" alt="Logo Oxite" width="377" height="122" /></p>
<p>Microsoft ha lanzado Oxite, una gestor de contenidos de código abierto (como joomla, wordpress, oscommerce, etc) de producción propia. Las fuentes las podemos conseguir en la web de CodePlex bajo Microsoft Public License.<br />
Este Gestor de Contenidos (GMS), está desarrollado C#, y se puede integrar con algunas herramientas de desarrollo tales como ASP.Net o Visual Studio. Todavía se encuentra en un estado alfa, por lo que por el momento, está destinado todavía a programadores interesados en depurarlo.<br />
Oxite esta pensado para albergar tanto blogs, como sites más complejos como MIX Online, y pese a no estar finalizado, permite a los usuarios ya realizar comentarios, disponer de RSS y también permite a los los webmasters realizar pingbacks y trackbacks. También posee editores WYSIWYG.</p>
<p>Link | <a rel="nofollow" href="http://visitmix.com/Lab/Oxite">Oxite</a><br />
Descargar | <a rel="nofollow" href="http://www.codeplex.com/oxite">CodePlex - Oxite</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/oxite-gestor-de-contenidos-microsoft/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Cajas de Igoogle</title>
		<link>http://www.neleste.com/cajas-de-igoogle/</link>
		<comments>http://www.neleste.com/cajas-de-igoogle/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 08:53:25 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[CSS]]></category>

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

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

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

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

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

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

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

		<guid isPermaLink="false">http://www.neleste.com/?p=155</guid>
		<description><![CDATA[Llevo bastante tiempo intentando lograr hacer el efecto de arrastrar y soltar de las cajas de igoogle, hay poquísima información en la red respecto a cómo se consigue crear este efecto, a pesar de que es algo  muy interesante a nivel de diseño.

¿Como he conseguido lograr el efecto? La base de todo es la [...]]]></description>
			<content:encoded><![CDATA[<p>Llevo bastante tiempo intentando lograr hacer el efecto de arrastrar y soltar de las cajas de igoogle, hay poquísima información en la red respecto a cómo se consigue crear este efecto, a pesar de que es algo  muy interesante a nivel de diseño.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-156 aligncenter" title="cajaigoogle" src="http://www.neleste.com/wp-content/uploads/2008/10/cajaigoogle.gif" alt="Cajas Igoogle" width="371" height="213" /></p>
<p>¿Como he conseguido lograr el efecto? La base de todo es la clase <a rel="nofollow" href="http://www.prototypejs.org/download"> prototype</a> que podeis descargar desde ese link.  Prototype es un framework hecho en  JavaScript que se sirve para ayudar a un desarrollo sencillo y dinámico de aplicaciones web (como cualquier framework) con el uso de técnicas Ajax.<br />
Luego mediante CSS, y definiendo las capas en el init() de javascript (se encuentr todo en el fichero index.html) podremos adaptarlo como queramos.</p>
<p>Enlaces |<a title="Cajas de Igoogle" href="http://www.neleste.com/demos/igoogle/">Demo</a> - <a rel="nofollow" href="http://www.prototypejs.org/download">Prototype</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/cajas-de-igoogle/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Estructurar una web con css</title>
		<link>http://www.neleste.com/estructurar-una-web-con-css/</link>
		<comments>http://www.neleste.com/estructurar-una-web-con-css/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 14:08:39 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
		
		<category><![CDATA[CSS]]></category>

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

		<guid isPermaLink="false">http://www.neleste.com/?p=152</guid>
		<description><![CDATA[Cuando maquetamos una web, lo primero siempre es tener una estructura definida bien sólida 2 columnas -3 filas, 4 filas- 2 columna,.. etc. Siempre he defendido el trabajo sin tablas, y si eres iniciado y crear estas filas y columnas te cuesta, puedes optar por descargártelas desde  este link. Los chicos de IronMyers se han molestado [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando maquetamos una web, lo primero siempre es tener una estructura definida bien sólida 2 columnas -3 filas, 4 filas- 2 columna,.. etc. Siempre he defendido el trabajo sin tablas, y si eres iniciado y crear estas filas y columnas te cuesta, puedes optar por descargártelas desde  <a title="Estructura Css" rel="nofollow" href="http://layouts.ironmyers.com/100_percent_Layouts/">este link</a>. Los chicos de IronMyers se han molestado en crear una serie de plantillas con muchas combinaciones.</p>
<p style="text-align: center;"><img class="aligncenter" style="margin: 0 0 0.5em 0.5em;" src="http://www.neleste.com/wp-content/uploads/2008/10/estructuras-300x1971.jpg" alt="estructuras" width="419" height="276" align="center" /></p>
<p>Como verás, el código quedará más limpio y estructurado, con la consecuente perdida de peso en nuestro site que nos ayudará a que cargue más rápido.</p>]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/estructurar-una-web-con-css/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
