<?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>::xml-utils.com:: &#187; CSS</title>
	<atom:link href="http://xml-utils.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://xml-utils.com</link>
	<description>El rincón práctico de los estándares web</description>
	<lastBuildDate>Fri, 16 Jul 2010 06:23:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Arranca decharlas.com con un taller gratuito sobre TDD y jUnit</title>
		<link>http://xml-utils.com/2010/02/21/arranca-decharlas-com-con-un-taller-gratuito-sobre-tdd-y-junit/</link>
		<comments>http://xml-utils.com/2010/02/21/arranca-decharlas-com-con-un-taller-gratuito-sobre-tdd-y-junit/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 21:32:16 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Publicaciones]]></category>
		<category><![CDATA[Web General]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=56</guid>
		<description><![CDATA[decharlas.com es una iniciativa abierta que persigue la difusi&#243;n de las &#250;ltimas tecnolog&#237;as en programaci&#243;n, desarrollo web y seguridad.
El objetivo de este nuevo proyeto en el que nos hemos embarcado, es ofrecer charlas gratuitas mensualmente que sirvan para que los estudiantes y los desarrolladores en general se inicien en los &#250;ltimos frameworks, tecnolog&#237;as y entornos [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://decharlas.com" target="_blank">decharlas.com</a> es una iniciativa abierta que persigue la difusi&oacute;n de las &uacute;ltimas tecnolog&iacute;as en programaci&oacute;n, desarrollo web y seguridad.</p>
<p>El objetivo de este nuevo proyeto en el que nos hemos embarcado, es ofrecer charlas gratuitas mensualmente que sirvan para que los estudiantes y los desarrolladores en general se inicien en los &uacute;ltimos frameworks, tecnolog&iacute;as y entornos de desarrollo.</p>
<p>Las charlas, las cuales se realizar&aacute;n en las instalaciones de la <a href="http://www.uji.es" target="_blank">Universitat Jaume I de Castell&oacute;n</a>, ser&aacute;n totalmente gratuitas y estar&aacute;n accesibles a trav&eacute;s de la web de <a href="http://decharlas.com" target="_blank">decharlas.com</a>.</p>
<p>Este proyecto arranca con mucha ilusi&oacute;n y una colaboraci&oacute;n muy interesante. El d&iacute;a 1 de Marzo a las 18:00 y el d&iacute;a 2 de Marzo a las 17:00, disfrutaremos de un conferencia y de un taller pr&aacute;ctico sobre TDD y jUnit.</p>
<p>Este taller, impartido por <a href="http://www.carlosble.com/" target="_blank">Carlos Ble</a> (autor del libro en castellano <a href="http://www.dirigidoportests.com/el-libro" target="_blank">Dise&ntilde;o &Aacute;gil con TDD</a>), nos ofrecera una visi&oacute;n de como se desarrolla software mediante el uso iterativo de ejemplos definidos por el cliente, en contraposici&oacute;n a los m&eacute;todos de an&aacute;lisis tradicional. Por otra parte, en el taller pr&aacute;ctico, podremos aprende a utilizar el framework JUnit para escribir tests unitarios y otros tests esenciales para el equipo de desarrollo.</p>
<p>Para inscribiros s&oacute;lo teneis que enviar un correo a <strong>contacto@decharlas.com.</strong></p>
<p>Para m&aacute;s informaci&oacute;n de esta y otras charlas, <a href="http://decharlas.com" target="_blank">consultad nuestra web</a> o <a href="http://twitter.com/decharlas">seguidnos en twitter</a>.</p>
<p>Os esperamos!!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2010/02/21/arranca-decharlas-com-con-un-taller-gratuito-sobre-tdd-y-junit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Curso de especialización en desarrollo web avanzado 2009/2010</title>
		<link>http://xml-utils.com/2009/09/10/curso-de-especializacion-en-desarrollo-web-avanzado-20092010/</link>
		<comments>http://xml-utils.com/2009/09/10/curso-de-especializacion-en-desarrollo-web-avanzado-20092010/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 10:07:45 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=44</guid>
		<description><![CDATA[
Con el fin de conocer más a fondo los nuevos entornos y tecnologías relacionadas con el desarrollo de aplicaciones Web, se presenta desde la Universitat Jaume I de Castellón, la tercera edición del &#8220;Curso de especialización en desarrollo web avanzado&#8221;. Este año totalmente online !!!
En esta tercera edición prevista desde Noviembre del 2009 a Junio [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cursowebavanzado.uji.es/img/cdwa-anieto2k-2009.png" style="float:right; margin-left:10px;" /></p>
<p>Con el fin de conocer más a fondo los nuevos entornos y tecnologías relacionadas con el desarrollo de aplicaciones Web, se presenta desde la <a href="http://www.fue.uji.es/postgrado/ver.shtm?no_exp=EX090056" target="_blank">Universitat Jaume I</a> de Castellón, la tercera edición del &#8220;Curso de especialización en desarrollo web avanzado&#8221;. Este año totalmente online !!!</p>
<p>En esta tercera edición prevista desde Noviembre del 2009 a Junio de 2010, se abordarán las siguientes temáticas:</p>
<ul>
<li>- Web 2.0: Conceptos e implicaciones</li>
<li>- Activos de información: Gestión, protección y control</li>
<li>- Herramientas y nuevos entornos de desarrollo: Wiki, Subversion, Eclipse, Trac</li>
<li>- Tecnologías base de cliente: XHTML/XML, CSS, JavaScript, SVG en cuanto a las tecnologías base y algunos frameworks de cliente rico como Prototype, JQuery o ExtJS</li>
<li>- Tecnologías de servidor: PHP y Java</li>
<li>- Seguridad en entornos web</li>
<li>- Arquitecturas orientadas a servicios: SOA, Web Services, WSDL y REST</li>
</ul>
<p>Para más información, se encuentra disponible la página del curso donde, además, se pueden ver algunos ejemplos descargables de los materiales proporcionados:</p>
<p><a href="http://cursowebavanzado.uji.es/" target="_blank">http://cursowebavanzado.uji.es/</a><br />
<a href="http://www.fue.uji.es/postgrado/ver.shtm?no_exp=EX090056" target="_blank">Fundación Universitat Jaume I &#8211; Empresa</a></p>
<p>Os esperamos!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2009/09/10/curso-de-especializacion-en-desarrollo-web-avanzado-20092010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Curso de especialización en desarrollo web avanzado</title>
		<link>http://xml-utils.com/2008/11/03/curso-de-especializacion-en-desarrollo-web-avanzado-2/</link>
		<comments>http://xml-utils.com/2008/11/03/curso-de-especializacion-en-desarrollo-web-avanzado-2/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 00:02:05 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firma digital]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web General]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=38</guid>
		<description><![CDATA[
Con el fin de conocer más a fondo los nuevos entornos y tecnologías relacionadas con el desarrollo de aplicaciones Web, se presenta desde la Universitat Jaume I de Castellón, la segunda edición del &#8220;Curso de especialización en desarrollo web avanzado&#8221;. Este año totalmente online !!!
En esta tercera edición prevista desde Noviembre del 2009 a Junio [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/img/cartel.png" style="float:right; margin-left:10px;" /></p>
<p>Con el fin de conocer más a fondo los nuevos entornos y tecnologías relacionadas con el desarrollo de aplicaciones Web, se presenta desde la <a href="http://www.fue.uji.es/postgrado/ver.shtm?no_exp=EX090056" target="_blank">Universitat Jaume I</a> de Castellón, la segunda edición del &#8220;Curso de especialización en desarrollo web avanzado&#8221;. Este año totalmente online !!!</p>
<p>En esta tercera edición prevista desde Noviembre del 2009 a Junio de 2010, se abordarán las siguientes temáticas:</p>
<ul>
<li>- Web 2.0: Conceptos e implicaciones</li>
<li>- Activos de información: Gestión, protección y control</li>
<li>- Herramientas y nuevos entornos de desarrollo: Wiki, Subversion, Eclipse, Trac</li>
<li>- Tecnologías base de cliente: XHTML/XML, CSS, JavaScript, SVG en cuanto a las tecnologías base y algunos frameworks de cliente rico como Prototype, JQuery o ExtJS</li>
<li>- Tecnologías de servidor: PHP y Java</li>
<li>- Seguridad en entornos web</li>
<li>- Arquitecturas orientadas a servicios: SOA, Web Services, WSDL y REST</li>
</ul>
<p>Para más información, se encuentra disponible la página del curso donde, además, se pueden ver algunos ejemplos descargables de los materiales proporcionados:</p>
<p><a href="http://cursowebavanzado.uji.es/" target="_blank">http://cursowebavanzado.uji.es/</a><br/><br />
<a href="http://www.fue.uji.es/postgrado/ver.shtm?no_exp=EX090056" target="_blank">Fundación Universitat Jaume I &#8211; Empresa</a></p>
<p>Os esperamos!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2008/11/03/curso-de-especializacion-en-desarrollo-web-avanzado-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Curso de especialización en desarrollo web avanzado</title>
		<link>http://xml-utils.com/2007/09/29/curso-de-especializacion-en-desarrollo-web-avanzado/</link>
		<comments>http://xml-utils.com/2007/09/29/curso-de-especializacion-en-desarrollo-web-avanzado/#comments</comments>
		<pubDate>Sat, 29 Sep 2007 18:00:29 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web General]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://xml-utils.com/2007/09/29/curso-de-especializacion-en-desarrollo-web-avanzado/</guid>
		<description><![CDATA[&#8220;I Curso de especialización en desarrollo web avanzado&#8221; es el título del curso de postgrado que estamos preparando en la Universidad Jaume I de Castellón. El curso, con una duración de 240 horas (Noviembre 2007 a Junio 2008), será de carácter semipresencial en horario de viernes por la tarde. 
Temáticas abordadas:

Web 2.0: conceptos e implicaciones
Activos [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cweb2.subverting.org/lib/exe/fetch.php?w=149&#038;h=211&#038;cache=cache&#038;media=cartellbig.png" style="float:right;margin:5px;" /><a href="http://coredump.es/uploads/coredump.es/2007/07/curso-web-avanzado.pdf" target="_blank">&#8220;I Curso de especialización en desarrollo web avanzado&#8221;</a> es el título del curso de postgrado que estamos preparando en la <a href="http://www.uji.es/ES/infoest/estudis/postgrau/propi/cesp.html#3" target="_blank">Universidad Jaume I</a> de Castellón. El curso, con una duración de 240 horas (Noviembre 2007 a Junio 2008), será de carácter semipresencial en horario de viernes por la tarde. </p>
<p>Temáticas abordadas:</p>
<ul>
<li>Web 2.0: conceptos e implicaciones</li>
<li>Activos de información: gestión, protección y control</li>
<li>Herramientas y nuevos entornos de desarrollo: Wiki, Subversion, Eclipse, Trac</li>
<li>Tecnologías base de cliente: Cliente rico (XHTML/XML, CSS, JavaScript, XForms, SVG en cuanto a las tecnologías base y algunos frameworks Prototype, JQuery, Ext-js, GWT u otros en la parte de cliente rico)</li>
<li>Tecnologías de servidor: PHP / Java</li>
<li>Seguridad en entornos web</li>
<li>Arquitecturas orientadas a servicios (SOA, Web Services, WSDL, BPEL)</li>
</ul>
<p>Más información en <a href="http://cweb2.gintal.com/" target="_blank">la web del curso</a> o aquí mismo <img src='http://xml-utils.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2007/09/29/curso-de-especializacion-en-desarrollo-web-avanzado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como acomodar elementos DIV de tipo float</title>
		<link>http://xml-utils.com/2006/05/22/como-acomodar-elementos-div-de-tipo-float/</link>
		<comments>http://xml-utils.com/2006/05/22/como-acomodar-elementos-div-de-tipo-float/#comments</comments>
		<pubDate>Mon, 22 May 2006 17:56:47 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=14</guid>
		<description><![CDATA[Cuando queremos tener un DIV que contenga otros dos, los cuales son de tipo float, y queremos que el DIV contenedor represente un borde, nos encontramos con este problema:
div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}

Y es que el DIV contenedor no se acomoda para albergar correctamente a los dos DIV de [...]]]></description>
			<content:encoded><![CDATA[<p>Cuando queremos tener un DIV que contenga otros dos, los cuales son de tipo <em>float</em>, y queremos que el DIV contenedor represente un borde, nos encontramos con este problema:</p>
<pre>div.container {
border: 1px solid #000000;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}</pre>
<p><img width="437" height="37" src="/ejemplos/div-float.jpg" /></p>
<p>Y es que el DIV contenedor no se acomoda para albergar correctamente a los dos DIV de tipo <span style="font-style: italic">float.</span></p>
<p>Una solución es añadir un DIV extra con el atributo <em>clear: both</em>, pero no es del todo correcto añadir nuevos atributos a la página cuando estos no son necesarios.</p>
<p>Otra solución, comentada <a target="_blank" href="http://www.quirksmode.org/css/clearing.html">en este artículo</a>, sugiere una modificación del código CSS para corregir este defecto. Esta corrección pasa por alterar el atributo <em>overflow</em> del DIV contenedor a <em>hidden</em> y establecer el tamaño global al 100%:</p>
<pre>div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
div.left {
width: 45%;
float: left;
}
div.right {
width: 45%;
float: right;
}</pre>
<p>Así conseguimos el efecto deseado.</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2006/05/22/como-acomodar-elementos-div-de-tipo-float/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Resolviendo el problema del min-width</title>
		<link>http://xml-utils.com/2006/05/18/resolviendo-el-problema-del-min-width/</link>
		<comments>http://xml-utils.com/2006/05/18/resolviendo-el-problema-del-min-width/#comments</comments>
		<pubDate>Thu, 18 May 2006 07:37:02 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=12</guid>
		<description><![CDATA[Problema
Queremos posicionar, sin utilizar tablas y con CSS, dos imágenes alineadas horizontalmente (a la misma altura), de forma la de la izquierda esté siempre pegada a la izquierda y la de la derecha siempre pegada a la derecha (aunque la ventana se redimensione).
Utilizando el atributo float o display inline en las imágenes conseguimos que queden [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Problema</strong></p>
<p>Queremos posicionar, sin utilizar tablas y con CSS, dos imágenes alineadas horizontalmente (a la misma altura), de forma la de la izquierda esté siempre pegada a la izquierda y la de la derecha siempre pegada a la derecha (aunque la ventana se redimensione).</p>
<p>Utilizando el atributo <em>float</em> o <span style="font-style: italic">display inline</span> en las imágenes conseguimos que queden alieneadas horizontalmente, pero cuando el tamaño de la ventana del navegador se reduce hasta ser menor que la suma del tamaño de las imágenes, entonces una de las imágenes queda posicionada debajo de la otra <img src='http://xml-utils.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>Esto se resuelve normalmente con el atributo <span style="font-style: italic">min-width</span> que permite definir un DIV que englobe a las imágenes y que no vea reducido su tamaño por debajo de un valor definido de pixels. El problema es que esto no funciona en IE, ya que no reconoce este atributo.<br />
<span style="font-weight: bold" /></p>
<p><span style="font-weight: bold">Solución</span></p>
<p>En este artículo <a target="_blank" title="http://www.cssplay.co.uk/boxes/width.html" href="http://www.cssplay.co.uk/boxes/width.html">http://www.cssplay.co.uk/boxes/width.html</a> podemos ver un ejemplo de como resolver este problema utilizando una solución 100% CSS.</p>
<p>Y <a target="_blank" title="http://xml-utils.com/ejemplos/css-min-width.html" href="http://xml-utils.com/ejemplos/css-min-width.html">aquí</a>, otro ejemplo un poco más limpio y reducido.</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2006/05/18/resolviendo-el-problema-del-min-width/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Position is Everything</title>
		<link>http://xml-utils.com/2006/05/18/position-is-everything/</link>
		<comments>http://xml-utils.com/2006/05/18/position-is-everything/#comments</comments>
		<pubDate>Thu, 18 May 2006 07:20:22 +0000</pubDate>
		<dc:creator>borillo</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://xml-utils.com/?p=10</guid>
		<description><![CDATA[En http://www.positioniseverything.net/ podeis encontrar un excelente repositorio de artículos y demos que tienen como objectivo explicar y resolver las diferencias de implementación, en cuanto a CSS, que existen entre los navegadores existentes.
Se tratan aspectos como  trasparencias y  PNG, boxing, posicionamiento,  uso de CSS en lugar de tablas para maquetación, etc.
]]></description>
			<content:encoded><![CDATA[<p>En <a title="http://www.positioniseverything.net/" target="_blank" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a> podeis encontrar un excelente repositorio de artículos y demos que tienen como objectivo explicar y resolver las diferencias de implementación, en cuanto a CSS, que existen entre los navegadores existentes.</p>
<p>Se tratan aspectos como  trasparencias y  PNG, boxing, posicionamiento,  uso de CSS en lugar de tablas para maquetación, etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://xml-utils.com/2006/05/18/position-is-everything/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
