<?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>Capuccino Productions Inc. &#187; diseño</title>
	<atom:link href="http://capuccinoproductions.110mb.com/tag/diseno/feed/" rel="self" type="application/rss+xml" />
	<link>http://capuccinoproductions.110mb.com</link>
	<description>el (web&#124;tumble)log personal de Ricardo Chavez</description>
	<lastBuildDate>Sun, 22 Nov 2009 17:43:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>24 years of Windows package design</title>
		<link>http://capuccinoproductions.110mb.com/2009/10/25/24-years-of-windows-package-design/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/10/25/24-years-of-windows-package-design/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 06:00:39 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[Informática]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[empaque]]></category>
		<category><![CDATA[publicidad]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/10/25/24-years-of-windows-package-design/</guid>
		<description><![CDATA[	24 years of Windows package design: en TechRadar recopilan los dise&#241;os de las cajas en las que vinieron empacadas las diferentes versiones de Windows, desde la primer&#237;sima versi&#243;n hasta el recientemente lanzado Windows 7. Para mi gusto, las &#250;ltimas cajas son las mejores, tienen un dise&#241;o m&#225;s elegante. V&#237;a Microsiervos
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.techradar.com/news/software/operating-systems/24-years-of-windows-package-design-643034">24 years of Windows package design</a>: en <a href="http://www.techradar.com/" title="">TechRadar</a> recopilan los dise&#241;os de las cajas en las que vinieron empacadas las diferentes versiones de Windows, desde la primer&#237;sima versi&#243;n hasta el recientemente lanzado Windows 7. Para mi gusto, las &#250;ltimas cajas son las mejores, tienen un dise&#241;o m&#225;s elegante. V&#237;a <a href="http://www.microsiervos.com/archivo/ordenadores/historia-visual-cajas-microsoft-windows.html" title="">Microsiervos</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/10/25/24-years-of-windows-package-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Swim</title>
		<link>http://capuccinoproductions.110mb.com/2009/08/24/swim/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/08/24/swim/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 02:37:16 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[Arte]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[imagen]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/08/24/swim/</guid>
		<description><![CDATA[	Swim: con un poco de HTML y CSS se puede lograr un obra sencilla que muestra una misma imagen desde dos &#225;ngulos diferentes. Muy bueno :). Obra de Stewdio, encontrado v&#237;a Trivium
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.stewdio.org/studies/swim/">Swim</a>: con un poco de <acronym title="HyperText Markup Language">HTML</acronym> y <acronym title="Cascading Style Sheets">CSS</acronym> se puede lograr un obra sencilla que muestra una misma imagen desde dos &#225;ngulos diferentes. Muy bueno :). Obra de <a href="http://stewdio.org/work/stewdio/" title="">Stewdio</a>, encontrado v&#237;a <a href="http://www.chneukirchen.org/trivium" title="">Trivium</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/08/24/swim/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 principios para buen diseño Web « Blog de noticias.deviantart.com</title>
		<link>http://capuccinoproductions.110mb.com/2009/08/03/9-principios-para-buen-diseno-web-%c2%ab-blog-de-noticiasdeviantartcom/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/08/03/9-principios-para-buen-diseno-web-%c2%ab-blog-de-noticiasdeviantartcom/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 06:48:19 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[principios]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/08/03/9-principios-para-buen-diseno-web-%c2%ab-blog-de-noticiasdeviantartcom/</guid>
		<description><![CDATA[	9 principios para buen dise&#241;o Web, una lista a tener en cuenta, en el blog de noticias.deviantart.com. V&#237;a Internet Microsiervos
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://noticiasda.wordpress.com/2009/02/04/9-principios-para-buen-diseno-web/">9 principios para buen dise&#241;o Web</a>, una lista a tener en cuenta, en el <a href="http://noticiasda.wordpress.com/" title="">blog de noticias.deviantart.com</a>. V&#237;a <a href="http://i.microsiervos.com/diseno/9-principios-diseno-web.html" title="">Internet Microsiervos</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/08/03/9-principios-para-buen-diseno-web-%c2%ab-blog-de-noticiasdeviantartcom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Django Design Patterns</title>
		<link>http://capuccinoproductions.110mb.com/2009/07/05/django-design-patterns/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/07/05/django-design-patterns/#comments</comments>
		<pubDate>Sun, 05 Jul 2009 06:12:47 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Django]]></category>
		<category><![CDATA[patrones]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/07/05/django-design-patterns/</guid>
		<description><![CDATA[	Django Design Patterns, una colecci&#243;n de los patrones encontrados en la implementaci&#243;n del framework Django. Dicen los autores: &#8220;Todos estos hacen m&#225;s f&#225;cil la colaboraci&#243;n, m&#225;s simple la codificaci&#243;n o m&#225;s mantenible el c&#243;digo. Ninguno de ellos son patrones de dise&#241;o en el sentido de los patrones de dise&#241;o de la GoF. Los llamamos patrones [...]]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://djangodesignpatterns.uswaretech.net/">Django Design Patterns</a>, una colecci&#243;n de los patrones encontrados en la implementaci&#243;n del framework <a href="http://www.djangoproject.com" title="">Django</a>. Dicen los autores: &#8220;Todos estos hacen m&#225;s f&#225;cil la colaboraci&#243;n, m&#225;s simple la codificaci&#243;n o m&#225;s mantenible el c&#243;digo. Ninguno de ellos son patrones de dise&#241;o en el sentido de los patrones de dise&#241;o de la <a title="Gang of Four" href="http://es.wikipedia.org/wiki/Gang_of_Four_(dise%C3%B1o)">GoF</a>. Los llamamos patrones de dise&#241;o porque ningun otro (t&#233;rmino) parec&#237;a m&#225;s cercano o conveniente&#8221;. Se ve sumamente interesante, habr&#225; que darle una revisada de todos modos&#8230; V&#237;a <a href="http://news.ycombinator.com" title="">Hacker News</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/07/05/django-design-patterns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Secrets of Simplicity: rules for being simple and usable</title>
		<link>http://capuccinoproductions.110mb.com/2009/07/03/secrets-of-simplicity-rules-for-being-simple-and-usable/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/07/03/secrets-of-simplicity-rules-for-being-simple-and-usable/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 20:13:45 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[interfaz de usuario]]></category>
		<category><![CDATA[simplicidad]]></category>
		<category><![CDATA[usabilidad]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/07/03/secrets-of-simplicity-rules-for-being-simple-and-usable/</guid>
		<description><![CDATA[	Secrets of Simplicity: rules for being simple and usable, presentaci&#243;n de Giles Colborne acerca de la simplicidad y la usabilidad en las interfaces de usuario. Sumamente interesante&#8230; V&#237;a Trivium
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.slideshare.net/cxpartners/secrets-of-simplicity">Secrets of Simplicity: rules for being simple and usable</a>, presentaci&#243;n de Giles Colborne acerca de la simplicidad y la usabilidad en las interfaces de usuario. Sumamente interesante&#8230; V&#237;a <a href="http://www.chneukirchen.org/trivium" title="">Trivium</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/07/03/secrets-of-simplicity-rules-for-being-simple-and-usable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Coffee Drinks Illustrated</title>
		<link>http://capuccinoproductions.110mb.com/2009/04/25/coffee-drinks-illustrated/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/04/25/coffee-drinks-illustrated/#comments</comments>
		<pubDate>Sat, 25 Apr 2009 06:52:10 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[Arte]]></category>
		<category><![CDATA[bebidas]]></category>
		<category><![CDATA[cafe]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[infografía]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/04/25/coffee-drinks-illustrated/</guid>
		<description><![CDATA[	Coffee Drinks Illustrated es una gu&#237;a gr&#225;fica creada por Lokesh Dhakar que muestra la composici&#243;n de diferentes bebidas de caf&#233;. Sumamente interesante, en especial para un aficionado al caf&#233; como yo ;). V&#237;a Microsiervos
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.lokeshdhakar.com/2007/08/20/an-illustrated-coffee-guide/">Coffee Drinks Illustrated</a> es una gu&#237;a gr&#225;fica creada por <a href="http://www.lokeshdhakar.com/" title="">Lokesh Dhakar</a> que muestra la composici&#243;n de diferentes bebidas de caf&#233;. Sumamente interesante, en especial para un aficionado al caf&#233; como yo ;). V&#237;a <a href="http://www.microsiervos.com/archivo/arte-y-diseno/tipos-cafes-infografia.html" title="">Microsiervos</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/04/25/coffee-drinks-illustrated/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>High Performance Web Sites :: don’t use @import</title>
		<link>http://capuccinoproductions.110mb.com/2009/04/14/high-performance-web-sites-don%e2%80%99t-use-import/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/04/14/high-performance-web-sites-don%e2%80%99t-use-import/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 20:43:49 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[@import]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/04/14/high-performance-web-sites-don%e2%80%99t-use-import/</guid>
		<description><![CDATA[	don&#8217;t use &#64;import en High Performance Web Sites blog. Tal como comprueba el autor, es mejor usar el tag link para incluir hojas de estilos que la directiva @import, porque la primera permite que las hojas de estilos se carguen en paralelo. Interesante&#8230; V&#237;a Hacker News
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.stevesouders.com/blog/2009/04/09/dont-use-import/">don&#8217;t use &#64;import</a> en <a href="http://www.stevesouders.com/blog/" title="">High Performance Web Sites blog</a>. Tal como comprueba el autor, es mejor usar el tag <code>link</code> para incluir hojas de estilos que la directiva <code>@import</code>, porque la primera permite que las hojas de estilos se carguen en paralelo. Interesante&#8230; V&#237;a <a href="http://news.ycombinator.com" title="">Hacker News</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/04/14/high-performance-web-sites-don%e2%80%99t-use-import/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>la mejor tarjeta de negocios del mundo</title>
		<link>http://capuccinoproductions.110mb.com/2009/04/12/la-mejor-tarjeta-de-negocios-del-mundo/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/04/12/la-mejor-tarjeta-de-negocios-del-mundo/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 01:56:00 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Video]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[negocios]]></category>
		<category><![CDATA[tarjeta de presentación]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/04/12/la-mejor-tarjeta-de-negocios-del-mundo/</guid>
		<description><![CDATA[	La mejor tarjeta de negocios del mundo. Punto y aparte. No hay m&#225;s nada que decir :). V&#237;a Projectionist

	(Discurso de vendedor aparte, es un concepto interesante)
 ]]></description>
			<content:encoded><![CDATA[	<p><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/4YBxeDN4tbk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/4YBxeDN4tbk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></br><p>La mejor tarjeta de negocios del mundo. Punto y aparte. No hay m&#225;s nada que decir :). V&#237;a <a href="http://project.ioni.st/post/2650#video_2650" title="">Projectionist</a></p>

	<p>(Discurso de vendedor aparte, es un concepto interesante)</p></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/04/12/la-mejor-tarjeta-de-negocios-del-mundo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>si yo fuera un robot&#8230;</title>
		<link>http://capuccinoproductions.110mb.com/2009/04/02/si-yo-fuera-un-robot/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/04/02/si-yo-fuera-un-robot/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 04:43:16 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Imagenes]]></category>
		<category><![CDATA[Arte]]></category>
		<category><![CDATA[dibujo]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Robocop]]></category>
		<category><![CDATA[robots]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/04/02/si-yo-fuera-un-robot/</guid>
		<description><![CDATA[	If I Was a Robot, divertida obra creada por Alex Noriega, de Barcelona, Espa&#241;a. Encontrada v&#237;a Hunson is Groovy.

	(Me encanta el s&#233;timo panel, el que dice &#8220;I&#8217;d hang out with Robocop&#8221; (Saldr&#237;a con Robocop) :) )
 ]]></description>
			<content:encoded><![CDATA[	<p><a href="http://hunsonisgroovy.com/post/91805858" target="_new"><img src="http://4.media.tumblr.com/eRzxOQo1Llr3odd3NMZKqzNko1_r1_500.jpg" ></a><p><a href="http://www.swiss-miss.com/2009/03/if-i-was-a-robot.html" title="">If I Was a Robot</a>, divertida obra creada por <a href="http://alexnoriegasketchblog.blogspot.com/" title="">Alex Noriega</a>, de Barcelona, Espa&#241;a. Encontrada v&#237;a <a href="http://hunsonisgroovy.com/post/91805858" title="">Hunson is Groovy</a>.</p>

	<p>(Me encanta el s&#233;timo panel, el que dice <em>&#8220;I&#8217;d hang out with Robocop&#8221;</em> (Saldr&#237;a con Robocop) :) )</p></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/04/02/si-yo-fuera-un-robot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Layout Gala</title>
		<link>http://capuccinoproductions.110mb.com/2009/03/23/layout-gala/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/03/23/layout-gala/#comments</comments>
		<pubDate>Mon, 23 Mar 2009 06:25:58 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/03/23/layout-gala/</guid>
		<description><![CDATA[	Layout Gala, una colecci&#243;n de 40 layouts CSS basados en el mismo HTML. Muy interesante, especialmente para mostrar la potencia de las CSS. V&#237;a la portada de Soup
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://blog.html.it/layoutgala/">Layout Gala</a>, una colecci&#243;n de 40 <em>layouts</em> CSS basados en el mismo <span class="caps">HTML</span>. Muy interesante, especialmente para mostrar la potencia de las <span class="caps">CSS</span>. V&#237;a la portada de <a href="http://www.soup.io" title="">Soup</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/03/23/layout-gala/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Operating System Interface Design Between 1981-2009</title>
		<link>http://capuccinoproductions.110mb.com/2009/03/12/operating-system-interface-design-between-1981-2009/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/03/12/operating-system-interface-design-between-1981-2009/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 19:54:11 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[historia]]></category>
		<category><![CDATA[interfaz gráfica de usuario]]></category>
		<category><![CDATA[sistemas operativos]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/03/12/operating-system-interface-design-between-1981-2009/</guid>
		<description><![CDATA[	Operating System Interface Design Between 1981-2009, un recorrido por algunas de las distintas interfaces gr&#225;ficas de usuario que han existido, desde sus inicios en el Xerox Palo Alto Research Center hasta el d&#237;a de hoy. No es exhaustivo, pero a&#250;n as&#237; es sumamente interesante. V&#237;a Microsiervos
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/">Operating System Interface Design Between 1981-2009</a>, un recorrido por algunas de las distintas interfaces gr&#225;ficas de usuario que han existido, desde sus inicios en el Xerox Palo Alto Research Center hasta el d&#237;a de hoy. No es exhaustivo, pero a&#250;n as&#237; es sumamente interesante. V&#237;a <a href="http://www.microsiervos.com/archivo/ordenadores/diseno-interfaces-1981-2009.html" title="">Microsiervos</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/03/12/operating-system-interface-design-between-1981-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>experimento: Capuccino Productions Inc. en modo texto</title>
		<link>http://capuccinoproductions.110mb.com/2009/03/01/experimento-capuccino-productions-inc-en-modo-texto/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/03/01/experimento-capuccino-productions-inc-en-modo-texto/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 06:29:41 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Asuntos Internos]]></category>
		<category><![CDATA[Notas]]></category>
		<category><![CDATA[accesibilidad]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[navegador modo texto]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/?p=789</guid>
		<description><![CDATA[	Siguiendo algunos enlaces desde el Anti-web Manifesto, llegu&#233; a la p&#225;gina de reglas para los amigos de la iniciativa Webless, las cuales se resumen as&#237;: cualquier sitio que se pueda usar con un navegador peque&#241;o, califica. Con &#8216;navegador peque&#241;o&#8217; se refieren a, por ejemplo, un navegador en modo texto, uno que se puede ejecutar desde [...]]]></description>
			<content:encoded><![CDATA[	<p>Siguiendo algunos enlaces desde el <a href="http://port70.net/webless/antiweb.html" title="">Anti-web Manifesto</a>, llegu&#233; a <a href="http://port70.net/webless/rules-friends.html" title="">la p&#225;gina de reglas para los amigos de la iniciativa Webless</a>, las cuales se resumen as&#237;: cualquier sitio que se pueda usar con un navegador peque&#241;o, califica. Con &#8216;navegador peque&#241;o&#8217; se refieren a, por ejemplo, un navegador en modo texto, uno que se puede ejecutar desde la l&#237;nea de comandos. Como, por ejemplo, <a href="http://w3m.sourceforge.net/" title="">w3m</a>, un navegador que viene instalado en Ubuntu Linux. Y entonces me pregunt&#233;: &#191;c&#243;mo se vera este humilde blog en un (humilde) navegador en modo texto? Y ya que ten&#237;a a la mano el w3m, decid&#237; hacer la prueba, cuyos resultados fueron los siguientes:</p>

	<p>(sigan el enlace que dice &#8216;Seguir leyendo&#8217; para el resto del post, con im&#225;genes)</p>

	<p><span id="more-789"></span></p>

	<p>As&#237; se ve la portada de Capuccino Productions Inc., en la zona de la cabecera (click en las imagenes para verlas a tama&#241;o completo):</p>

	<p><a href='http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-1.png'><img src="http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-1-300x164.png" alt="el blog visto con un navegador modo texto, parte 1 (cabecera)" title="capuccinoproductions - modo texto - cabecera" width="300" height="164" class="alignnone size-medium wp-image-790" /></a></p>

	<p>Nada mal, yo opino :). Se pueden apreciar detalles que est&#225;n ocultos cuando se usa un navegador gr&#225;fico, como por ejemplo la metadata del post (autor, etiquetas, n&#250;mero de comentarios, etc., ocultados para darle al blog un look menos cargado, propio de un tumblelog, como en <a href="http://www.soup.io" title="">Soup</a> o <a href="http://www.tumblr.com" title="">Tumblr</a>).</p>

	<p>As&#237; se ve un post de imagen:</p>

	<p><a href='http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-2.png'><img src="http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-2-300x164.png" alt="el blog visto en un navegador modo texto, parte 2 (post de imagen)" title="capuccinoproductions - modo texto - post de imagen" width="300" height="164" class="alignnone size-medium wp-image-791" /></a></p>

	<p>El texto color verde es el texto alternativo de la imagen, que lamentablemente no es muy descriptivo porque ese post lo import&#233; desde <a href="http://capuccinotemp.soup.io" title="">la Cafetera</a>, donde no tengo mucho control sobre el texto alternativo de las im&#225;genes. (Un detalle a mejorar en mi teletransportador autom&#225;gico de posts :)).</p>

	<p>As&#237; se ve un post de video:</p>

	<p><a href='http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-3.png'><img src="http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-3-300x164.png" alt="el blog visto con un navegador modo texto, parte 3 (post de video)" title="capuccinoproductions - modo texto - video" width="300" height="164" class="alignnone size-medium wp-image-792" /></a></p>

	<p>Como es obvio, no se puede mostrar el video por tratarse de un navegador en modo texto, as&#237; que se muestra el origen del video incrustado. Como la letra cursiva tambi&#233;n es mucho pedir para un navegador modo texto, se usa el subrayado en su lugar, como se puede ver en la &#250;ltima frase.</p>

	<p>Finalmente, este es el pie de p&#225;gina:</p>

	<p><a href='http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-4.png'><img src="http://capuccinoproductions.110mb.com/wp-content/uploads/2009/03/capuccinoproductions-w3m-4-300x164.png" alt="el blog visto con un navegador modo texto, parte 4 (pie)" title="capuccinoproductions - modo texto - pie" width="300" height="164" class="alignnone size-medium wp-image-793" /></a></p>

	<p>Lo que ocurre aqu&#237; y que tal vez no se aprecia muy bien, es que las barras laterales, donde est&#225;n los enlaces a los departamentos y las otras secciones y el cuadrito de &#8216;Acerca de&#8217;, aparecen al &#250;ltimo, despu&#233;s del contenido principal. Esto sucede porque el <span class="caps">HTML</span> de la p&#225;gina est&#225; estructurado de ese modo (primero cabecera y contenido, luego barras laterales, luego pie) y se usa un poco de magia <span class="caps">CSS</span> para que quede tal como lo ven ustedes en la pantalla de sus navegadores, la cual es ignorada por el w3m, que muestra la p&#225;gina reflejando la estructura <span class="caps">HTML</span> original. Lo cual, en mi opini&#243;n, no queda nada mal: contenido importante primero (cabecera y contenido) y contenido accesorio despu&#233;s (barras laterales y pie).</p>

	<p>Lo &#250;nico que descalificar&#237;a a mi blog para la lista de amigos de la iniciativa Webless es el historial, que es una lista desplegable (mostrada en color rojo y entre corchetes en la &#250;ltima imagen) que usa un poquito de Javascript para su funcionamiento y no provee ninguna alternativa sin Javascript. Pero bueno, eso lo arreglar&#233; en el siguiente gran redise&#241;o del blog ;).</p>

	<p>Bueno, esa fue toda la interesante experiencia. Me sirvi&#243; para tener algunas pistas sobre que puedo mejorar en el siguiente dise&#241;o del blog para hacerlo m&#225;s sencillo y accesible desde navegadores m&#225;s simples. Y eso es bueno :). Ya saben lo que dicen: simple es bello. Nos vemos&#8230;</p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/03/01/experimento-capuccino-productions-inc-en-modo-texto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pulse Laser: Endless Notebooks</title>
		<link>http://capuccinoproductions.110mb.com/2009/02/27/pulse-laser-endless-notebooks/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/02/27/pulse-laser-endless-notebooks/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 04:26:02 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[cuadernos]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[mundo físico]]></category>
		<category><![CDATA[renovación]]></category>
		<category><![CDATA[servicios]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/02/27/pulse-laser-endless-notebooks/</guid>
		<description><![CDATA[	Endless Notebooks, en Pulse Laser: ideas sobre c&#243;mo implementar un servicio de &#8216;cuadernos infinitos&#8217;, o m&#225;s bien de &#8216;renovaci&#243;n&#8217; de cuadernos: una vez que se ha usado buena parte de un cuaderno, se entrega el mismo a un servicio que se encarga de desarmar el cuaderno, quitar las hojas usadas, a&#241;adir hojas nuevas y armar [...]]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://schulzeandwebb.com/blog/2009/02/25/endless-notebooks/">Endless Notebooks</a>, en <a href="http://schulzeandwebb.com/blog/" title="">Pulse Laser</a>: ideas sobre c&#243;mo implementar un servicio de &#8216;cuadernos infinitos&#8217;, o m&#225;s bien de &#8216;renovaci&#243;n&#8217; de cuadernos: una vez que se ha usado buena parte de un cuaderno, se entrega el mismo a un servicio que se encarga de desarmar el cuaderno, quitar las hojas usadas, a&#241;adir hojas nuevas y armar el cuaderno de nuevo, de modo que se devuelve al due&#241;o las hojas usadas, para archivar, y un cuaderno con nuevas hojas para seguir trabajando&#8230; Interesante idea&#8230; V&#237;a <a href="http://chneukirchen.org/trivium/" title="">Trivium</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/02/27/pulse-laser-endless-notebooks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>los programadores y la complejidad</title>
		<link>http://capuccinoproductions.110mb.com/2009/02/23/los-programadores-y-la-complejidad/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/02/23/los-programadores-y-la-complejidad/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 20:54:59 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Citas citables]]></category>
		<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[ingeniería de software]]></category>
		<category><![CDATA[programación]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/02/23/los-programadores-y-la-complejidad/</guid>
		<description><![CDATA[	Los programadores&#8230; a menudo se refugian en una entendible pero desastrosa inclinaci&#243;n hacia la complejidad y la ingenuidad en su trabajo. Prohibidos de dise&#241;ar nada m&#225;s grande que un programa, responden haciendo ese programa lo suficientemente intrincado como para desafiar su habilidad profesional.- Michael A. Jackson, Principles of Program Design
 ]]></description>
			<content:encoded><![CDATA[	<p><blockquote>Los programadores&#8230; a menudo se refugian en una entendible pero desastrosa inclinaci&#243;n hacia la complejidad y la ingenuidad en su trabajo. Prohibidos de dise&#241;ar nada m&#225;s grande que un programa, responden haciendo ese programa lo suficientemente intrincado como para desafiar su habilidad profesional.</blockquote><p class="fuente">- Michael A. Jackson, <a href="http://www.amazon.com/gp/product/0123790506?ie=UTF8&#038;tag=tdw-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0123790506" title="">Principles of Program Design</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/02/23/los-programadores-y-la-complejidad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Better CSS Font Stacks</title>
		<link>http://capuccinoproductions.110mb.com/2009/01/11/better-css-font-stacks/</link>
		<comments>http://capuccinoproductions.110mb.com/2009/01/11/better-css-font-stacks/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 05:33:55 +0000</pubDate>
		<dc:creator>ricardo</dc:creator>
				<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[Enlaces]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[fuentes]]></category>
		<category><![CDATA[tipografía]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://capuccinoproductions.110mb.com/2009/01/11/better-css-font-stacks/</guid>
		<description><![CDATA[	Better CSS Font Stacks, algunos tips sobre c&#243;mo elegir los tipos de letras para las p&#225;ginas Web y c&#243;mo tomar ventaja de los &#8216;font stacks&#8217;, la lista de tipos de letra que se indica en el atributo font-family de CSS (la cual va ordenada por prioridades). Interesante&#8230; V&#237;a Trivium
 ]]></description>
			<content:encoded><![CDATA[	<p><a class="principal" href="http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/">Better <span class="caps">CSS </span>Font Stacks</a>, algunos tips sobre c&#243;mo elegir los tipos de letras para las p&#225;ginas Web y c&#243;mo tomar ventaja de los &#8216;font stacks&#8217;, la lista de tipos de letra que se indica en el atributo <code>font-family</code> de <span class="caps">CSS </span>(la cual va ordenada por prioridades). Interesante&#8230; V&#237;a <a href="http://chneukirchen.org/trivium/" title="">Trivium</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://capuccinoproductions.110mb.com/2009/01/11/better-css-font-stacks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
