<?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>XanelaWeb - Diseño, web y nuevas tecnologías</title>
	<atom:link href="http://www.xanelaweb.com/category/diseno/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xanelaweb.com</link>
	<description>Blog personal sobre nuevas tecnologías, programación, diseño, maquetación web e internet.</description>
	<lastBuildDate>Fri, 04 Jun 2010 22:32:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Page Speed: evalúa la velocidad de tu web</title>
		<link>http://www.xanelaweb.com/page-speed-evalua-la-velocidad-de-tu-web/</link>
		<comments>http://www.xanelaweb.com/page-speed-evalua-la-velocidad-de-tu-web/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 15:12:47 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3689</guid>
		<description><![CDATA[Page Speed es un complemento de software libre de Firefox/Firebug. Los webmasters y los desarrolladores web pueden utilizar Page Speed para evaluar el rendimiento de sus páginas web y para obtener sugerencias sobre cómo mejorarlas. Page Speed lleva a cabo varias pruebas en tu código de interfaz de usuario y en la configuración de tu [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Page Speed</strong> es un complemento de software libre de <strong>Firefox/Firebug</strong>. Los webmasters y los desarrolladores web pueden utilizar Page Speed para evaluar el rendimiento de sus páginas web y para obtener sugerencias sobre cómo mejorarlas.</p>
<p style="text-align: justify;">Page Speed lleva a cabo varias pruebas en tu código de interfaz de usuario y en la configuración de tu servidor web. Estas pruebas se basan en un conjunto de <strong>prácticas recomendadas</strong> que se conocen por mejorar el rendimiento de las páginas web. Los webmasters que ejecutan Page Speed en sus páginas obtienen un número de <strong>puntuaciones </strong>para cada página, así como sugerencias útiles sobre cómo mejorar su rendimiento.</p>
<p style="text-align: justify;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="258" 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/a-9pCfyYPdQ&amp;hl=es_ES&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="258" src="http://www.youtube.com/v/a-9pCfyYPdQ&amp;hl=es_ES&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: justify;"><strong><a href="http://code.google.com/speed/page-speed/download.html">Descarga</a> | <a href="http://code.google.com/speed/page-speed/docs/using.html">Manejo</a> | <a href="http://code.google.com/speed/page-speed/docs/rules_intro.html">Consultas</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/page-speed-evalua-la-velocidad-de-tu-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Comunicación Empresarial 2.0</title>
		<link>http://www.xanelaweb.com/comunicacion-empresarial-2-0/</link>
		<comments>http://www.xanelaweb.com/comunicacion-empresarial-2-0/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 16:34:05 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3617</guid>
		<description><![CDATA[La segunda edición de este estudio incorpora nuevos capítulos y contenidos que abarcan temas de máxima actualidad e importancia para los responsables de comunicación de las empresas, como el posicionamiento web de una empresa, la aplicación empresarial de los wikis, el auge del podcast como herramienta de comunicación, la irrupción de las redes sociales, la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/comunicacion-empresarial-2.jpg"><img class="alignnone size-full wp-image-3618" title="comunicacion-empresarial-2" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/comunicacion-empresarial-2.jpg" alt="comunicacion-empresarial-2" width="200" height="270" /></a></p>
<p style="text-align: justify;">La segunda edición de este estudio incorpora nuevos capítulos y contenidos que abarcan temas de máxima actualidad e importancia para los responsables de comunicación de las empresas, como el <strong>posicionamiento web</strong> de una empresa, la aplicación empresarial de los <strong>wikis</strong>, el auge del <strong>podcast </strong>como herramienta de comunicación, la irrupción de las redes sociales, la sindicación de contenidos-<strong>RSS</strong>, la presencia virtual de marcas en <strong>Second Life</strong>, el uso empresarial de <strong>Twitter</strong>, entre otros. Por este motivo, hemos decidido también cambiar el nombre del estudio por el de Comunicación Empresarial 2.0 con el fin de reflejar todo este nuevo contenido.</p>
<p style="text-align: justify;"><strong><a href="http://cli.gs/comunicacion-empresarial">Descargar el libro</a> (requiere registro gratuito)</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/comunicacion-empresarial-2-0/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dale forma al texto con CSS</title>
		<link>http://www.xanelaweb.com/dale-forma-al-texto-con-css/</link>
		<comments>http://www.xanelaweb.com/dale-forma-al-texto-con-css/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 08:06:05 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3613</guid>
		<description><![CDATA[Uno de los problemas con los que nos podemos encontrar a la hora de maquetar una página web con CSS, es la de realizar formas complejas con el texto, requiriendo de trabajar con una buena cantidad de capas. Para facilitar este trabajo, desde CSS Text Wrapper nos dan varias posibilidades, permitiéndonos de forma gráfica darle [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Uno de los problemas con los que nos podemos encontrar a la hora de <strong>maquetar </strong>una página web con <strong>CSS</strong>, es la de realizar formas complejas con el texto, requiriendo de trabajar con una buena cantidad de capas. Para facilitar este trabajo, desde <a href="http://www.csstextwrap.com/"><strong>CSS Text Wrapper</strong></a> nos dan varias posibilidades, permitiéndonos de forma gráfica darle forma al texto, y generando por nosotros todo el código necesario para añadirlo directamente a la web, y de tres formas distintas: todo el código en un único archivo HTML, separando el código HTML del CSS, o por JavaScript.</p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/11css-text-wrapper-440x232.jpg"><img class="alignnone size-full wp-image-3614" title="11css-text-wrapper-440x232" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/11css-text-wrapper-440x232.jpg" alt="11css-text-wrapper-440x232" width="420" height="221" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/dale-forma-al-texto-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tarjetas vCard en formato web</title>
		<link>http://www.xanelaweb.com/tarjetas-vcard-en-formato-web/</link>
		<comments>http://www.xanelaweb.com/tarjetas-vcard-en-formato-web/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 09:32:30 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3573</guid>
		<description><![CDATA[vCard es un formato estándar para el intercambio de información personal, específicamente tarjetas personales electrónicas. Las vCards son usualmente adjuntadas a mensajes de e-mail, pero pueden ser intercambiadas en muchas otras formas, como por medio de una página web. Estos sitios suelen estar diseñador para una única página, y contienen una información mínima: nombre, dirección, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>vCard</strong> es un formato estándar para el intercambio de información personal, específicamente tarjetas personales electrónicas. Las vCards son usualmente adjuntadas a mensajes de e-mail, pero pueden ser intercambiadas en muchas otras formas, como por medio de una página web. Estos sitios suelen estar diseñador para una única página, y contienen una información mínima: nombre, dirección, números telefónicos, URLs, logos, fotografías o <span id="result_box"><span style="background-color: #ffffff;" title="These sites contain minimal content, usually just basic information about the individual (ie job title) and contact information (ie mailing addresses and links to social media profiles)." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">enlaces a los perfiles de los medios de comunicación social.</span></span></p>
<p style="text-align: justify;"><span><span style="background-color: #ffffff;" title="These sites contain minimal content, usually just basic information about the individual (ie job title) and contact information (ie mailing addresses and links to social media profiles)." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">En <strong><a href="http://sixrevisions.com/design-showcase-inspiration/30-impressive-vcard-web-designs/">Six Revisiones</a></strong> han realizado una excelente recopilación de varios sitios web mostrando este tipo de tarjetas. Grandes diseños de tarjetas, mostrando la información básica con un formato mínimo pero efectivista en la mayor parte de los casos.<br />
</span></span></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-01_tim_van_damme.jpg"><img class="alignnone size-medium wp-image-3574" title="06-01_tim_van_damme" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-01_tim_van_damme-300x175.jpg" alt="06-01_tim_van_damme" width="300" height="175" /></a></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-02_maykel_loomans.jpg"><img class="alignnone size-medium wp-image-3575" title="06-02_maykel_loomans" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-02_maykel_loomans-300x175.jpg" alt="06-02_maykel_loomans" width="300" height="175" /></a></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-09_david_mcgeorge.jpg"><img class="alignnone size-medium wp-image-3576" title="06-09_david_mcgeorge" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-09_david_mcgeorge-300x175.jpg" alt="06-09_david_mcgeorge" width="300" height="175" /></a></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-11_flip_sasser.jpg"><img class="alignnone size-medium wp-image-3577" title="06-11_flip_sasser" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-11_flip_sasser-300x175.jpg" alt="06-11_flip_sasser" width="300" height="175" /></a></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-25_michael_villar.jpg"><img class="alignnone size-medium wp-image-3578" title="06-25_michael_villar" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-25_michael_villar-300x175.jpg" alt="06-25_michael_villar" width="300" height="175" /></a></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-26_joao_silva.jpg"><img class="alignnone size-medium wp-image-3579" title="06-26_joao_silva" src="http://www.xanelaweb.com/wp-content/uploads/2010/01/06-26_joao_silva-300x175.jpg" alt="06-26_joao_silva" width="300" height="175" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/tarjetas-vcard-en-formato-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un sistema Captcha Drag And Drop</title>
		<link>http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/</link>
		<comments>http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 23:46:15 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3434</guid>
		<description><![CDATA[Los sistemas captchas son utilizados para evitar que robots, también llamados spambots, puedan utilizar ciertos servicios. Por ejemplo, para que no puedan participar en encuestas, registrarse para usar cuentas de correo electrónico (o su uso para envío de correo basura) o, más recientemente, para evitar que correo basura pueda ser enviado por un robot (el [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Los <strong>sistemas captchas</strong> son utilizados para evitar que robots, también llamados <strong>spambots</strong>, puedan utilizar ciertos servicios. Por ejemplo, para que no puedan participar en encuestas, registrarse para usar cuentas de correo electrónico (o su uso para envío de correo basura) o, más recientemente, para evitar que <strong>correo basura</strong> pueda ser enviado por un robot (el remitente debe pasar el test antes de que se entregue al destinatario).</p>
<p style="text-align: justify;">La típica prueba consiste en que el usuario<strong> introduzca un conjunto de caracteres que se muestran en una imagen distorsionada</strong> que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo. Pero con el avanzado software de reconocimiento de caracteres que existen hoy en día, es cada vez más habitual encontrarse con aplicaciones que pueden <strong>saltarse eficazmente este sistema</strong>.</p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/12/ajaxcaptcha.jpg"><img class="alignnone size-full wp-image-3435" title="ajaxcaptcha" src="http://www.xanelaweb.com/wp-content/uploads/2009/12/ajaxcaptcha.jpg" alt="ajaxcaptcha" width="334" height="277" /></a></p>
<p style="text-align: justify;">Para ayudar a proteger tus páginas web de los spammers, podemos encontrarnos con nuevos sistema que de una forma intuitiva ayudan a verificar la &#8220;humanidad&#8221; de la persona que introduce la información. <a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin"><strong>Ajax Fancy Captcha</strong></a> es un plugin de jQuery que funciona de una forma totalmente distinta, pidiéndonos <strong>arrastrar y soltar un objeto solicitado a un círculo</strong>.</p>
<p style="text-align: justify;">Su <strong>instalación </strong>es rápida y sencilla, permitiéndonos fácilmente configurar las opciones básicas y realizar la traducción de los textos que se incluyen, y todo ello con un tamaño mínimo del script.</p>
<p style="text-align: justify;"><strong><a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin">Página web</a> | <a href="http://www.webdesignbeach.com/ajax-fancy-captcha-php.zip">Descarga</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La importancia del contraste en diseño web</title>
		<link>http://www.xanelaweb.com/la-importancia-del-contraste-en-diseno-web/</link>
		<comments>http://www.xanelaweb.com/la-importancia-del-contraste-en-diseno-web/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 23:25:04 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3428</guid>
		<description><![CDATA[El Contraste se produce cuando dos elementos de una página son profundamente distintos. Podríamos poner como ejemplo las diferentes gamas de colores entre el texto y el color de fondo, el utilizar una fuente negrita combinada con una sans-serif, o diferentes tipos de texturas, combinando una textura áspera con una suave. Lo que se busca [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()">El <strong>Contraste </strong>se produce cuando dos elementos de una página son<strong> profundamente distintos</strong>. Podríamos poner como ejemplo las diferentes gamas de colores entre el texto y el color de fondo,</span> el utilizar una fuente negrita combinada con una sans-serif, o diferentes tipos de texturas, combinando una textura áspera con una suave. Lo que se busca en cualquiera de estos casos, <span onmouseover="_tipon(this)" onmouseout="_tipoff()">es que los elementos sean completamente diferentes, y n</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()">o sólo un poco diferentes.</span></p>
<p style="text-align: justify;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()">Una de las </span><span onmouseover="_tipon(this)" onmouseout="_tipoff()">principales </span><span onmouseover="_tipon(this)" onmouseout="_tipoff()">razones para el uso del contraste en diseño, ya sea para impresión o web, es para<strong> llamar la atención</strong>. Por ejemplo, se puede realizar un diseño con un fondo de color oscuro, y letras de color claro para que cause un mayor impacto; incluso dentro de esta gama de colores, se podría incluir un texto en un tamaño mayor y en negrita o imágenes para destacar una zona sobre otra.</span></p>
<p style="text-align: justify;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/12/Carsonified.png"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/12/Carsonified1.png"><img class="alignnone size-full wp-image-3430" title="Carsonified" src="http://www.xanelaweb.com/wp-content/uploads/2009/12/Carsonified1.png" alt="Carsonified" width="400" height="218" /></a><br />
</a></span></p>
<p style="text-align: justify;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()">Además, no solo conseguimos de esta forma un diseño más impactante, sino que nos sirve para<strong> organizar la información</strong> de una forma mucho más clara, destacando unos elementos sobre otros según su grado de importancia. Un claro ejemplo han sido los <strong>anuncios del iPod</strong>: en éstos</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"> aparecen unas siluetas sobre un fondo de colores brillantes.</span><span onmouseover="_tipon(this)" onmouseout="_tipoff()"> El iPod y los auriculares aparecerán en blanco y se destacan claramente en contra de las siluetas y los colores de fondo.</span></p>
<p style="text-align: justify;"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/12/ipod.png"><img class="alignnone size-full wp-image-3431" title="ipod" src="http://www.xanelaweb.com/wp-content/uploads/2009/12/ipod.png" alt="ipod" width="400" height="241" /></a></span></p>
<p style="text-align: justify;">Es por tanto, un elemento que nos ayudará a la hora de destacar en nuestra página elementos o zonas que requieran de un <strong>mayor peso visual</strong>, pero habrá que tener cuidado de no abusar del mismo, ya que no siempre será la forma más adecuada de presentar la información.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/la-importancia-del-contraste-en-diseno-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coderun: entorno de desarrollo online</title>
		<link>http://www.xanelaweb.com/coderun-entorno-de-desarrollo-online/</link>
		<comments>http://www.xanelaweb.com/coderun-entorno-de-desarrollo-online/#comments</comments>
		<pubDate>Sun, 22 Nov 2009 01:07:25 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3399</guid>
		<description><![CDATA[Coderun nos da la posibilidad de trabajar sobre un entorno de desarrollo similar a Visual Studio, con la particularidad de realizar todo el trabajo en el navegador con HTML dinámico y AJAX. De forma online y sin instalar absolutamente nada, podemos empezar a programar nuestros proyectos de ASP.NET, servicios Web, Silverlight, bibliotecas de clases, sitios [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.xanelaweb.com/wp-content/uploads/2009/11/CoderunProy.jpg"><img class="alignnone size-medium wp-image-3400" title="CoderunProy" src="http://www.xanelaweb.com/wp-content/uploads/2009/11/CoderunProy-300x220.jpg" alt="CoderunProy" width="300" height="220" /></a></p>
<p style="text-align: justify;"><a href="http://coderun.com/"><strong>Coderun</strong></a> nos da la posibilidad de trabajar sobre un entorno de desarrollo similar a Visual Studio, con la particularidad de realizar todo el trabajo en el navegador con HTML dinámico y AJAX. De forma online y sin instalar absolutamente nada, podemos empezar a programar nuestros proyectos de <a href="http://asp.net/" target="_blank">ASP.NET</a>, servicios Web, Silverlight, bibliotecas de clases, sitios PHP, aplicaciones facebook y código JavaScript. Y todo gratis y sin ni siquiera registrarse.</p>
<p style="text-align: justify;"><strong><a href="http://mcs.krasis.es/C/L/?V02_68253_NjU0Mjk5MyAg" target="_blank">http://coderun.com/ide/</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/coderun-entorno-de-desarrollo-online/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>pForm: Crea formularios en segundos</title>
		<link>http://www.xanelaweb.com/pform-crea-formularios-en-segundos/</link>
		<comments>http://www.xanelaweb.com/pform-crea-formularios-en-segundos/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 23:44:52 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3353</guid>
		<description><![CDATA[Si el hecho de realizar el diseño y la maquetación de un formulario web te da más de un quebradero de cabeza, no te compliques la vida, con pForm puedes realizar todo el trabajo en tres sencillos pasos y de una forma rápida y sencilla. El proceso se inicia con la selección del diseño del [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Si el hecho de realizar el diseño y la maquetación de un <strong>formulario web</strong> te da más de un quebradero de cabeza, no te compliques la vida, con <a href="http://www.phpform.org/">pForm</a> puedes realizar todo el trabajo en tres sencillos pasos y de una forma <strong>rápida y sencilla.</strong></p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/11/pform1.jpg"><img class="alignnone size-medium wp-image-3354" title="pform1" src="http://www.xanelaweb.com/wp-content/uploads/2009/11/pform1-300x197.jpg" alt="pform1" width="300" height="197" /></a></p>
<p style="text-align: justify;">El proceso se inicia con la selección del diseño del formulario, donde puedes elegir entre <strong>25 diferentes modelos</strong> según el color deseado.</p>
<p style="text-align: justify;">A continuación seleccionas el tipo y la cantidad de los campos que componen el formulario. Aquí tienes bastantes posibilidades, entre las cuales puedes obtener <strong>campos de texto</strong> sencillo, de texto multilínea, <strong>checkboxes</strong>, listas desplegables, o campos específicos para introducir enlaces a páginas web, correo electrónico, direcciones, teléfonos, etc. Todo ello con diferentes elementos de configuración y modificación de los textos que acompañan a cada campo.</p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/11/pform2.jpg"><img class="alignnone size-medium wp-image-3355" title="pform2" src="http://www.xanelaweb.com/wp-content/uploads/2009/11/pform2-300x181.jpg" alt="pform2" width="300" height="181" /></a></p>
<p style="text-align: justify;">Finalmente, tendremos la posibilidad de <strong>previsualizar el formulario y descargarlo</strong> con todos los archivos necesarios, donde se incluyen el archivo &#8220;.html&#8221;, el &#8220;.css&#8221;, un archivo JavaScript y las imágenes correspondientes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/pform-crea-formularios-en-segundos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Android Icons: 30 iconos vectoriales para Android</title>
		<link>http://www.xanelaweb.com/android-icons-30-iconos-vectoriales-para-android/</link>
		<comments>http://www.xanelaweb.com/android-icons-30-iconos-vectoriales-para-android/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 22:53:01 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3320</guid>
		<description><![CDATA[Android Icons es un set de 30 iconos vectoriales gratuitos que fueron originalmente desarrollados para ser usados en aplicaciones de Android, pero todas son muy buenas para sitios web. Vienen en PNG transparente + formatos EPS y pueden ser utilizadas en proyectos personales como comerciales sin ninguna restricción. Vía Baluart.net]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/11/androidicons_thumb.jpg"><img class="alignnone size-medium wp-image-3321" title="androidicons_thumb" src="http://www.xanelaweb.com/wp-content/uploads/2009/11/androidicons_thumb-300x116.jpg" alt="androidicons_thumb" width="300" height="116" /></a></p>
<p style="text-align: justify;"><a href="http://www.androidicons.com/" target="_blank">Android Icons</a> es un set de 30 iconos vectoriales gratuitos que fueron originalmente desarrollados para ser usados en aplicaciones de Android, pero todas son muy buenas para sitios web.</p>
<p style="text-align: justify;">Vienen en PNG transparente + formatos EPS y pueden ser utilizadas en proyectos personales como comerciales sin ninguna restricción.</p>
<p style="text-align: justify;">Vía <a href="http://www.baluart.net/articulo/android-icons-30-iconos-vectoriales-para-android">Baluart.net</a><a href="http://www.androidicons.com/" target="_blank"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/android-icons-30-iconos-vectoriales-para-android/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Emprise Javascript Chart, gráficas profesionales</title>
		<link>http://www.xanelaweb.com/emprise-javascript-chart-graficas-profesionales/</link>
		<comments>http://www.xanelaweb.com/emprise-javascript-chart-graficas-profesionales/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 07:41:26 +0000</pubDate>
		<dc:creator>Javier Otero</dc:creator>
				<category><![CDATA[]]></category>

		<guid isPermaLink="false">http://www.xanelaweb.com/?p=3287</guid>
		<description><![CDATA[Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida. Entre las funcionalidades que nos encontramos cabe destacar: La gran cantidad de tipos de gráficos disponibles La compatibilidad con la mayoría de navegadores actuales. Fácilmente ampliable mediante plugins Javascript Personalizable Aunque se trata de una librería comercial, la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.ejschart.com/index.php" target="_blank">Emprise Javascript Chart,</a> es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida.</p>
<p style="text-align: justify;"><a href="http://www.xanelaweb.com/wp-content/uploads/2009/10/emprise-javascript-chart-600x290.jpg"><img class="alignnone size-medium wp-image-3288" title="emprise-javascript-chart-600x290" src="http://www.xanelaweb.com/wp-content/uploads/2009/10/emprise-javascript-chart-600x290-300x145.jpg" alt="emprise-javascript-chart-600x290" width="300" height="145" /></a></p>
<p style="text-align: justify;">Entre las funcionalidades que nos encontramos cabe destacar:</p>
<ol style="text-align: justify;">
<li>La gran cantidad de tipos de gráficos disponibles</li>
<li>La compatibilidad con la mayoría de navegadores actuales.</li>
<li>Fácilmente ampliable mediante plugins Javascript</li>
<li>Personalizable</li>
</ol>
<p style="text-align: justify;">Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones.</p>
<p style="text-align: justify;"><a href="http://www.ejschart.com/examples/index.php" target="_blank">Ejemplos</a> | <a href="http://www.ejschart.com/trial.php" target="_blank">Descargar de la versión gratuita</a></p>
<p style="text-align: justify;"><strong>Vía <a href="http://www.anieto2k.com/2009/10/13/emprise-javascript-chart-graficas-profesionales-en-javascript/">aNieto2k</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xanelaweb.com/emprise-javascript-chart-graficas-profesionales/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
