<?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>José Kontreras &#187; diseño Web</title>
	<atom:link href="http://elwebmarketer.com/tag/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://elwebmarketer.com</link>
	<description>Blog de SEO, diseño Web, Emarketing &#38; Entrepreneurship desde Guatemala</description>
	<lastBuildDate>Sun, 15 Aug 2010 17:55:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Descargar fuente de Twitter</title>
		<link>http://elwebmarketer.com/descargar-fuente-de-twitter/2010/06/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=descargar-fuente-de-twitter</link>
		<comments>http://elwebmarketer.com/descargar-fuente-de-twitter/2010/06/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 16:04:33 +0000</pubDate>
		<dc:creator>José Kontreras</dc:creator>
				<category><![CDATA[Varios]]></category>
		<category><![CDATA[diseño Web]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://elwebmarketer.com/?p=810</guid>
		<description><![CDATA[Bueno, es lo más parecido hasta la fecha, es una fuente tipografica llamada Pico.  Si te interesa su historia puedes ver el articulo en BitRebels. Link: Descargar fuente del logo de Twitter]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-811" title="Descargar fuente de Twitter" src="http://elwebmarketer.com/wp-content/uploads/2010/06/fuente-de-twitter-josekont.jpg" alt="Descargar fuente del logo de Twitter" width="422" height="92" /></p>
<p>Bueno, es lo más parecido hasta la fecha, es una fuente tipografica llamada Pico.  Si te interesa su historia puedes ver el articulo en <a title="Fuente de Twitter" href="http://www.bitrebels.com/design/twitter-logo-font-revealed/">BitRebels</a>.</p>
<p><strong>Link: <a title="Descargar fuente de Twitter Pico " href="http://elwebmarketer.com/wp-content/uploads/2010/Fuente-twitter-Pico_winTT.zip">Descargar fuente del logo de Twitter</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://elwebmarketer.com/descargar-fuente-de-twitter/2010/06/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Descarga la fuente de Google &#8211; Catull</title>
		<link>http://elwebmarketer.com/descarga-la-fuente-de-google-catull/2009/10/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=descarga-la-fuente-de-google-catull</link>
		<comments>http://elwebmarketer.com/descarga-la-fuente-de-google-catull/2009/10/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 19:50:33 +0000</pubDate>
		<dc:creator>José Kontreras</dc:creator>
				<category><![CDATA[Varios]]></category>
		<category><![CDATA[diseño Web]]></category>

		<guid isPermaLink="false">http://elwebmarketer.com/?p=501</guid>
		<description><![CDATA[La fuente que utiliza Google en su logo es conocida como Catull. Esta fue diseñada en 1982 por Gustav Jaeger, y desde 1999 dicha fuente es utilizada por los señores de Google en todos sus productos. Aprovechando que tenia que hacer un logo en menos de una hora, se me ocurrio buscar dicha fuente y [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://elwebmarketer.com/wp-content/uploads/2009/09/el-webmarketer-logo-1.jpg"><img class="aligncenter size-full wp-image-502" title="Logo de El Webmarketer con la fuente de Catull" src="http://elwebmarketer.com/wp-content/uploads/2009/09/el-webmarketer-logo-1.jpg" alt="Logo de El Webmarketer con la fuente de Catull" width="465" height="108" /></a>La fuente que utiliza <strong>Google</strong> en su logo es conocida como<strong> Catull</strong>. Esta fue diseñada en 1982 por <em><strong>Gustav Jaeger</strong></em>, y desde 1999 dicha fuente es utilizada por los señores de Google en todos sus productos.<span id="more-501"></span></p>
<p>Aprovechando que tenia que hacer un logo en menos de una hora, se me ocurrio buscar dicha fuente y hacer algo super sencillo. En realidad mi slogan es &#8220;<strong>eMarketing para Seres Humanos</strong>&#8221; o también la variación &#8220;<strong>SEO para buscadores y Analitica Web para Seres Humanos</strong>&#8220;, sin embargo en este caso quise cambiar un poquito la historia y abarcar otro tema que me gusta mucho: <a title="Emprendimiento y pensamientos" href="http://elwebmarketer.com/category/emprendimientos/" target="_self"><strong>El Emprendimiento y las reflexiones</strong></a>.</p>
<p style="text-align: center;"><span class="important">Si te gusta puedes <strong><a title="Fuente de Google Catull" href="http://elwebmarketer.com/wp-content/uploads/2009/09/Catull.zip" target="_blank">descargar fuente de Google &#8211; Catull</a></strong>. </span></p>
]]></content:encoded>
			<wfw:commentRss>http://elwebmarketer.com/descarga-la-fuente-de-google-catull/2009/10/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Temas o plantillas de WordPress en español</title>
		<link>http://elwebmarketer.com/temas-o-plantillas-de-wordpress-en-espanol/2009/09/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=temas-o-plantillas-de-wordpress-en-espanol</link>
		<comments>http://elwebmarketer.com/temas-o-plantillas-de-wordpress-en-espanol/2009/09/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 03:44:32 +0000</pubDate>
		<dc:creator>José Kontreras</dc:creator>
				<category><![CDATA[Web/Internet]]></category>
		<category><![CDATA[diseño Web]]></category>

		<guid isPermaLink="false">http://elwebmarketer.com/?p=452</guid>
		<description><![CDATA[Con eso de mi mala suerte a la hora de personalizar una plantilla y tratar de traducirla, decidí mejor buscar por la red temas o plantillas para WordPress en Español. Evidentemente estamos progresando, hace un año cuando también me había tocado buscar temas eran muy pocas las webs ofreciendo algunos, ahora mejor ni comento las [...]]]></description>
			<content:encoded><![CDATA[<p>Con eso de <a title="Problemas en la plantilla de mi blog" href="http://elwebmarketer.com/y-vuelvo-al-viejo-style/2009/09/" target="_blank">mi mala suerte a la hora de personalizar una plantilla y tratar de traducirla</a>, decidí mejor buscar por la red <strong>temas o plantillas para WordPress en Español</strong>. Evidentemente estamos progresando, hace un año cuando también me había tocado buscar temas eran muy pocas las webs ofreciendo algunos, ahora mejor ni comento las tantas opciones que hay, sin embargo a manera de recopilación voy a listar algunos que vale la pena echarles el ojo.<span id="more-452"></span></p>
<ol>
<li>Temas realizados por <a title="SEO profesional" href="http://www.seoprofesional.com/plantillas-wordpress-en-castellano/" target="_blank">SEO profesional</a>: Tienen 12 temas simpáticos y agradables. Eso si, de los 12, creo que hay uno que se repite (o es mi mala visión).</li>
<li>Temas realizados por <a title="TrazosWeb" href="http://www.trazos-web.com/temas-wordpress-espanol/" target="_blank">TrazosWeb</a>: Los temas son agradables, sin embargo algunos la única diferencia que tienen es un color o una barra en el<em> header</em>. Si queremos tener cinco versiones de un tema en español de seguro aquí las encuentran.</li>
<li>Temas recopilados por <a title="Lb2-blog" href="http://luisitob.wordpress.com/2008/04/10/temas-en-espanol-para-wordpress-27/" target="_blank">Lb2-blog</a>: Hay algunos que me parecen fantásticos. En el blog han puesto que son para WordPress 2.7 pero también funcionan para versiones más recientes.</li>
<li>Temas de <a title="Temas WordPress en Español" href="http://www.temaswordpress.es/" target="_blank">TemasWordpress.es</a>: Hay algunos que valen la pena. La iniciativa me gusta porque tener ya un blog que se dedique a temas en Español de WordPress es un<em> avance</em>.</li>
<li>Temas recopilados por<a title="Themes de WordPress en Español" href="http://www.anieto2k.com/wiki/index.php?title=Themes_castellano" target="_blank"> Anieto2k</a>: Son más de 80 themes de WordPress bajo un mismo Wiki. Hay algunos que son fantásticos, otros que ni tanto, lo interesante es que la guía se actualiza con frecuencia, detallando las novedades y lo innovador de cada tema. Lo complicado en este caso es que no hay un <em>preview</em> de cada uno, por lo cual es de basarse en las descripciones y el nombre para ir evaluando. Personalmente de los que vi, algunos me fascinaron.</li>
<li>Temas en <a title="Temas WordPress.net" href="http://www.temaswordpress.net" target="_blank">TemasWordpress.net</a>: Otro sitio dedicado completamente a <strong>temas de WordPress</strong>. Algo que no me ha gustado es la poca seriedad de este proyecto, hasta el mismo tema que utilizan no esta traducido al 100% al español y lo mismo con varias plantillas de las que tienen.</li>
</ol>
<p>En fin, <strong>no encontré ningún tema que me gustara</strong> jajaja (espero que tu si tengas suerte) así que continuare mi búsqueda en temas en Ingles y ya veremos como le hago después con las traducciones.</p>
<h3 class="note">Actualización 25-09-2009</h3>
<p>Gracias al comentario de <a title="Duque" href="http://elwebmarketer.com/temas-o-plantillas-de-wordpress-en-espanol/2009/09/comment-page-1/#comment-186">Duque</a>, me entero de esta otra iniciativa: <a title="Temas de WordPress" href="http://www.temas-wordpress.com/" target="_blank"><strong>Temas-Wordpress</strong></a>.  A pesar que de momento tienen pocos temas, estos pocos son fantasticos. Realmente vale la pena el proyecto.</p>
]]></content:encoded>
			<wfw:commentRss>http://elwebmarketer.com/temas-o-plantillas-de-wordpress-en-espanol/2009/09/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Solucionar problemas de compatibilidad CSS en Internet Explorer 8, 7 y 6</title>
		<link>http://elwebmarketer.com/solucionar-problemas-de-compatibilidad-css-en-internet-explorer-8-7-y-6/2009/09/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=solucionar-problemas-de-compatibilidad-css-en-internet-explorer-8-7-y-6</link>
		<comments>http://elwebmarketer.com/solucionar-problemas-de-compatibilidad-css-en-internet-explorer-8-7-y-6/2009/09/#comments</comments>
		<pubDate>Tue, 15 Sep 2009 05:30:39 +0000</pubDate>
		<dc:creator>José Kontreras</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[Varios]]></category>
		<category><![CDATA[Web/Internet]]></category>
		<category><![CDATA[diseño Web]]></category>
		<category><![CDATA[IE7 IE8]]></category>

		<guid isPermaLink="false">http://elwebmarketer.com/?p=386</guid>
		<description><![CDATA[Son tres dolores de cabeza los que tienen quienes se dedican a diseñar sitios web: IE 6 IE 7 IE 8 * IE representa Internet Explorer.  En fin, esta tarde me toco retocar algunos formularios y tablas de datos de un sitio, resulta que al final cuando creí que todo estaba bien evalúe en IE6, [...]]]></description>
			<content:encoded><![CDATA[<p>Son tres dolores de cabeza los que tienen quienes se dedican a diseñar sitios web:</p>
<ol>
<li>IE 6</li>
<li>IE 7</li>
<li>IE 8</li>
</ol>
<p>* <em>IE representa Internet Explorer</em>.  En fin, esta tarde me toco retocar algunos formularios y tablas de datos de un sitio, resulta que al final cuando creí que todo estaba bien evalúe en IE6, IE7, Firefox, Chrome, Safari y Opera. A pesar que algunas cosas no eran 100% idénticas entre dichos navegadores, todo parecía ir bien.</p>
<p>Al llegar a la reunión con los clientes, empece a evaluar el sitio y zass cual va siendo mi sorpresa que las cosas no se miraban &#8220;tan bien&#8221;. Desconcertado vi el navegador y era el único que no se me ocurrió evaluar: IE8. Les digo que si han resuelto los problemas para IE6, el 7 no estén tranquilos, porque el 8 es igual de<strong> aterrador</strong>.<span id="more-386"></span></p>
<p>He pasado unas cuantas horas tratando de resolver estos problemas de alineación y  gracias a Dios que al fin pude encontrar la solución. Les enumero algunas cuantas a manera de:</p>
<h3>Top 3 de soluciones a problemas con CSS e Internet Explorer 6, 7 y 8</h3>
<p>a) Diseñar cumpliendo los estándares, es decir evaluando en Firefox. Comprobar los fallos que el diseño muestra en <strong>IE6</strong>. <strong>Identificar los selectores que presentan el problema y duplicarlos</strong>, anteponiendo a la copia el selector <strong>*html</strong> y aplicando los cambios requeridos, de la siguiente manera:</p>
<p><code>#MyDiv {margin: 10px 10px 10px 10px;} </code></p>
<p><code>/* IE6 Only */<br />
* html #MyDiv {margin : 5px 5px 5px 5px;}</code></p>
<p>De ese modo, mientras Firefox leerá el primer #MyDiv, IE6 sólo leerá el segundo.</p>
<p>b) Hacer lo mismo con <strong>IE7</strong>. Volver a duplicar los selectores en conflicto y añadir <strong>*:first-child+html</strong> a los duplicados:</p>
<p><code>#MyDiv {margin : 10px 10px 10px 10px;} </code></p>
<p><code>/* IE6 Only */<br />
* html #MyDiv {margin : 5px 5px 5px 5px;} </code></p>
<p><code>/* IE7 Only */<br />
*:first-child+html #MyDiv {margin : 2px 2px 2px 2px;} </code></p>
<p>Así, IE7 sólo leerá el último selector.</p>
<p>c) Para<strong> IE8</strong> primero tenemos que comprobar que todo ande bien en IE7 ya que la solución será emular este navegador. Para realizarlo simplemente añadimos la siguiente meta-tag:</p>
<p><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;</code></p>
<p>Si nuestra página se ve bien en Explorer 7, es un buen método para que se nos vea bien en Explorer 8.</p>
<h3>Tener todas las versiones de IE instaladas</h3>
<p>Para poder comprobar si el diseño se mira bien o no tenemos que tener dicho navegador. Existe una utilidad muy simpática llamada &#8220;<em>Internet Explorer Collection</em>&#8221; que incluye desde la versión 1 hasta la 8. Esta aplicación también incluye una herramienta para desarrolladores del tipo &#8220;Firebug&#8221;.</p>
<p>Enlace para descargar: <a title="IE collection" href="http://finalbuilds.edskes.net/iecollection.htm" target="_blank">IE Collection</a></p>
<p>Lamentablemente testear en IE es un mal necesario (aún) ya que en países como Guatemala más del 60% de personas aún lo utilizan como navegador principal, aunque con los esfuerzos de Google por posicionar Chrome quizá ya no sea una Utopía pensar en un mundo donde se respeten los estándares web&#8230;  Saludos!!</p>
<p>Visto en | <a title="La Brujola Verde" href="http://www.labrujulaverde.com/css/disenar-en-css-para-firefox-ie6-e-ie7/" target="_blank">La brujula Verde</a> y <a title="Notas Web" href="http://notasweb.com/articulo/css/evitar-problemas-con-internet-explorer-8-emulando-el-7.html" target="_blank">NotasWeb</a></p>
]]></content:encoded>
			<wfw:commentRss>http://elwebmarketer.com/solucionar-problemas-de-compatibilidad-css-en-internet-explorer-8-7-y-6/2009/09/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Optimizar el diseño de sitios web en base a la Analítica</title>
		<link>http://elwebmarketer.com/optimizar-el-diseno-de-sitios-web-en-base-a-la-analitica/2009/07/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=optimizar-el-diseno-de-sitios-web-en-base-a-la-analitica</link>
		<comments>http://elwebmarketer.com/optimizar-el-diseno-de-sitios-web-en-base-a-la-analitica/2009/07/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 05:19:59 +0000</pubDate>
		<dc:creator>José Kontreras</dc:creator>
				<category><![CDATA[Accesibilidad]]></category>
		<category><![CDATA[Analitica Web]]></category>
		<category><![CDATA[Casos prácticos]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Accesibilidad web]]></category>
		<category><![CDATA[diseño Web]]></category>
		<category><![CDATA[Google Analytics]]></category>

		<guid isPermaLink="false">http://plinsu.com/?p=258</guid>
		<description><![CDATA[Si bien la mayoría sabe que la analítica ayuda muchísimo a comprender el trafico que recibe un sitio web, también es útil para recopilar otros datos con los cuales puedes mejorar el diseño web de tu blog o sitio de ventas. Este será un ejercicio super sencillo pero que nos permitirá evaluar, cual es la [...]]]></description>
			<content:encoded><![CDATA[<p>Si bien la mayoría sabe que <strong>la analítica ayuda muchísimo a comprender el trafico que recibe un sitio web</strong>, también es útil para recopilar otros datos con los cuales puedes mejorar el diseño web de tu blog o sitio de ventas.</p>
<p>Este será un ejercicio super sencillo pero que nos permitirá evaluar, cual es la mejor resolución bajo la cual debemos optimizar nuestro sitio y a que navegador web le debemos tener prioridad.<span id="more-258"></span><strong></strong></p>
<p><strong>Optimizar el ancho de nuestro sitio web</strong></p>
<p><em><strong>Debemos de utilizar un ancho que permita la mejor accesibilidad, es decir evitar en la medida de lo posible los feos scrolls horizontales</strong></em>.  Regularmente la resolución más pequeña bajo la cual un sitio puede funcionar correctamente es la de 1024&#215;764 pixeles.  Sin embargo en estos tiempos donde todo el mundo o <em>casi todo el mundo</em> ya posee pantallas amplias resulta interesante ver bajo que resoluciones recibimos más visitas y evaluar si podemos hacer un poco más ancho nuestro sitio.  Actualmente mucha gente recomienda utilizar un ancho de 960 pixeles.</p>
<p>Para determinar la resolución bajo la cual recibimos más visitas si utilizamos Google Analytics nos vamos al lado izquierdo y buscamos las opciones <strong>Usuarios -&gt; Opciones del navegador -&gt; Resoluciones de Pantalla</strong>.</p>
<div id="attachment_259" class="wp-caption aligncenter" style="width: 576px"><img class="size-full wp-image-259" title="Optimizar resolución de pantalla para nuestras visitas web" src="http://elwebmarketer.com/wp-content/uploads/2009/07/optimizar-resoluciones-de-pantalla-web.jpg" alt="Es interesante ver que la quinta posición de las resoluciones de usuarios con más visitas es de " width="566" height="326" /><p class="wp-caption-text">Es interesante ver que la quinta posición de las resoluciones de usuarios con más visitas a elWebmarketer es de 1680 x 1050 pixeles.  Una muy alta resolución!!</p></div>
<p>Este reporte nos mostrará bajo que resolución se encuentra la mayoría de visitas que tenemos. En mi caso lamentablemente el más alto porcentaje es de 1024&#215;768 por lo que el diseño de mi sitio debe ser de 960 pixeles de ancho como máximo.  Es una tristeza que no pueda aprovechar la humilde resolución de mis dos pantallas de apenas 2560&#215;1024 pixeles&#8230;</p>
<p><strong>Optimizar nuestro diseño en base a las preferencias del navegador web</strong></p>
<p>Todo aquel que ha tenido la oportunidad de diseñar un sitio web sabrá de los dolores de cabeza que produce hacer compatible un diseño entre los distintos navegadores, especialmente uno que tiene como logo una letra vocal de color azul.</p>
<p>En fin, si queremos que la mayoría de nuestras visitas estén cómodas, optimicemos los detalles enfocados en las preferencias de ellos y no las de nosotros, <strong>porque lo más importante en un sitio web son sus visitas</strong>. <img src='http://elwebmarketer.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Utilizando el Google Analytics, para tener el reporte del navegador más utilizado, nos vamos a <strong>Usuarios -&gt; Opciones del Navegador -&gt; Navegadores</strong>.  Este reporte nos despliega con un gráfico de porcentajes en pastel cual es el navegador preferido. Es de ponerme contento que mis usuarios sean tan maravillosos y la mayoría utilicen Firefox.  Al menos ya se que no debo tener como preferencia al <strong><em>navegador del lado obscuro</em></strong>.</p>
<div id="attachment_260" class="wp-caption aligncenter" style="width: 552px"><img class="size-full wp-image-260" title="optimizar diseño web basado en preferencias de navegadores web" src="http://elwebmarketer.com/wp-content/uploads/2009/07/optimizar-diseno-web-con-analitica-web.jpg" alt="No me sorprende tanto que Firefox este en primer lugar, me sorprende más que Chrome este en tercer lugar de la lista.  Puede ser que en un futuro debamos basar nuestro diseños solo en estos dos navegadores." width="542" height="316" /><p class="wp-caption-text">No me sorprende tanto que Firefox este en primer lugar, me sorprende más que Chrome este en tercer lugar de la lista.  Puede ser que en un futuro debamos basar nuestro diseños solo en estos dos navegadores.</p></div>
<p>Ojo que para tomar estas tendencias debemos basarnos en periodos que sean lógicos, es decir, si queremos sacar datos que se acerquen a la realidad, al menos tomar <strong>los últimos 6 meses</strong>.</p>
<p>Es seguro que tus visitas agradecerán estos cambios y por supuesto quien recibirá mayores beneficios serás tu.  Ahora te dejo con la inquietud, este mismo análisis lo puedes realizar con los reportes de velocidad de conexión, sistemas operativos, determinar usuarios nuevos y recurrentes, etc., etc. ¿<strong>Aún dudas del potencial de la analítica web</strong>?</p>
]]></content:encoded>
			<wfw:commentRss>http://elwebmarketer.com/optimizar-el-diseno-de-sitios-web-en-base-a-la-analitica/2009/07/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
