<?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>Gran Impetu &#187; Diseño</title>
	<atom:link href="http://granimpetu.com/categoria/diseno/feed/" rel="self" type="application/rss+xml" />
	<link>http://granimpetu.com</link>
	<description>Weblog de Horacio Bella donde habla sobre diseño, internet y negocios online</description>
	<lastBuildDate>Thu, 05 Aug 2010 18:19:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>La nueva imagen de Beew</title>
		<link>http://granimpetu.com/articulos/la-nueva-imagen-de-beew/</link>
		<comments>http://granimpetu.com/articulos/la-nueva-imagen-de-beew/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 16:28:36 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[beew]]></category>
		<category><![CDATA[rediseño]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1432</guid>
		<description><![CDATA[Con Germán Ferrari ayer presentamos la nueva imagen de Beew, renovando el logo y haciendo nuestro sitio web con un poco más de dedicación que los anteriores. ¿Qué les parece? Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>Con <a href="http://germanferrari.com/">Germán Ferrari</a> ayer <a href="http://holabeew.com/mirenme-ya-llegue-aca-estoy/">presentamos</a> la nueva imagen de <a href="http://holabeew.com/">Beew</a>, renovando el logo y haciendo nuestro sitio web con un poco más de dedicación que los anteriores. ¿Qué les parece?</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/la-nueva-imagen-de-beew/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tooltips sólo con CSS3</title>
		<link>http://granimpetu.com/articulos/tooltips-solo-con-css3/</link>
		<comments>http://granimpetu.com/articulos/tooltips-solo-con-css3/#comments</comments>
		<pubDate>Wed, 07 Jul 2010 04:46:54 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1425</guid>
		<description><![CDATA[Navegando un poco por Forrst, me encuentro con algunas líneas de CSS que comparte Chris Coyier para generar tooltips solo con CSS3. Para esto utilizamos en el selector el atributo title. a { &#160;&#160;color: #900; &#160;&#160;text-decoration: none; } a:hover { &#160;&#160;color: red; &#160;&#160;position: relative; } a[title]:hover:after { &#160;&#160;content: attr(title); &#160;&#160;padding: 4px 8px; &#160;&#160;color: #333; &#160;&#160;position: [...]]]></description>
			<content:encoded><![CDATA[<p>Navegando un poco por <a href="http://forrst.com">Forrst</a>, me encuentro con algunas líneas de CSS que comparte <a href="http://css-tricks.com/">Chris Coyier</a> para generar <em>tooltips</em> solo con CSS3. Para esto utilizamos en el selector el atributo <code>title</code>.</p>
<p><pre>
a {
&nbsp;&nbsp;color: #900;
&nbsp;&nbsp;text-decoration: none;
}

a:hover {
&nbsp;&nbsp;color: red;
&nbsp;&nbsp;position: relative;
}

a[title]:hover:after {
&nbsp;&nbsp;content: attr(title);
&nbsp;&nbsp;padding: 4px 8px;
&nbsp;&nbsp;color: #333;
&nbsp;&nbsp;position: absolute;
&nbsp;&nbsp;left: 0; 
&nbsp;&nbsp;top: 100%;
&nbsp;&nbsp;white-space: nowrap; 
&nbsp;&nbsp;z-index: 20px;
&nbsp;&nbsp;-moz-border-radius: 5px; 
&nbsp;&nbsp;-webkit-border-radius: 5px;&nbsp;&nbsp;
&nbsp;&nbsp;border-radius: 5px;&nbsp;&nbsp;
&nbsp;&nbsp;-moz-box-shadow: 0px 0px 4px #222;&nbsp;&nbsp;
&nbsp;&nbsp;-webkit-box-shadow: 0px 0px 4px #222;&nbsp;&nbsp;
&nbsp;&nbsp;box-shadow: 0px 0px 4px #222;&nbsp;&nbsp;
&nbsp;&nbsp;background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);&nbsp;&nbsp;
&nbsp;&nbsp;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
}
</pre></p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/tooltips-solo-con-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Organización inteligente de elementos en una web</title>
		<link>http://granimpetu.com/articulos/organizacion-inteligente-de-elementos-en-una-web/</link>
		<comments>http://granimpetu.com/articulos/organizacion-inteligente-de-elementos-en-una-web/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 04:12:15 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[elementos]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1366</guid>
		<description><![CDATA[La gente de DevSnippets realizó una interesante recopilación de 30 webs que utilizaron una inteligente organización de los elementos en su diseño. Interesantes maneras de romper el molde. Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>La gente de <em>DevSnippets</em> realizó una interesante <a href="http://devsnippets.com/article/30-brilliant-websites-so-smart-in-organizing-design-elements.html">recopilación de 30 webs que utilizaron una inteligente organización de los elementos en su diseño</a>. Interesantes maneras de romper el molde.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/organizacion-inteligente-de-elementos-en-una-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MSN renueva su página de inicio</title>
		<link>http://granimpetu.com/articulos/msn-renueva-su-pagina-de-inicio/</link>
		<comments>http://granimpetu.com/articulos/msn-renueva-su-pagina-de-inicio/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 03:16:28 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[msn]]></category>
		<category><![CDATA[rediseño]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1189</guid>
		<description><![CDATA[MSN renueva su página de inicio y en su blog hacen un repaso por todos los diseños que tuvieron. Me pareció interesante el cambio en esta oportunidad, mucho más limpio y moderno. Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>MSN renueva su página de inicio y <a href="http://msnblog.msn.com/blogpost.aspx?post=1350394">en su blog hacen un repaso por todos los diseños que tuvieron</a>. Me pareció interesante el cambio en esta oportunidad, mucho más limpio y moderno.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/msn-renueva-su-pagina-de-inicio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arial y un poco de su historia negra</title>
		<link>http://granimpetu.com/articulos/arial-y-un-poco-de-su-historia-negra/</link>
		<comments>http://granimpetu.com/articulos/arial-y-un-poco-de-su-historia-negra/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 04:14:29 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[arial]]></category>
		<category><![CDATA[helvetica]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1170</guid>
		<description><![CDATA[Me interesó bastante la historia sobre la aparición de Arial y su relación con Helvetica, algo que todos conocemos pero por mi parte muy superficialmente. Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>Me interesó bastante la historia sobre <a href="http://www.unostiposduros.com/?p=1437">la aparición de Arial y su relación con Helvetica</a>, algo que todos conocemos pero por mi parte muy superficialmente.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/arial-y-un-poco-de-su-historia-negra/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un nuevo diseño para este blog</title>
		<link>http://granimpetu.com/articulos/un-nuevo-diseno-para-este-blog/</link>
		<comments>http://granimpetu.com/articulos/un-nuevo-diseno-para-este-blog/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 19:56:21 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1145</guid>
		<description><![CDATA[Tal como lo anuncié ayer con una pequeña entrada y un par de twitts, hoy tengo el placer de estrenar un nuevo diseño para mi blog, el cuarto en esta oportunidad. El anterior ya me había cansado y con algunas ganas de cambiar el estilo me puse a realizar esto que pueden ver alrededor. Nada [...]]]></description>
			<content:encoded><![CDATA[<p><img class="borde horiz alignnone size-full wp-image-1146" title="tervetuloa" src="http://granimpetu.com/wp-content/uploads/2009/10/tervetuloa.jpg" alt="tervetuloa" width="585" height="135" /></p>
<p>Tal como lo anuncié ayer con una pequeña entrada y un par de twitts, hoy tengo el placer de estrenar <strong>un nuevo diseño para mi blog</strong>, el cuarto en esta oportunidad. El anterior ya me había cansado y con algunas ganas de cambiar el estilo me puse a realizar esto que pueden ver alrededor.</p>
<p>Nada raro. El artículo más reciente en la portada, algunas ideas sueltas debajo y a continuación el resto del contenido. Espero que con este cambio me den un poco más de ganas de ponerme a escribir aunque lamentablemente tengo mucho en la cabeza pero poco tiempo.</p>
<p>En fin, esto no tiene demasiado sentido. Pasen, vean y espero sea de su agrado.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/un-nuevo-diseno-para-este-blog/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Nuevo diseño para este blog</title>
		<link>http://granimpetu.com/articulos/nuevo-diseno-para-este-blog/</link>
		<comments>http://granimpetu.com/articulos/nuevo-diseno-para-este-blog/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 20:50:33 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1142</guid>
		<description><![CDATA[Mañana, 12 de Octubre por la tarde, voy a estar estrenando un nuevo diseño en este blog. Si quieren pueden pasar a darse una vuelta para ver como quedó. Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>Mañana, 12 de Octubre por la tarde, voy a estar estrenando un nuevo diseño en este blog. Si quieren pueden pasar a darse una vuelta para ver como quedó.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/nuevo-diseno-para-este-blog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Propiedad list-style-position</title>
		<link>http://granimpetu.com/articulos/propiedad-list-style-position/</link>
		<comments>http://granimpetu.com/articulos/propiedad-list-style-position/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 21:44:21 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[listas]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1128</guid>
		<description><![CDATA[Un pequeño tip para ordenar mejor nuestras listas con CSS. La poco conocida propiedad list-style-position nos sirve para indicar el lugar donde se van a ubicar los elementos de la lista. En Build Internet explican como utilizarla y lo funcional del valor inside. Horacio Bella / HoracioBella.com / @horaciobella]]></description>
			<content:encoded><![CDATA[<p>Un pequeño tip para <strong>ordenar mejor nuestras listas con CSS</strong>. La poco conocida propiedad <code>list-style-position</code> nos sirve para indicar el lugar donde se van a ubicar los elementos de la lista. En <a href="http://buildinternet.com/2009/09/quick-tip-simplify-list-margins-with-css/">Build Internet explican como utilizarla</a> y lo funcional del valor <em>inside</em>.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/propiedad-list-style-position/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Precio, valor y calidad de un sitio web</title>
		<link>http://granimpetu.com/articulos/precio-valor-y-calidad-de-un-sitio-web/</link>
		<comments>http://granimpetu.com/articulos/precio-valor-y-calidad-de-un-sitio-web/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 21:28:47 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[calidad]]></category>
		<category><![CDATA[precio]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1117</guid>
		<description><![CDATA[Este si es un tema del que se ha hablado bastante y se seguirá hablando. En este blog hace un tiempo comenté sobre los factores que influyen a la hora de ponerle un precio a un trabajo de diseño, es decir, lo que necesita saber el diseñador para tasar su trabajo. En esta oportunidad quiero [...]]]></description>
			<content:encoded><![CDATA[<p><img class="borde horiz alignnone size-full wp-image-1121" title="Imagen por JD Hancock" src="http://granimpetu.com/wp-content/uploads/2009/08/calidad.jpg" alt="Imagen por JD Hancock" width="585" height="135" /></p>
<p>Este si es un tema del que se ha hablado bastante y se seguirá hablando. En este blog hace un tiempo comenté sobre los <a href="http://granimpetu.com/articulos/factores-a-considerar-a-la-hora-de-ponerle-precio-a-un-trabajo-de-diseno/">factores que influyen a la hora de ponerle un precio a un trabajo de diseño</a>, es decir, lo que necesita saber el diseñador para tasar su trabajo. En esta oportunidad quiero centrarme en la mirada del cliente sobre el precio que tiene el diseño de un sitio web.</p>
<p>Si alguien va a comprar un camára fotográfica digital, un auto usado o tal vez ropa y solo se fija en el precio y en la forma en que se ve es muy probable que esté haciendo una mala compra. Este es el problema de los compradores novatos, ya que cualquier persona con algo de experiencia en su vida va a darle mucha importancia a las funciones y definición de la cámara, a que el motor del auto esté en condiciones y a que el material de las prendas sea de calidad. Si no lo hace es probable que se lleve algunas sorpresas poco agradables.</p>
<p>Lo mismo sucede en otros tipos de adquisión de productos o servicios y a la hora de contratar a alguien para que realice un sitio web debemos seguir esta metodología. Creo que <strong>la imagen que se  da en internet tiene mayor y mayor peso cada día</strong> y tratar de resolverlo de manera económica no es la opción más conveniente. Algo que sea barato o que solo se vea bien tal vez sea la opción que mejor se adecúe para algunos casos muy excepcionales, pero no para quien quiera hacer las cosas en serio.</p>
<p>Supongamos ahora que yo necesito contratar a una persona o a una empresa para que realice un sitio web ¿Qué es lo que voy a tener en cuenta? Como primer medida al hablar por primera vez con el diseñador, programador o quién sea ya vamos a notar si realmente sabe lo que hace. Lo que voy a tener en cuenta a la hora de contratarlo o no es la tecnología que usan, la forma de trabajar que tienen, su forma de pensar, la menera de plantear el trabajo y el resultado final que se va a obtener. Obviamente la forma en que se va a ver influye mucho, nadie quiere tener un sitio poco atractivo. Como último factor va a estar el precio. Si todo lo demás me convence el precio va a estar justificado siempre que no sea algo descabellado.</p>
<p>Está claro que no todos saben cual es la manera correcta de trabajar. No se puede pretender que el dueño de una fábrica de zapatos conozca lo suficiente de diseño o programación como para saber a quien contratar y a quien no. <strong>Es algo que de a poco espero se entienda de mejor manera</strong>, por mi parte siempre que puedo trato de difundir que un sitio web es mucho más que la forma en que se ve y la selección de alguien para que lo realice no tiene que ser al <em>tun-tun</em>.</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/precio-valor-y-calidad-de-un-sitio-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Lazy loading</title>
		<link>http://granimpetu.com/articulos/lazy-loading/</link>
		<comments>http://granimpetu.com/articulos/lazy-loading/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 18:47:43 +0000</pubDate>
		<dc:creator>Horacio Bella</dc:creator>
				<category><![CDATA[Conciso]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lazy loading]]></category>

		<guid isPermaLink="false">http://granimpetu.com/?p=1111</guid>
		<description><![CDATA[Davis Walsh en su blog plantea si es conveniente o no la utilización del llamado lazy loading y cual es la mejor manera de aplicarlo. Se refiere con esto a la carga de elementos del sitio a partir del desplazamiento con scroll que haga el usuario. ¿Ustedes que opinan? ¿Les parece usable y que beneficia [...]]]></description>
			<content:encoded><![CDATA[<p>Davis Walsh en su blog plantea si <a href="http://davidwalsh.name/poll-lazy-loading">es conveniente o no la utilización del llamado <em>lazy loading</em></a> y cual es la mejor manera de aplicarlo. Se refiere con esto a la carga de elementos del sitio a partir del desplazamiento con scroll que haga el usuario. ¿Ustedes que opinan? ¿Les parece usable y que beneficia la experiencia del usuario?</p>
<hr />
<p><small>Horacio Bella / <a href="http://horaciobella.com">HoracioBella.com</a> / <a href="http://twitter.com/horaciobella">@horaciobella</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://granimpetu.com/articulos/lazy-loading/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
