<?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>El hosting barato &#187; Blog profesional</title>
	<atom:link href="http://elhostingbarato.com/category/diseno-desarrollo-web/blog-profesional/feed/" rel="self" type="application/rss+xml" />
	<link>http://elhostingbarato.com</link>
	<description>hostings baratos, tecnología, Internet, SEO y diseño web.</description>
	<lastBuildDate>Thu, 22 Dec 2011 10:49:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
	<div id='fb-root'></div>
					<script type='text/javascript'>
						window.fbAsyncInit = function()
						{
							FB.init({appId: null, status: true, cookie: true, xfbml: true});
						};
						(function()
						{
							var e = document.createElement('script'); e.async = true;
							e.src = document.location.protocol + '//connect.facebook.net/es_LA/all.js';
							document.getElementById('fb-root').appendChild(e);
						}());
					</script>	
						<item>
		<title>Plugins de WordPress para desarrolladores</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/plugins-de-wordpress-para-desarrolladores/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/plugins-de-wordpress-para-desarrolladores/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 10:44:37 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[plugins de wordpress para desarrolladores]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1461</guid>
		<description><![CDATA[Quiero recomendaros un par de plugins de WordPress. Están orientados a los desarrolladores y son francamente muy útiles a la hora de modificar los diseños de las páginas, de los posts o simplemente para controlar la aparición de los widgets. Custom CSS (CCSS): este es uno de los mejores y más necesarios plugins de WordPress [...]]]></description>
			<content:encoded><![CDATA[<h4>Quiero recomendaros un par de plugins de WordPress. Están orientados a los desarrolladores y son francamente muy útiles a la hora de modificar los diseños de las páginas, de los posts o simplemente para controlar la aparición de los widgets.</h4>
<p><a title="Custom CSS (CCSS)" href="http://webtoolkit4.me/2010/06/11/wordpress-plugin-custom-css-stylesheet-for-posts-or-pages/" target="_blank"><strong>Custom CSS (CCSS)</strong></a>: este es uno de los mejores y más necesarios <strong>plugins de WordPress</strong> que existen. Una vez instalado, te servirá para adjudicar la <strong>hoja de estilos CSS</strong> que desees a cada post o página. Puedes adjudicar el número de hojas de estilo que quieras, ya que se integra en el editor de contenidos mediante un menú desplegable, permitiéndote elegir la hoja de estilos que tú desees (que previamente habrá sido editada, manipulada o escrita desde cero y obviamente subida al server).</p>
<p><a title="Widget Logic" href="http://freakytrigger.co.uk/wordpress-setup/" target="_blank"><strong>Widget Logic</strong></a>: este plugin te permite controlar la aparición de los widgets a lo largo y ancho de todo el sitio web. Funciona mediante las etiquetas condicionales estándar de <strong>WordPress</strong>. Requiere un poco de práctica si no estás acostumbrado a utilizar tales etiquetas, aunque os aseguro que vale la pena el pequeño esfuerzo de estudiarlas, dada la flexibilidad que nos ofrece este maravilloso plugin.</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/plugins-de-wordpress-para-desarrolladores/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/plugins-de-wordpress-para-desarrolladores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ArkeTip 2.0: tema gratuito de WordPress</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/arketip-tema-gratuito-de-wordpress/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/arketip-tema-gratuito-de-wordpress/#comments</comments>
		<pubDate>Fri, 13 May 2011 08:04:54 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[arketip]]></category>
		<category><![CDATA[hibrix freelance]]></category>
		<category><![CDATA[plantilla para wordpress]]></category>
		<category><![CDATA[tema de wordpress]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1288</guid>
		<description><![CDATA[He desarrollado un tema de WordPress limpio y minimalista. Al ser fácilmente customizable, puede utilizarse para todo tipo de propósitos, que pueden no necesitar un formato blog propriamente dicho (obviamente también se puede usar como un blog puro y simple). &#160; Al ser una plantilla para WordPress (theme o tema, como quieras llamarlo), lo tendrás [...]]]></description>
			<content:encoded><![CDATA[<p>He desarrollado un <strong>tema de WordPress</strong> limpio y minimalista. Al ser fácilmente customizable, puede utilizarse para todo tipo de propósitos, que pueden no necesitar un formato blog propriamente dicho (obviamente también se puede usar como un blog puro y simple).</p>
<p><strong><img class="alignright size-full wp-image-1385" title="ArkeTip" src="http://www.elhostingbarato.com/wp-content/uploads/2011/05/arketip1.jpg" alt="ArkeTip" width="493" height="394" /></strong></p>
<p>&nbsp;</p>
<p>Al ser una <strong>plantilla para WordPress </strong>(theme o tema, como quieras llamarlo), lo tendrás que subir a la carpeta que se encuentra en:  <strong>/wp-content/themes/</strong></p>
<p>&nbsp;</p>
<p>Luego se debe activar el tema desde el <strong>Panel de Control</strong> de tu instalación de <strong>WordPress</strong> (Apariencia &#8211;&gt; Temas).</p>
<p>Recomiendo instalar los<strong> <a title="Los 15 plugins imprescindibles de WordPress" href="http://elhostingbarato.com/diseno-desarrollo-web/los-15-plugins-imprescindibles-de-wordpress/" target="_blank">siguientes plugins que refiero en el post anterior</a></strong>. Estos son a mi modo de ver los plugins básicos e imprescindibles, a la hora de sacar un verdadero partido profesional a tu sitio realizado en <strong>WordPress</strong>.</p>
<p>Idioma: Por ahora solo está disponible en español. <strong>NOTA</strong>: estoy terminando de traducir la versión en inglés del plugin, que próximamente subiré.</p>
<p>Compatibilidad: <strong>WordPress 3.0+</strong></p>
<p>Licencia:<strong> <a title="Creative Commons-Attribution-ShareAlike 3.0 Unported License" href="http://creativecommons.org/licenses/by-sa/3.0/deed.es_ES" target="_blank">Creative Commons-Attribution-ShareAlike 3.0 Unported License</a></strong></p>
<p>Ejemplo real de aplicación del tema <strong>ArkeTip</strong> en un sitio web: <a title="Dj Pulverizador" href="http://djpulverizador.com.ar" target="_blank"><strong>DjPulverizador.com.ar</strong></a></p>
<p><strong><a title="ArkeTip Theme" href="http://arketip.com.ar" target="_blank">Ver demo de ArkeTip 2.0</a></strong></p>
<p>Contacto, soporte, bugs, sugerencias, feedback <a title="Contacto, soporte, feedback..." href="http://elhostingbarato.com/contacto/" target="_blank"><strong>aquí.</strong></a></p>
<p>&nbsp;</p>
<h4 style="text-align: left;"><strong><a class="download" title="Descargar ArkeTip en Español" href="http://elhostingbarato.com/wp-content/uploads/ArkeTip[ES].zip">Descargar tema gratuito de WordPress ArkeTip 2.0 en Español.</a></strong></h4>
<p>&nbsp;</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/arketip-tema-gratuito-de-wordpress/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/arketip-tema-gratuito-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Los 15 plugins imprescindibles de WordPress</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/los-15-plugins-imprescindibles-de-wordpress/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/los-15-plugins-imprescindibles-de-wordpress/#comments</comments>
		<pubDate>Thu, 12 May 2011 19:03:17 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[plugins básicos de Wordpress]]></category>
		<category><![CDATA[plugins imprescindibles de wordpress]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1306</guid>
		<description><![CDATA[Con el tiempo y la experiencia, he ido compilando los que bajo mi punto de vista son los 15 plugins básicos de WordPress; verdaderamente imprescindibles a la hora de realizar un sitio 100% profesional en el más amplio sentido de la palabra (SEO incluído por supuesto). 1. Akismet: aunque venga pre-instalado con WordPress, es un [...]]]></description>
			<content:encoded><![CDATA[<h4>Con el tiempo y la experiencia, he ido compilando los que bajo mi punto de vista son los 15 plugins básicos de <strong>WordPress</strong>; verdaderamente imprescindibles a la hora de realizar un <strong>sitio 100% profesional</strong> en el más amplio sentido de la palabra (SEO incluído por supuesto).</h4>
<p>1. <a title="Akismet" href="http://www.akismet.com/" target="_blank"><strong>Akismet</strong></a>: aunque venga pre-instalado con <strong>WordPress</strong>, es un plugin imprescindible a la hora de filtrar el fastidioso spam en los comentarios de tu blog. No lo borres, úsalo.</p>
<p>2. <a title="All In One SEO Pack" href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank"><strong>All In One SEO Pack</strong></a>: sirve sobretodo para obtener URL&#8217;s sintácticas, canónicas, etc. Tiene una versión de pago. En general es un plugin muy útil para el <strong>SEO</strong>.</p>
<p>3. <strong><a title="WP Antivirus" href="http://wpantivirus.com/" target="_blank">Antivirus</a></strong>: es muy bueno tenerlo, por si acaso.</p>
<p>4. <a title="A Sticky Post Order" href="http://wordpress.org/extend/plugins/astickypostorderer/" target="_blank"><strong>A Sticky Post Order</strong></a>: te permite cambiar el orden de los posts a tu aire. Francamente es un plugin esencial si quieres mostrar otro post en lugar de que siempre se muestre el último que escribiste. Funciona también por categorías. Muy útil.</p>
<p>5. <a title="Bei-Fen" href="http://wordpress.org/extend/plugins/bei-fen/" target="_blank"><strong>Bei-Fen</strong></a>: genera backups de tu base de datos. Se puede programar la frecuencia de generación automática de los backups, elegir el directorio donde van a ir tales backups, etc.</p>
<p>6. <a title="Broken Link Checker" href="http://w-shadow.com/blog/2007/08/05/broken-link-checker-for-wordpress/" target="_blank"><strong>Broken Link Checker</strong></a>: para chequear links rotos. Útil sobretodo para webs con mucho contenido. Quizás no sea totalmente imprescindible, pero sí muy útil si eres detallista.</p>
<p>7. <a title="Dagon Design Sitemap Generator" href="http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/" target="_blank"><strong>Dagon Design Sitemap Generator</strong></a>: genera un sitemap de tu sitio automáticamente y permite postearlo en entradas y páginas.</p>
<p>8. <strong><a title="Contact Form 7" href="http://contactform7.com/" target="_blank">Contact Form 7</a></strong>: genera un formulario de customizable para realizar una página de contacto/feedback. Muy bueno.</p>
<p>9. <a title="Official StatCounter Plugin for WordPress" href="http://wordpress.org/extend/plugins/official-statcounter-plugin-for-wordpress/" target="_blank"><strong>Official StatCounter Plugin for WordPress</strong></a>: implementa <strong><a title="StatCounter" href="http://statcounter.com" target="_blank">StatCounter</a></strong> en todo el blog de la manera más fácil.</p>
<p>10. <a title="Permalink Redirect" href="http://scott.yang.id.au/code/permalink-redirect/" target="_blank"><strong>Permalik Redirect</strong></a>: asegura que todas tus entradas y páginas sean accesibles siempre por el permalink, de otra manera el plugin aplica una redirección 301. Muy útil para fines de SEO.</p>
<p>11. <a title="ShareThis" href="http://help.sharethis.com/integration/wordpress" target="_blank"><strong>ShareThis</strong></a>: implementa los botones de <strong>ShareThis</strong> totalmente customizables para cada una de tus entradas y páginas.</p>
<p>12. <a title="Subscribe to Comments" href="http://txfx.net/wordpress-plugins/subscribe-to-comments/" target="_blank"><strong>Subscribe To Comments</strong></a>: los usuarios que comentan en tus entradas, si lo desean, pueden recibir en su buzón de email un aviso cuando alguien haya comentado en el mismo post.</p>
<p>13. <a title="WP Facebook Like" href="http://johnny.chadda.se/projects/wp-facebook-like/" target="_blank"><strong>WP Facebook Like</strong></a>: para implementar el botón de &#8220;Me Gusta&#8221; de Facebook en tus posts.</p>
<p>14. <a title="WP Pagenavi" href="http://wordpress.org/extend/plugins/wp-pagenavi/" target="_blank"><strong>WP Pagenavi</strong></a>: para añadir una paginación avanzada al blog.</p>
<p>15. <a title="WP Security Scan" href="http://wordpress.org/extend/plugins/wp-security-scan/" target="_blank"><strong>WP Security Scan</strong></a>: este plugin escanea tu instalación y te indica los cambios a hacer para incrementar la seguridad. Plugin imprescindible si no quieres que antes o después te hackeen el blog. ¡No olvides que ningún sistema es 100% seguro!</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/los-15-plugins-imprescindibles-de-wordpress/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/los-15-plugins-imprescindibles-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Por fin muere felizmente Internet Explorer 6</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/por-fin-muere-felizmente-internet-explorer-6/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/por-fin-muere-felizmente-internet-explorer-6/#comments</comments>
		<pubDate>Tue, 08 Mar 2011 22:38:39 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Sobre internet]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[internet explorer 6]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1274</guid>
		<description><![CDATA[Finalmente Microsoft anuncia que no va a ofrecer más soporte a Internet explorer 6, lo cual nos da una gran alegría a los que nos dedicamos al desarrollo web. Esta versión ya obsoleta de Explorer, solamente daba problemas a la hora de optimizar las webs para que se visualizaran y funcionaran correctamente en ese (viejo [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1284" title="IE6 Muerto" src="http://www.elhostingbarato.com/wp-content/uploads/2011/03/ie6_muerto2.png" alt="IE6 Muerto" width="270" height="344" /></a>Finalmente <strong><a title="Microsoft empuja la desaparición de Internet Explorer 6" href="http://www.elpais.com/articulo/tecnologia/Microsoft/empuja/desaparicion/Internet/Explorer/elpeputec/20110307elpeputec_3/Tes" target="_blank">Microsoft anuncia que no va a ofrecer más soporte a Internet explorer 6</a></strong>, lo cual nos da una gran alegría a los que nos dedicamos al desarrollo web. Esta versión ya obsoleta de <strong>Explorer</strong>, solamente daba problemas a la hora de optimizar las webs para que se visualizaran y funcionaran correctamente en ese (viejo y maldito) navegador, que no respeta ni sigue los estándares.</p>
<p>Pues bueno eso se terminó: en mi caso me sumo a la iniciativa y como desarrollador dejo a partir de hoy de dar soporte a IE6.</p>
<p>El mismo <strong>Microsoft</strong>, <a title="IE6 Countdown" href="http://ie6countdown.com/" target="_blank"><strong>desde una web realizada para la ocasión</strong></a>, anima a sumarse a la iniciativa e invitar a los demás a actualizar su navegador <strong>Explorer</strong>. El objetivo de <strong>Microsoft</strong> con esta web y campaña anti IE6, es llegar a estar por debajo del 1% de uso Mundial, ya que por ahora la media es de un 12% (bastante alta la verdad por ser algo tan obsoleto y atávico).</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/por-fin-muere-felizmente-internet-explorer-6/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/por-fin-muere-felizmente-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 estándar en el 2014</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/html5-estandar-en-2014/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/html5-estandar-en-2014/#comments</comments>
		<pubDate>Tue, 15 Feb 2011 02:33:56 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Sobre internet]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[html5 estándar]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1265</guid>
		<description><![CDATA[A pesar de que los webmasters estamos comenzando a implementarlo de manera masiva, el nuevo estándar HTML5 todavía no será oficialmente considerado como tal por la W3C hasta el 2014. Aunque (siempre según Webmonkey) la W3C desde este lunes ha comenzado a alentar el uso de esta nueva tecnología entre los desarrolladores. El HTML5, como [...]]]></description>
			<content:encoded><![CDATA[<p>A pesar de que los webmasters estamos comenzando a implementarlo de manera masiva, el nuevo <a title="HTML5 Will Be Done in 2014, What Comes Next?" href="http://www.webmonkey.com/2011/02/html5-will-be-done-in-2014-what-comes-next/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+wired%2Findex+%28Wired%3A+Index+3+%28Top+Stories+2%29%29" target="_blank"><strong>estándar HTML5 todavía no será oficialmente considerado como tal por la W3C hasta el 2014</strong></a>. Aunque (siempre según <strong>Webmonkey</strong>) la <strong><a title="World Wide Web Consortium (W3C)" href="http://www.w3.org/" target="_blank">W3C</a></strong> desde este lunes ha comenzado a alentar el uso de esta nueva tecnología entre los desarrolladores.</p>
<p>El <strong>HTML5</strong>, como bien sabemos, tiene muchas ventajas respecto a su predecesor. Entre ellas la más conocida es la que permite la reproducción de video de forma nativa y sin recurrir a ningún plugin (¿adiós <strong>Flash</strong>?). Hasta <a title="Google" href="http://www.google.com" target="_blank"><strong>Google</strong></a> lo utiliza como código principal en su página de inicio, además de haberlo implementado de manera masiva en <a title="Google Maps" href="http://maps.google.com/" target="_blank"><strong>Google Maps</strong></a>.</p>
<p><a title="HTML5 Presentation" href="http://slides.html5rocks.com/#landing-slide" target="_blank"><strong>Aquí tenéis la presentación de HTML5 más conocida y completa que corre actualmente por Internet</strong></a>, para que os hagáis una idea de las increíbles novedades que encierra la nueva versión del lenguaje más estándar de todos.</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/html5-estandar-en-2014/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/html5-estandar-en-2014/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe BrowserLab: el emulador de browser definitivo</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/adobe-browserlab-emulador-browser-definitivo/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/adobe-browserlab-emulador-browser-definitivo/#comments</comments>
		<pubDate>Tue, 02 Nov 2010 17:39:57 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Sobre internet]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[adobe browserlab]]></category>
		<category><![CDATA[emulador de browser]]></category>
		<category><![CDATA[emulador de PC]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1185</guid>
		<description><![CDATA[Más de un año atrás elogiábamos una herramienta online gratuita, que permitía renderizar sitios web para ser visualizados en todas las versiones de Explorer. La verdad que era muy útil para los que usamos Mac y diseñamos sitios o interfaces web. Antes si no te instalabas el Parallel Desktops o algún emulador de PC, era [...]]]></description>
			<content:encoded><![CDATA[<p>Más de un año atrás elogiábamos una <a title="IE NetRender, la emulación de Explorer perfecta" href="http://elhostingbarato.com/diseno-web/ie-netrender-la-emulacion-de-explorer-perfecta/" target="_blank"><strong>herramienta online gratuita, que permitía renderizar sitios web para ser visualizados en todas las versiones de Explorer</strong></a>. La verdad que era muy útil para los que usamos Mac y diseñamos sitios o interfaces web. Antes si no te instalabas el <strong>Parallel Desktops</strong> o algún <strong>emulador de PC</strong>, era imposible saber cómo se visualizaba la web que uno estaba haciendo en el maldito <strong>Explorer</strong> (sobretodo la versión 6, que todavía sobrevive a trancas y barrancas&#8230;).</p>
<p>Todo eran angustias hasta que apareció <a title="Adobe® BrowserLab" href="http://browserlab.adobe.com" target="_blank"><strong>Adobe BrowserLab</strong></a>. Un entorno online con un desarrollo completo, totalmente profesional y redondo, al estilo de los productos comerciales de <strong>Adobe</strong>. Despreocúpate acerca de cómo se verá tu sitio web en todos los navegadores, porque con esta herramienta puedes hacerlo y muy rápidamente. La carga del renderizado es la más rápida que ví hasta ahora y renderiza todos los browsers más usuales del mercado:</p>
<p><a href="http://browserlab.adobe.com" target="_blank"><img class="alignright size-large wp-image-1205" title="Visitar la aplicación Adobe® BrowserLab" src="http://www.elhostingbarato.com/wp-content/uploads/2010/11/adobe-browserlab1-1024x601.jpg" alt="Adobe® BrowserLab" width="717" height="421" /></a></p>
<p><span style="color: #17191a;">-</span></p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/adobe-browserlab-emulador-browser-definitivo/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/adobe-browserlab-emulador-browser-definitivo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Herramientas de mezcla y combinación de colores</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/herramientas-mezcla-combinacion-colores/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/herramientas-mezcla-combinacion-colores/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 06:50:39 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Sobre internet]]></category>
		<category><![CDATA[Tecnología y novedades]]></category>
		<category><![CDATA[colores armónicos]]></category>
		<category><![CDATA[colores complementarios]]></category>
		<category><![CDATA[combinación de colores]]></category>
		<category><![CDATA[combinaciones armónicas de color]]></category>
		<category><![CDATA[degradados de color]]></category>
		<category><![CDATA[esquemas de color]]></category>
		<category><![CDATA[herramientas online]]></category>
		<category><![CDATA[paletas de colores]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=1042</guid>
		<description><![CDATA[Tras un intenso análisis, he aquí los cuatro sitios web que bajo mi punto de vista ofrecen las mejores herramientas de mezcla y combinación de colores. Estas herramientas online sirven para todo tipo de aplicaciones, sobretodo gráficas. 1. Kuler Es una herramienta creada por Adobe, que permite generar paletas de colores armónicos según varios criterios [...]]]></description>
			<content:encoded><![CDATA[<p>Tras un intenso análisis, he aquí los cuatro sitios web que bajo mi punto de vista ofrecen las mejores herramientas de mezcla y <strong>combinación de colores</strong>. Estas <strong>herramientas online</strong> sirven para todo tipo de aplicaciones, sobretodo gráficas.</p>
<h3><a title="Kuler" href="http://kuler.adobe.com/#create/fromacolor" target="_blank">1. Kuler</a></h3>
<p><a href="http://kuler.adobe.com/#create/fromacolor" target="_blank"><img class="alignright size-full wp-image-1054" title="Adobe Kuler" src="http://www.elhostingbarato.com/wp-content/uploads/2010/04/adobe_kuler_herramienta1.jpg" alt="" width="211" height="143" /></a>Es una herramienta creada por <strong>Adobe</strong>, que permite generar paletas de<strong> colores armónicos</strong> según varios criterios y con una sencillez asombrosa. Es la mejor de todas, sobretodo porque la interfase está muy bien realizada y es muy usable, además de ser muy práctica para todo tipo de aplicaciones en las que necesitemos <strong>combinar colores</strong>.</p>
<p><span style="color: #17191a;">.</span></p>
<h3><a title="Color Blender" href=" http://www.colorblender.com/" target="_blank">2. Color Blender</a></h3>
<p><a href=" http://www.colorblender.com/" target="_blank"><img class="alignright size-full wp-image-1056" title="Color Blender" src="http://www.elhostingbarato.com/wp-content/uploads/2010/04/color_blender_herramienta.jpg" alt="" width="223" height="148" /></a>Interesante herramienta para realizar <strong>combinaciones armónicas de color</strong> con amplias posibilidades. Es también muy práctica aunque completa y sencilla de usar.</p>
<p>Es la que tiene más opciones y dispone de menos configuraciones previas, con lo que se convierte sin duda la más flexible de todas.</p>
<p><span style="color: #17191a;">.</span></p>
<h3><a title="Color Toy" href="http://www.colortoy.net/" target="_blank">3. Color Toy</a></h3>
<p><a href="http://www.colortoy.net/" target="_blank"><img class="alignright size-full wp-image-1058" title="Color Toy" src="http://www.elhostingbarato.com/wp-content/uploads/2010/04/color_toy_herramienta.jpg" alt="" width="342" height="147" /></a>Un muy buen generador de esquemas de color basado en <strong>colores complementarios</strong>.</p>
<p>Solamente se echa en falta un sistema de sliders para que fuera 100% usable. Es un poco engorroso de utilizar pero ofrece resultados realmente interesantes. Es mejor si se utiliza en conjunto con algún otro mixer de color de los recomendados.</p>
<p><span style="color: #17191a;">.</span></p>
<h3><a title="Color Mixer" href="http://www.design-lib.com/color_tool_mixer.php" target="_blank">4. Color Mixer</a></h3>
<p><a href="http://www.design-lib.com/color_tool_mixer.php" target="_blank"><img class="alignright size-full wp-image-1060" title="Color Mixer" src="http://www.elhostingbarato.com/wp-content/uploads/2010/04/color_mixer_herramienta.jpg" alt="" width="167" height="146" /></a>Esta herramienta, que realiza <strong>degradados de color</strong> fusionando los colores entre sí y proporcionando los colores planos intermedios, es realmente única. También recomiendo su utilización combinada con alguna de las otras  herramientas.</p>
<p>Aunque todavía no se me ocurre cómo aplicarla, seguro que en algún momento puede ser útil a alguien.<br />
<span style="color: #17191a;">.</span></p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/herramientas-mezcla-combinacion-colores/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/herramientas-mezcla-combinacion-colores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El posicionamiento web no es un milagro</title>
		<link>http://elhostingbarato.com/seo-practico/el-posicionamiento-web-no-un-milagro/</link>
		<comments>http://elhostingbarato.com/seo-practico/el-posicionamiento-web-no-un-milagro/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 22:07:50 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[SEO práctico]]></category>
		<category><![CDATA[contenido relevante]]></category>
		<category><![CDATA[ley de posicionamiento web]]></category>
		<category><![CDATA[palabras clave]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=979</guid>
		<description><![CDATA[Muchos clientes acuden a mí pidiendo un presupuesto de posicionamiento web. Pero: ¿cómo se presupuesta un trabajo de SEO? Hay que ser cautelosos y proporcionar el máximo de información al cliente sobre qué es efectivamente el posicionamiento y qué fines u objetivos se buscan. Los milagros no existen y Google está lejos de los días [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-981" title="El SEO no es un milagro" src="http://www.elhostingbarato.com/wp-content/uploads/2009/08/milagro-posicionamiento-web-300x199.jpg" alt="milagro-posicionamiento-web" width="300" height="199" />Muchos clientes acuden a mí pidiendo un presupuesto de <a title="Estrategias de Posicionamiento Web" href="http://elhostingbarato.com/seo/estrategias-de-marketing-digital-el-posicionamiento-web/" target="_blank"><strong>posicionamiento web</strong></a>. Pero: ¿cómo se presupuesta un trabajo de <a title="Seo, la optimización para buscadores" href="http://elhostingbarato.com/seo/seo-la-optimizacion-para-buscadores/" target="_blank"><strong>SEO</strong></a>?</p>
<p>Hay que ser cautelosos y proporcionar el máximo de información al cliente sobre qué es efectivamente el posicionamiento y qué fines u objetivos se buscan. Los milagros no existen y Google está lejos de los días en que su algoritmo posicionaba de manera muy automática y &#8220;deshumanizada&#8221;, si se me permite la expresión.</p>
<p>En la actualidad el <strong>posicionamiento de una web</strong> cualquiera según las <strong>palabras clave</strong> que se necesiten posicionar, pasa por 3 factores esenciales:</p>
<ol>
<li><strong>El contenido relevante o de calidad y la cantidad del mismo en función de las palabras clave que se busquen posicionar.</strong></li>
<li><strong>La antigüedad del dominio y del contenido del mismo.</strong></li>
<li><strong>Que la web esté optimizada para los buscadores y los sistemas de indexación (y mejor si sigue al 100% el estándart <a title="Recomendaciones de accesibilidad de la W3C" href="http://elhostingbarato.com/seo/recomendaciones-de-accesibilidad-de-la-world-wide-web-consortium-w3c/" target="_blank">W3C</a>).</strong></li>
</ol>
<p>Realmente aquí se resume todo el secreto del posicionamiento: <strong>tener buen contenido</strong> o mejor dicho, t<strong>ener un contenido que otros webmasters</strong> consideren relevante y de este modo pasen a enlazarlo en sus sitios web.  Se puede decir que aquí comienza y termina toda <strong>ley de posicionamiento web</strong> que se precie. Y tan solo a partir de este momento podremos afirmar que hay 3 modos de estratégicos de posicionamiento, una vez tenemos diseñado y optimizado el sitio web en cuestión:</p>
<ol>
<li><strong>Generar una web tipo blog o con un </strong><strong>CMS (Gestor de Contenidos) que nos permita agregar y editar contenido (</strong><strong>posicionamiento natural).</strong></li>
<li><strong>Realizar una campaña de Google AdWords.</strong></li>
<li><strong>Combinar ambos métodos.</strong></li>
</ol>
<p>El <a title="Estrategias de Posicionamiento Web" href="http://elhostingbarato.com/seo/estrategias-de-marketing-digital-el-posicionamiento-web/" target="_blank"><strong>posicionamiento web</strong></a> no es una ciencia exacta ni mucho menos, con lo que no se pueden esperar milagros, sobretodo en los casos de <strong>palabras clave</strong> que poseen un alto nivel de competitividad. Lo mejor es ofrecer algo nuevo respecto a la competencia, contenidos que en definitiva podemos esperar que sean enlazados por otras webs.</p>
<p>El <strong>contenido</strong> será (en combinación con las estrategias de optimización de nuestro sitio web y un trabajo de difusión del mismo en foros, directorios, etc.) la base de nuestro trabajo y de nuestros esfuerzos a la hora de estar entre los primeros puestos en las búsquedas y/o ser enlazados por otras webs (que al final viene a ser lo mismo).</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/seo-practico/el-posicionamiento-web-no-un-milagro/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/seo-practico/el-posicionamiento-web-no-un-milagro/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>¿Cuáles son los colores de Internet?</title>
		<link>http://elhostingbarato.com/diseno-desarrollo-web/colores-de-internet/</link>
		<comments>http://elhostingbarato.com/diseno-desarrollo-web/colores-de-internet/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 23:28:27 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[color predominante en internet]]></category>
		<category><![CDATA[colores de internet]]></category>
		<category><![CDATA[colores dominantes]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=866</guid>
		<description><![CDATA[El estudio de diseño Antrepo4 ha realizado un interesante análisis sobre los colores de internet. Ellos analizaron las webs y los blogs más relevantes según Alexa y Technorati, llegando a la conclusión de que el color predominante en internet es el azul; para los blogs el rojo, el magenta y el rosa; para las páginas [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-894 alignright" title="Los colores dominantes de internet" src="http://www.elhostingbarato.com/wp-content/uploads/2009/04/colores_internet.jpg" alt="Los colores dominantes de internet" width="400" height="385" />El estudio de diseño <a title="Antrepo4 | What is the color of the internet?" href="http://www.a2591.com/2009/03/what-is-color-of-internet.html" target="_blank"><strong>Antrepo4</strong></a> ha realizado un interesante análisis sobre los <strong>colores de internet</strong>. Ellos analizaron las webs y los blogs más relevantes según <strong>Alexa</strong> y <strong>Technorati</strong>, llegando a la conclusión de que el <strong>color predominante en internet</strong> es el <strong>azul</strong>; para los blogs el <strong>rojo</strong>, el <strong>magenta</strong> y el <strong>rosa</strong>; para las páginas de diseño las <strong>gamas de grises</strong> y para las de juegos el <strong>verde</strong>.</p>
<p>El resultado se puede contemplar en la imagen de la derecha, que ilustra la conclusión de su estudio sobre los <strong>colores dominantes</strong> en las páginas y blogs de más relevancia en la red.</p>
<p>A primera vista estoy bastante deacuerdo con el tema del azul y el magenta, pero la verdad no entiendo porque tanta importancia a las páginas de juegos, que realmente tienen una relevancia mínima en comparación con las páginas de otras temáticas. Hubiera preferido que me mostraran el color de las webs corporativas o de las webs de venta online. De todas formas me parece un estudio muy interesante y útil en lineas generales.</p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/diseno-desarrollo-web/colores-de-internet/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/diseno-desarrollo-web/colores-de-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Implementar AdSense para búsquedas en su web</title>
		<link>http://elhostingbarato.com/videos/formas-de-implementear-adsense-para-busquedas/</link>
		<comments>http://elhostingbarato.com/videos/formas-de-implementear-adsense-para-busquedas/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 21:19:03 +0000</pubDate>
		<dc:creator>hibrix</dc:creator>
				<category><![CDATA[Blog profesional]]></category>
		<category><![CDATA[Diseño y desarrollo web]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[adsense para búsquedas]]></category>
		<category><![CDATA[cuadro de búsquedas]]></category>
		<category><![CDATA[sitio web]]></category>

		<guid isPermaLink="false">http://elhostingbarato.com/?p=647</guid>
		<description><![CDATA[Si nuestra web tiene mucho contenido o con mayor motivo si se trata de un blog, es siempre positivo ofrecer un cuadro de búsquedas interno. De éste modo el usuario puede encontrar la información concreta que está buscando en nuestro sitio web, de la manera más fácil y sin tener que perder tiempo navegando por [...]]]></description>
			<content:encoded><![CDATA[<p>Si nuestra web tiene mucho contenido o con mayor motivo si se trata de un blog, es siempre positivo ofrecer un <strong>cuadro de búsquedas interno</strong>. De éste modo el usuario puede encontrar la información concreta que está buscando en nuestro <strong>sitio web</strong>, de la manera más fácil y sin tener que perder tiempo navegando por los enlaces.</p>
<p>Hay varias maneras de implementar un <strong>cuadro de búsquedas (search box)</strong>. Obviamente, como en todo, lo mejor es programarlo uno mismo, tarea imposible si no se poseen conocimientos avanzados de programación.</p>
<p>Para que el c<strong>uadro de búsquedas</strong> funcione, nuestro sitio ha de estar <strong>indexado</strong> por completo y guardado en una <strong>base de datos</strong>. Para <strong>indexar nuestra página</strong> sin tener que programar nada, necesitamos utlizar un servicio que lo haga por nosotros, para ellos tenemos varias opciones gratuitas, pero todas están basadas en &#8220;llamar&#8221; el <strong>API de Google</strong>, con lo que dependemos siempre de Google para mostrar los resultados de las <strong>búsquedas en nuestra web </strong>(nuestra página debe haber sido indexada por Google para ver los resultados de las búsquedas).</p>
<p><strong><a title="JavaScripts para implementar cuadros de búsquedas basados en Google" href="http://javascriptkit.com/script/cutindex14.shtml" target="_blank">Aquí vemos una colección de Javascripts que ilustran el ejemplo de cuadros de búsqueda basado en Google.</a></strong></p>
<p>¿Pero quien mejor que Google para indexar nuestor sitio? El problema es que Google incluye publicidad en los resultados de tales búsquedas y el código no termina nunca de estar bien resuelto a muchos niveles. La conclusión es que la mejor manera de incluir un <strong>cuadro de búsquedas</strong> en nuestro sitio es utilizando <a title="Información sobre AdSense para búsquedas" href="https://www.google.com/adsense/static/es/WsOverview.html" target="_blank"><strong>AdSense para búsquedas</strong></a>.</p>
<p>Utilizando enteramente el servicio de <a title="Información sobre AdSense para búsquedas" href="https://www.google.com/adsense/static/es/WsOverview.html" target="_blank"><strong>Google AdSense para búsquedas</strong></a>, logramos tener un código completamente customizable, con ajuste de los resulados según las <strong>palabras clave</strong> que deseemos, y con una página de resultados también totalmente customizable (podemos incluso mostrar los resultados de la búsqueda en nuestro proprio sitio web).</p>
<p>Además, cobraremos nuestro porcentaje por click y por impresión sobre los anuncios mostrados por Google , juntos a los resultados de búsqueda en nuestro sitio. El siguiente video nos explica el funcionamiento del sistema en detalle:</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/VKj0QnMKENA&amp;hl=es&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/VKj0QnMKENA&amp;hl=es&amp;fs=1&amp;color1=0x3a3a3a&amp;color2=0x999999" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div class='wpfblike' style='height: 40px;'><fb:like href='http://elhostingbarato.com/videos/formas-de-implementear-adsense-para-busquedas/' layout='default' show_faces='false' width='400' action='like' colorscheme='dark' send='false' /></div>]]></content:encoded>
			<wfw:commentRss>http://elhostingbarato.com/videos/formas-de-implementear-adsense-para-busquedas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

