<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2spanishfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Sopa de Pixels</title>
	
	<link>http://www.sopadepixels.com</link>
	<description />
	<lastBuildDate>Thu, 05 Mar 2009 11:43:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/sopadepixels" /><feedburner:info uri="sopadepixels" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>sopadepixels</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fsopadepixels" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/sopadepixels" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fsopadepixels" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fsopadepixels" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fsopadepixels" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://add.my.yahoo.com/content?lg=es&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fsopadepixels" src="http://eur.i1.yimg.com/eur.yimg.com/i/es/my/addto1.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.feedness.com/alta/http://feeds.feedburner.com/sopadepixels" src="http://www.feedness.com/ayuda/wp-content/square_b_sh_feed.gif">Subscribe with Feedness</feedburner:feedFlare><item>
		<title>Sobre la autenticidad y la credibilidad on-line y la metedura de pata de Rosa Díez en Twitter</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/45HgFGd7MR8/</link>
		<comments>http://www.sopadepixels.com/sobre-la-autenticidad-y-la-credibilidad-on-line-y-la-metedura-de-pata-de-rosa-diez-en-twitter/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 11:43:57 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=40</guid>
		<description><![CDATA[Rosa Díez, la cabeza visible del partido político UPyD se animó, como muchos otros políticos en estos últimos tiempos, a participar en las redes sociales como parte de la estrategia de propaganda de su partido.
La polémica se ha desatado cuando Rosa Díez ha twitteado apareciendo, a la vez, en directo por televisión dejando en evidencia [...]]]></description>
			<content:encoded><![CDATA[<p>Rosa Díez, la cabeza visible del partido político UPyD se animó, como muchos otros políticos en estos últimos tiempos, a participar en las redes sociales como parte de la estrategia de propaganda de su partido.</p>
<p>La polémica se ha desatado cuando <a href="http://www.juanlusanchez.com/archivos/2009/03/02/la-ubicuidad-de-rosa-diez/" class="externo">Rosa Díez ha twitteado apareciendo, a la vez, en directo por televisión</a> dejando en evidencia que no era ella quien escribía en su twitter. Posteriormente a este suceso, la criatura en cuestión ha cancelado definitivamente su cuenta en twitter.</p>
<p><img src="http://www.sopadepixels.com/wp-content/uploads/2009/03/rosa-diez.jpg" alt="me piro" title="me piro" width="500" height="403" class="alignnone size-full wp-image-44" /></p>
<p>Respecto a este caso hay dos cuestiones claramente diferenciadas:</p>
<ul>
<li>Por un lado, el hecho de que Rosa haya cerrado su cuenta twitter demuestra que <strong>muchos están dando palos de ciego en la red</strong> y que deberían buscar alguien que tenga alguna idea sobre como funcionan los medios sociales que les asesorase un poco. Aunque a veces, casi mejor que no. Que lo hagan como lo hacen. Es mucho más divertido, donde va a parar.</li>
<li>Por otro lado, abre una <strong>reflexión sobre la autenticidad en los medios sociales</strong></li>
</ul>
<p>Respecto al primer punto estamos la mayoría de acuerdo. Esta señora no tiene un asesor en Social Media Optimization (SMO) y no ha entendido qué significa entrar en la conversación on-line de los medios sociales. </p>
<p><strong>Los políticos están acostumbrados a que su discurso sea unidireccional</strong> y al entrar en la conversiación, mientras hay felicitaciones y elogios el medio les parece fantástico. Pero las críticas no tardarán en llegar. Y en el soporte on-line tenemos las mismas posibilidades de acceso a las críticas que a su discurso.<br />
Al verse en tal berenjenal, Rosa Díez ha cerrado su cuenta Twitter. </p>
<p>Tarde.<br />
Al cerrar su cuenta no ha cerrado el canal. </p>
<p>Es más, <a href="http://search.twitter.com/search?q=rosa+d%C3%ADez" class="externo">ahora todo el mundo habla de este hecho</a>. Yo mismo, puse un <a href="http://twitter.com/sopadepixels/status/1273517701" class="externo">twitt sobre el tema de la ubicuidad</a> pero no tenía intención de escribir un post sobre ello hasta este último acontecimiento. </p>
<p>Respecto al segundo punto, leo a Jose Llinares diciendo que <a href="http://www.josellinares.com/rosa-diez-cierra-su-centa-de-twitter-como-se-deben-hacer-las-cosas-en-la-web-social/" class="externo">es nomal que Rosa Díez no escriba su cuenta</a>. Este es el debate que me parece más interesante.</p>
<p>Tienes una cuenta con tu nombre que utilizas para participar en la conversación utilizando un lenguaje personal y respondiendo a los usuarios publicando twitts como:</p>
<blockquote><p>&#8220;<em>@luisrull @pacobarranco Me ha sido imposible entre coche y coche, la jornada estuvo muy apretada, lo siento</em>&#8220;</p></blockquote>
<blockquote><p>&#8220;<em>@fernandomaronas @JamSession @Naroh @WillAlvein @juanjaen @makoworks @davidmillan @bruxi @fesja @slashizzy @Naruedyoh<br />
Gracias, de verdad</em>&#8220;.</p></blockquote>
<p> Si después resulta que lo que aparece en ella no lo escribes tú, lo que estás haciendo es engñar a la gente. Y en la red, mejor que en cualquier otro lugar, se pilla antes a un mentiroso que a un cojo. </p>
<p>No significa que en tu cuenta no pueda escribir más gente, pero <strong>debe estar diferenciado</strong>. El lector lo debe tener claro. Se debería marcar qué escribe ella y qué su gabinete. </p>
<p>Tal vez esto sea una funcionalidad técnica que le falté a twitter, pero actualmente hay modos de solucionarlo. <a href="http://www.softonic.com/" class="externo">Softonic</a>, ejemplo de muy buena estrategia SMO, marca de forma clara quién escribe cada Twitt publicado en <a href="http://www.twitter.com/softonic" class="externo">su cuenta</a> con una almohadilla.</p>
<p>En conclusión: &#8220;<em>Ay Manolete, si no sabes torear pa que te metes</em>&#8221;</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/45HgFGd7MR8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/sobre-la-autenticidad-y-la-credibilidad-on-line-y-la-metedura-de-pata-de-rosa-diez-en-twitter/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/sobre-la-autenticidad-y-la-credibilidad-on-line-y-la-metedura-de-pata-de-rosa-diez-en-twitter/</feedburner:origLink></item>
		<item>
		<title>Dropbox, disco duro virtual con 2Gb de almacenamiento on-line gratuito</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/fyxuux7WADY/</link>
		<comments>http://www.sopadepixels.com/dropbox-disco-duro-virtual-con-2gb-de-almacenamiento-on-line-gratuito/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 13:43:15 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[Apps gratis]]></category>
		<category><![CDATA[Recursos web]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=29</guid>
		<description><![CDATA[Dropbox es una herramienta que nos ofrece sincronización de archivos en nuestras máquinas con la web.
Como dice Think Wasabi: &#8220;así tenía que haber sido iDisk&#8220;.
Tiene una versión gratuita con 2Gb de almacenamiento y una versión de pago por 9.99$/mes o 99$/año en la que puedes disponer de hasta 50Gb.

Entras en la web, te instalas una [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Dropbox" href="http://www.getdropbox.com/" class="externo">Dropbox</a> es una herramienta que nos ofrece sincronización de archivos en nuestras máquinas con la web.</p>
<p>Como dice Think Wasabi: &#8220;<a href="http://www.thinkwasabi.com/2008/12/19/mis-10-aplicaciones-imprescindibles/" class="externo">así tenía que haber sido iDisk</a>&#8220;.</p>
<p>Tiene una versión gratuita con 2Gb de almacenamiento y una versión de pago por 9.99$/mes o 99$/año en la que puedes disponer de hasta 50Gb.</p>
<p><img class="alignnone size-full wp-image-30" title="dropbox" src="http://www.sopadepixels.com/wp-content/uploads/2009/02/dropbox.png" alt="dropbox" width="211" height="54" /></p>
<p>Entras en la web, te instalas una pequeña aplicación multiplataforma, te registras y te crea una carpeta llamada Dropbox. Todo lo que copies en esta carpeta se sincronizará, al momento, con tu espacio on-line. Así de fácil. Copiar / Pegar.</p>
<p>Personalmente, le estoy dando un uso bastante intensivo, a nivel profesional, a la opción de compartir una carpeta manteniéndola sincronizada entre todos los usuarios con los que esté compartida.</p>
<p>Tiene otras funcionalidades interesantes como la posibilidad de poner archivos en una carpeta &#8220;Public&#8221; generando una url pública para cada archivo o la posibilidad de crear álbumes de fotos automáticamente.</p>
<p>Y, por supuesto, también puedes gestionar toda tu información y documentos directamente desde la web en la que hay implementado, incluso, un sistema de control de versiones.</p>
<p>A parte de la útilidad más directamente obvia para Dropbox están apareciendo otros usos creativos como el que propone Joel on Software para <a href="http://www.joelonsoftware.com/items/2008/09/11b.html" class="externo">gestionar passwords de manera sincronizada</a> o la posibilidad de sincronización de los datos de distintas aplicaciones entre máquinas. Como el ejemplo de Yogur Griego, que nos explica <a href="http://hronia.blogalia.com/historias/59424" class="externo">como sincronizar Things</a>. El fantástico programa de tareas (GTD) para Mac.</p>
<p>Simplemente decir que en el poco tiempo que he utilizado Dropbox se ha vuelto, para mi, imprescindible.</p>
<p>Enlace: <a title="Dropbox" href="https://www.getdropbox.com/" class="externo">Dropbox</a></p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/fyxuux7WADY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/dropbox-disco-duro-virtual-con-2gb-de-almacenamiento-on-line-gratuito/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/dropbox-disco-duro-virtual-con-2gb-de-almacenamiento-on-line-gratuito/</feedburner:origLink></item>
		<item>
		<title>Tita WTF en el Ikea de Badalona</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/P1_I5RIJbYQ/</link>
		<comments>http://www.sopadepixels.com/tita-wtf-en-el-ikea-de-badalona/#comments</comments>
		<pubDate>Wed, 24 Dec 2008 11:27:02 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[WTF]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=27</guid>
		<description><![CDATA[Ayer a las 11:20h de la mañana andaba yo por el Ikea de Badalona cuando, en la sección infantil, buscando un regalo de navidad me encuentro este, cuanto menos, curioso cartel:

Y no ha podido salir de mi boca otra expresión que no fuese WTF!
Para los que no habléis catalán os informo que &#8220;tita&#8221;, en catalán, [...]]]></description>
			<content:encoded><![CDATA[<p>Ayer a las 11:20h de la mañana andaba yo por el Ikea de Badalona cuando, en la sección infantil, buscando un regalo de navidad me encuentro este, cuanto menos, curioso cartel:</p>
<p><a href="http://www.sopadepixels.com/wp-content/uploads/2008/12/tita.jpg"><img class="alignnone size-full wp-image-28" title="tita" src="http://www.sopadepixels.com/wp-content/uploads/2008/12/tita.jpg" alt="jugete infantil tita" width="480" height="640" /></a></p>
<p>Y no ha podido salir de mi boca otra expresión que no fuese WTF!</p>
<p>Para los que no habléis catalán os informo que &#8220;tita&#8221;, en catalán, sería algo así como &#8220;pilila&#8221; en castellano.</p>
<p>Teniendo en cuenta este dato, la descrpción del producto de 4,99€ se torna aún más WTF:</p>
<p>&#8220;Medida única, ideal para manos grandes y pequeñas&#8221;</p>
<p>A veces el sueco juega malas pasadas&#8230;</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/P1_I5RIJbYQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/tita-wtf-en-el-ikea-de-badalona/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/tita-wtf-en-el-ikea-de-badalona/</feedburner:origLink></item>
		<item>
		<title>Quiero subir música a Blip.fm / I want to upload music on Blip.fm</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/crk2WR9sTk4/</link>
		<comments>http://www.sopadepixels.com/quiero-subir-musica-a-blipfm-i-want-to-upload-music-on-blipfm/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 23:07:28 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[La Web]]></category>
		<category><![CDATA[Recursos web]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=26</guid>
		<description><![CDATA[Blip.fm, para los que no lo conozcáis, es un site en el que se da una vuelta de tuerca al concepto de microblogging utilizando las ventajas que tienen estos servicios de comunicación asíncrona (Twitter, plurk, &#8230;) para crear un sistema de recomendación musical.
A diferencia de otros sistemas de recomendación, Blip.fm utiliza el potencial humano que [...]]]></description>
			<content:encoded><![CDATA[<p>Blip.fm, para los que no lo conozcáis, es un site en el que se da una vuelta de tuerca al concepto de microblogging utilizando las ventajas que tienen estos servicios de comunicación asíncrona (Twitter, plurk, &#8230;) para crear un sistema de recomendación musical.</p>
<p>A diferencia de otros sistemas de recomendación, Blip.fm utiliza el potencial humano que soporta las redes sociales para descubrirte nuevas bandas. No es una máquina quien te propone recomendaciones, directamente escuchas la música que publican tus contactos.</p>
<p>En Blip.fm, tus &#8220;Blips&#8221; contienen un comentario (con los 140 carácteres máximos habituales) y una canción. Esa canción puedes escogerla de la base de datos del sitio o podías (hasta ayer) subirla desde tu disco duro y publicarla para que todos puediesen referirla también.</p>
<p>El &#8220;hasta ayer&#8221; es el motivo de este post.</p>
<p>Ayer Blip.fm publicaba en su <a class="externo" title="save blip.fm" href="http://blog.blip.fm/2008/11/19/from-uploads-to-urls/">blog oficial </a>la triste notícia de la desactivación del servicio de &#8220;upload&#8221;.</p>
<p>Para mi, entre muchos otros, se ha convertido, en muy poco tiempo, en la vía principal para escuchar y conocer música on-line. Y pienso que desactivar este servicio elimina gran parte del potencial que ofrecía esta plataforma.</p>
<p><a class="externo" title="Jose Llinares" href="http://www.josellinares.com/">Jose Llinares</a>, <a title="Sinestesia" class="externo" href="http://www.sinestesia.es/">Sinestesia</a> y yo mismo hemos decidido iniciar una campaña para reclamar la puesta en marcha, de nuevo, del &#8220;upload&#8221; en Blip.fm. Para tal motivo hemos creado unos banners que podéis insertar en vuestros sites fácilmente para apoyar la campaña.</p>
<p>Quien se anime puede descargar la imágen que prefiera, colgarla en su servidor y poner el enlace o simplemente copiar el código de iimmgg.com o imageshack.com que os ofrezco a continuación:</p>
<p><span id="more-26"></span></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/5236861a42b6abf29b227cd8b7aa9c66.png" width="160" height="45" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/5236861a42b6abf29b227cd8b7aa9c66.png" width="160" height="45" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img48.imageshack.us/img48/2327/saveblip250greenve3.png" width="160" height="45" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/28a8c1597e8eb61cb741f9f01db74f5e.png" width="160" height="45" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/28a8c1597e8eb61cb741f9f01db74f5e.png" width="160" height="45" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/5602/saveblip250blackur5.png" width="160" height="45" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/4e9894d8d28f6b89bc625a4a5ee22bf9.png" width="160" height="45" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/4e9894d8d28f6b89bc625a4a5ee22bf9.png" width="160" height="45" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/6061/saveblip250whitehg9.png" width="160" height="45" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/328cb342b3b601855f277eb2517187da.png" width="160" height="45" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/328cb342b3b601855f277eb2517187da.png" width="160" height="45" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/4693/saveblip250bluetr7.png" width="160" height="45" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/2f6d5f28a32dd26bb35ce29fa96d2b6a.png" width="125" height="125" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/2f6d5f28a32dd26bb35ce29fa96d2b6a.png" width="125" height="125" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/3560/saveblip125blackqb1.png" width="125" height="125" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/3bcc772821e7950d09546d75a14d934c.png" width="125" height="125" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/3bcc772821e7950d09546d75a14d934c.png" width="125" height="125" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/1303/saveblip125whitefz3.png" width="125" height="125" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/bb3adcdda0cb433014bf077c55cc4478.png" width="125" height="125" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/bb3adcdda0cb433014bf077c55cc4478.png" width="125" height="125" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://img291.imageshack.us/img291/333/saveblip125bluelg3.png" width="125" height="125" border="0" /></a></textarea></p>
<p><a href="http://blip.fm" title="i want to upload music on Blip.fm"><br />
<img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/94502d87e79e3f6d41639b338f4d2ff8.png" width="125" height="125" border="0"><br />
</a><br />
iimgg<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src="http://i.iimmgg.com/images/th/94502d87e79e3f6d41639b338f4d2ff8.png" width="125" height="125" border="0" /></a></textarea></p>
<p>imageshack<br />
<textarea cols="50" rows="5"><a href="http://blip.fm" title="i want to upload music on Blip.fm"><img alt="i want to upload music on Blip.fm" src=http://img291.imageshack.us/img291/1701/saveblip125greeniu5.png" width="125" height="125" border="0" /></a></textarea></p>
<p>Finalmente solo quiero aclarar de antemano que no tenemos ninguna relación comercial de ningún tipo con Blip.fm. Sólo somos usuarios que queremos que vuelva nuestro deseado upload.</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/crk2WR9sTk4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/quiero-subir-musica-a-blipfm-i-want-to-upload-music-on-blipfm/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/quiero-subir-musica-a-blipfm-i-want-to-upload-music-on-blipfm/</feedburner:origLink></item>
		<item>
		<title>Habemus Google Street View</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/tVkFxEUjyAk/</link>
		<comments>http://www.sopadepixels.com/habemus-google-street-view/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 11:31:16 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[La Web]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=24</guid>
		<description><![CDATA[Desde hoy tenemos disponible el servicio de Google Street View para múltiples ciudades dentro del territorio del estado español.

Como ya comenté desde hace un tiempo se ven circular sus coches con cámara incorporada por distintas ciudades.
De momento el servicio solo está disponible para Madrid, Barcelona, Valencia y Sevilla pero dentro de poco se irán añadiendo [...]]]></description>
			<content:encoded><![CDATA[<p>Desde hoy tenemos disponible el servicio de Google Street View para múltiples ciudades dentro del territorio del estado español.</p>
<p><a href="http://maps.google.com/maps?f=q&#038;hl=ca&#038;geocode=&#038;q=sagrada+familia,+Barcelona,+Spain&#038;sll=41.392715,2.216792&#038;sspn=0.023567,0.05579&#038;layer=c&#038;ie=UTF8&#038;ll=41.405632,2.173802&#038;spn=0.00589,0.013947&#038;t=h&#038;z=17&#038;cbll=41.40344,2.173076&#038;panoid=c0YpcDsIxiKaGYkd4NVMPQ&#038;cbp=1,71.91318327974315,,0,-27.556270096463024"><img class="alignnone size-full wp-image-25" title="Google Street View en Barcelona" src="http://www.sopadepixels.com/wp-content/uploads/2008/10/street_view_bcn_sopadepixels.jpg" alt="" width="500" height="337" /></a></p>
<p><a title="Google Street View en Barcelona" href="http://www.sopadepixels.com/google-street-view-en-barcelona/">Como ya comenté</a> desde hace un tiempo se ven circular sus coches con cámara incorporada por distintas ciudades.</p>
<p>De momento el servicio solo está disponible para Madrid, Barcelona, Valencia y Sevilla pero dentro de poco se irán añadiendo nuevas ciudades. Si tenéis la suerte de residir en alguna de estas primeras, no dudéis en probarlo y, casi por obligación, buscad a ver que tal ha quedado fotografiada vuestra casa.</p>
<p>Estoy impaciente de que Google publique la API de este servicio con el que creo que se pueden llegar a conseguir grandes aplicaciones como ha sucedido con los distintos servicios de información geográfica de la compañía.</p>
<p>¿Tenéis ya alguna idea?</p>
<p>Vía: <a title="Google Street View en Barcelona" href="http://google.dirson.com/post/4162-google-street-view-espana/" class="externo" target="blank">Google Dirson</a></p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/tVkFxEUjyAk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/habemus-google-street-view/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/habemus-google-street-view/</feedburner:origLink></item>
		<item>
		<title>Tube-adventures o la imprevisible creatividad del usuario web 2.0</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/zUdEwvFlY7A/</link>
		<comments>http://www.sopadepixels.com/tube-adventures-o-la-imprevisible-creatividad-del-usuario-web-20/#comments</comments>
		<pubDate>Wed, 30 Jul 2008 23:20:55 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[La Web]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=22</guid>
		<description><![CDATA[Que en la web 2.0 los usuarios son los generadores de contenido es algo ya conocido. Esos contenidos se publican en plataformas preexistentes, que no tienen contenido por sí mismas y que, por lo tanto, son básicamente software. Software que es desarrollado para que el usuario lo utilice para algo en concreto, con una finalidad [...]]]></description>
			<content:encoded><![CDATA[<p>Que en la <a href="http://es.wikipedia.org/wiki/Web_2.0" class="externo" alt="Web2.0 en la wikipedia">web 2.0</a> los usuarios son los generadores de contenido es algo ya conocido. Esos contenidos se publican en plataformas preexistentes, que no tienen contenido por sí mismas y que, por lo tanto, son básicamente software. Software que es desarrollado para que el usuario lo utilice para algo en concreto, con una finalidad teórica clara.</p>
<p>Teórica es una palabra clave.</p>
<p>Por ejemplo, <a href="http://es.sclipo.com/" class="externo">Sclipo</a> es una web “estilo youtube” donde los usuarios comparten conocimientos sobre diferentes temas en forma de explicaciones en vídeo o videotutoriales. ¿Qué diferencia esta web de youtube? El software es el mismo y el contenido lo publican los usuarios ¿no? Que una sea una red generalista y la otra una enfocada al aprendizaje es una decisión de marketing basada en el modelo de negocio de cada plataforma.</p>
<p>¿Porqué <a href="http://www.tuenti.com" class="externo">Tuenti</a> es una red social de universitarios y <a href="http://www.yunu.com" class="externo">Yunu</a> de “ligoteo”? ¿A caso el contenido no es generado por el usuario? ¿Y si uso Tuenti para ligar y Yunu para hacer amigos? El software lo permite.</p>
<p>Podría darse que una herramienta sea utilizada por los usuarios para finalidades que los desarrolladores del sofware ni siquiera habían imaginado.</p>
<p>Podría darse y, de hecho, se da.</p>
<p>Uno de los casos en que se dan un gran número de usos creativos son las herramientas de microblogging como <a href="http://www.twitter.com" class="externo">Twitter</a>.</p>
<p>Twitter te ofrece una herramienta de comunicación asíncrona en la que puedes escribir, publicar y compartir, mensajes de hasta 140 carácteres. Twitter te pregunta “What are you doing?” y los usuarios lo usan para explicar lo que hacen en cada momento, claro. Y como <a href="http://www.rememberthemilk.com/services/twitter/" class="externo" alt="remember the milk en twitter">recordatorio de tareas</a>, y para publicar los <a href="http://twitter.com/conciertosbcn" class="externo" alt="conciertos en barcelona">últimos conciertos</a> añadidos a un website de conciertos y para&#8230; y para&#8230; y para. <a href="http://www.twitter.com/sopadepixels" class="externo" alt="Twitter de SopadePixels">Yo mismo utilizo Twitter</a>, entre otras cosas, como una extensión de este blog donde publico enlaces interesantes que encuentro en internet a lo largo del día.</p>
<p>Qué grande es internet.</p>
<p><img src="http://www.sopadepixels.com/wp-content/uploads/2008/07/tubeadventures.jpg" alt="Fotograma de Tube-adventures" title="Fotograma de Tube-adventures" width="480" height="270" /></p>
<p>Un ejemplo de esta imprevisibilidad que me ha sorprendido grata y especialmente está en Youtube, que recientemente ha incorporado la posibilidad de añadir, superpuestas a los vídeos, <a href="http://es.youtube.com/t/annotations_about?locale=es_ES&amp;persist_locale=1" class="externo" alt="anotaciones en youtube">anotaciones con enlaces</a>. En <a href="http://corderotv.blogspot.com/2008/07/tube-adventures-en-busca-de-la-panadera.html" class="externo">Corderotv</a> se han servido de esta nueva funcionalidad para crear <a href="http://es.youtube.com/watch?v=BckqqsJiDUI" class="externo" alt="Tube-adventures, videojuego en youtube">Tube-Adventures</a>, utilizando las anotaciones para enlazar distintos vídeos entre sí creando, dentro del mismo Youtube, una aventura interactiva en forma de videojuego. <a href="http://es.youtube.com/watch?v=BckqqsJiDUI" class="externo" alt="Tube-adventures, videojuego en youtube">No os lo perdáis</a>.</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/zUdEwvFlY7A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/tube-adventures-o-la-imprevisible-creatividad-del-usuario-web-20/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/tube-adventures-o-la-imprevisible-creatividad-del-usuario-web-20/</feedburner:origLink></item>
		<item>
		<title>40 recursos para la creación de layouts en CSS</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/P0bgPg68AE8/</link>
		<comments>http://www.sopadepixels.com/40-recursos-para-la-creacion-de-layouts-en-css/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 19:15:51 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[Diseño interacción]]></category>
		<category><![CDATA[XHTML y CSS]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=21</guid>
		<description><![CDATA[De la forma en la que nos tiene habituados, en noupe.com han hecho una nueva recopilación.
Esta vez la recopilación consiste en 40 recursos para diseño de layouts con css.
Entre ellos encontramos tutoriales, tips y “best practices” para el diseño y diagramación de sites en (X)HTML y CSS.
Imprescindible en los favoritos de cualquier diseñador / maquetador [...]]]></description>
			<content:encoded><![CDATA[<p>De la forma en la que nos tiene habituados, en <a title="Noupe" href="http://www.noupe.com" class="externo">noupe.com</a> han hecho una nueva recopilación.</p>
<p>Esta vez la recopilación consiste en 40 recursos para diseño de layouts con css.<br />
Entre ellos encontramos tutoriales, tips y “best practices” para el diseño y diagramación de sites en (X)HTML y CSS.</p>
<p>Imprescindible en los favoritos de cualquier diseñador / maquetador web.</p>
<p>Vía: <a title="CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices"  class="externo" href="http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html">noupe.com</a></p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/P0bgPg68AE8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/40-recursos-para-la-creacion-de-layouts-en-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/40-recursos-para-la-creacion-de-layouts-en-css/</feedburner:origLink></item>
		<item>
		<title>Balance sobre el actual estado de la web</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/tYmuCh73vT8/</link>
		<comments>http://www.sopadepixels.com/balance-sobre-el-actual-estado-de-la-web/#comments</comments>
		<pubDate>Wed, 09 Jul 2008 09:27:06 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[La Web]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=20</guid>
		<description><![CDATA[Mathew Inman ha creado una ilustración a modo de resumen del estado de la web en este verano de 2008:

ver ilustración: &#8220;The State of the Web&#8221;
Si hiciésemos la misma ilustración en años anteriores, ¿creéis que cambiaría algo más que los logos? ¿podríamos definir situaciones parecidas de forma cíclica cual materialismo histórico?
No estoy seguro de ello, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://0at.org/" class="externo">Mathew Inman</a> ha creado una ilustración a modo de resumen del estado de la web en este verano de 2008:</p>
<p style="text-align: center;"><img class="alignnone" src="http://www.sopadepixels.com/wp-content/uploads/2008/07/0001_twitter_plurk.png" alt="Twitter" /></p>
<p style="text-align: center;"><a class="externo" title="The Stqate of the Web" href="http://0at.org/summer-2008.html">ver ilustración: &#8220;The State of the Web&#8221;</a></p>
<p>Si hiciésemos la misma ilustración en años anteriores, ¿creéis que cambiaría algo más que los logos? ¿podríamos definir situaciones parecidas de forma cíclica cual materialismo histórico?</p>
<p>No estoy seguro de ello, pero imagino, por ejemplo:</p>
<ul>
<li>
<p>En la propia ilustración vemos que a Twitter le pasa lo mismo que le pasó a Friendster.</p>
</li>
<li>
<p>Plantea a Firefox como el &#8220;world dominator&#8221;&#8230; ¿No era Microsoft? ¿Pasará lo mismo con Apple en unos años? Y no olvidamos a Google, claro.</p>
</li>
<li>
<p>Para el caso del cambio de precio del iphone seguro que podéis ofrecer miles de ejemplos parecidos. A mi me pasó con la Sega Dreamcast (sí, sí, yo compré una de las 4 que vendieron).</p>
</li>
<li>
<p>Por 25 pesetas la respuesta, decidme nombres de software liberado este último año:<br />
<a class="externo" title="Liberado el código fuente del uploader de Flickr" href="http://code.flickr.com/blog/2008/04/16/flickr-uploadr-start-to-finish-now/">por ejemplo, el código fuente del uploader de Flickr</a>.</p>
</li>
<li>
<p>Yahoo copia a Google, Microsoft copia a Mac, etc&#8230;</p>
</li>
<li>
<p>Los &#8220;Glossy Buttons&#8221; han pasado de moda. Tuvo que haber un momento en que se pusieran de moda.</p>
</li>
<li>
<p>&#8220;Facebook gets bigger and bigger&#8221;. &#8220;Google gets bigger and bigger&#8221; (aunque esto sirve igual para cada año).</p>
</li>
<li>
<p>En la propia ilustración dice que &#8220;two girls one cup&#8221; es el nuevo <a title="Goatse" href="http://goatse.cx/" class="externo">Goatse</a>.</p>
</li>
<li>
<p>La araña de Google indexa&#8230; todo en general.</p>
</li>
</ul>
<p>Esto no pretende ser una crítica a la ilustración. Al contrario, creo que es una buena instantánea de lo que está pasando en la red que nos permite iniciar muchas reflexiones al respecto.</p>
<p>Vía: <a href="http://www.microsiervos.com/archivo/humor/estado-web-verano-2008.html"  class="externo">Microsiervos</a></p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/tYmuCh73vT8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/balance-sobre-el-actual-estado-de-la-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/balance-sobre-el-actual-estado-de-la-web/</feedburner:origLink></item>
		<item>
		<title>Clearfix y su alternativa semántica</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/AdQTSfY9h0w/</link>
		<comments>http://www.sopadepixels.com/clearfix-y-su-alternativa-semantica/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 12:15:06 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[XHTML y CSS]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=19</guid>
		<description><![CDATA[Muchos os habréis encontrado con el problema del colapso de los contenedores de elementos flotantes.
La propiedad float de CSS es muy útil y muy usada para posicionar elementos en la interfaz pero presenta un pequeño problema: Al estar situada dentro de otro elemento (por ejemplo un div), este elemento contenedor no envuelve al elemento flotante [...]]]></description>
			<content:encoded><![CDATA[<p>Muchos os habréis encontrado con el problema del colapso de los contenedores de elementos flotantes.</p>
<p>La propiedad float de CSS es muy útil y muy usada para posicionar elementos en la interfaz pero presenta un pequeño problema: Al estar situada dentro de otro elemento (por ejemplo un div), este elemento contenedor no envuelve al elemento flotante dentro de ella (colapsa).</p>
<p>Una forma común y de muy extendida utilización, entre otros por mi, es usar el método clearfix. Este método consiste en crear una clase &#8220;clearfix&#8221; en nuestro CSS y aplicarla a los elementos contenedores.</p>
<p>Por ejemplo, en un código html tal que&#8230;</p>
<p class="codehtml">
&lt;div id=&#8221;contenedor&#8221; class=&#8221;clearfix&#8221;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id=&#8221;divflotante&#8221;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Div flotante.<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />
&lt;/div&gt;
</p>
<p>&#8230;el css sería:</p>
<p class="codecss">
.clearfix:after {<br />
&nbsp;&nbsp;&nbsp;&nbsp;content:&#8221;.&#8221;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;display:block;<br />
&nbsp;&nbsp;&nbsp;&nbsp;height:0;<br />
&nbsp;&nbsp;&nbsp;&nbsp;clear:both;<br />
&nbsp;&nbsp;&nbsp;&nbsp;visibility:hidden;<br />
}<br />
.clearfix {display:inline-block;}<br />
/* Hide from IE Mac \*/<br />
.clearfix {display:block;}<br />
/* End hide from IE Mac */<br />
#divflotante {<br />
&nbsp;&nbsp;&nbsp;&nbsp;float:left;<br />
}
</p>
<p>El problema de este método es que, si queremos ser puros y castos, estamos ensuciando nuestro html con una clase que no es semántica. No habla del contenido o tipología del elemento al que está aplicada.</p>
<p>Para ser semánticos, leo en <a class="externo" title="csslab" href="http://www.csslab.cl/">CSSLab</a> una metodología que por un lado es muy sencilla y, por otro, no ensucia la semántica de nuestro html ni del código de nuestro archivo de estilos:</p>
<p><a class="externo" title="Clearfix ultimate" href="http://www.csslab.cl/2008/06/09/clearfix-ultimate/">Overflow para evitar el colapso en contenedores que envuelven elementos flotantes</a></p>
<p>No conocía la técnica y es realmente buena.</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/AdQTSfY9h0w" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/clearfix-y-su-alternativa-semantica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/clearfix-y-su-alternativa-semantica/</feedburner:origLink></item>
		<item>
		<title>Iconografía para el diseño de interacción y la arquitectura de la información</title>
		<link>http://feedproxy.google.com/~r/sopadepixels/~3/RxS67QKzp_I/</link>
		<comments>http://www.sopadepixels.com/iconografia-para-el-diseno-de-interaccion-y-la-arquitectura-de-la-informacion/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 19:16:14 +0000</pubDate>
		<dc:creator>Oriol Boix</dc:creator>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Diseño interacción]]></category>

		<guid isPermaLink="false">http://www.sopadepixels.com/?p=16</guid>
		<description><![CDATA[Podemos dividir la tarea de prototipado y defenición de la funcionalidad de un site en dos grandes bloques consecutivos:

Blueprint
Wireframe

Blueprint: En el diseño de interacción y la arquitectura de la información entendemos por blueprint (o arquitecture map) el diagrama que muestra la relación entre las distintas páginas o acciones del sistema que estamos creando. Es el [...]]]></description>
			<content:encoded><![CDATA[<p>Podemos dividir la tarea de prototipado y defenición de la funcionalidad de un site en dos grandes bloques consecutivos:</p>
<ul>
<li>Blueprint</li>
<li>Wireframe</li>
</ul>
<p><strong>Blueprint:</strong> En el diseño de interacción y la arquitectura de la información entendemos por blueprint (o arquitecture map) el diagrama que muestra la relación entre las distintas páginas o acciones del sistema que estamos creando. Es el esquema de funcionamiento del site.</p>
<p><img class="alignnone size-full wp-image-18" title="Blueprint example" src="http://www.sopadepixels.com/wp-content/uploads/2008/06/0003_blueprint.png" alt="" width="560" height="304" /></p>
<p><strong>Wireframe:</strong> El wireframe (o mockup, o maqueta) nos permite definir como se estructuran los elementos en la interfaz y la relación entre ellos. Es el esqueleto de la página.</p>
<p><img class="alignnone size-full wp-image-17" title="Wireframe example" src="http://www.sopadepixels.com/wp-content/uploads/2008/06/0002_wireframe.png" alt="" width="560" height="482" /></p>
<p>Hay distintas propuestas gráficas para llevar a cabo estas tareas pero ninguna de ellas definitiva. Lo mejor es trabajar con lo que te interese de cada propuesta y, finalmente, tener la tuya propia.<br />
Lo importante es que sea fácil de entender, de explicar y que cubra nuestras necesidades. Al fin y al cabo los sistemas de prototipado son, ante todo, una herramienta de comunicación con nosotros mismos y con el resto del equipo.</p>
<p>Hay mucho y variado software para realizar estas tareas y, de hecho, cualquiera nos sirve. Podemos realizar-las hasta en papel, que a mi me parece una buena opción para plasmar nuestra primera estructura mental y para empezar a desarrollar en las primeras fases del proyecto, pero floja para hacer una diagramación detallada y comunicable.<br />
<a class="externo" title="Prototipos de papel" href="http://www.usolab.com/wl/2008/03/prototipos-de-papel.php">Aquí varios enlaces interesantes sobre diagramación en papel</a></p>
<p>Tal vez los más usados son:</p>
<ul>
<li><a class="externo" title="microsoft visio" href="http://office.microsoft.com/es-es/visio/FX100487863082.aspx">Microsoft Visio</a> (Windows): aquí una <a class="externo" title="Storyboarding Rich Internet Applications with Visio" href="http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio">interesante review</a></li>
<li><a class="externo" title="Omnigraffle" href="http://www.adobe.com/es/products/fireworks/">Omnigraffle</a> (Mac): mi favorito para Blueprint</li>
<li><a class="externo" title="Fireworks" href="http://www.adobe.com/es/products/fireworks/">Fireworks</a> (Windows / Mac): mi favorito para Wireframe. Aquí una <a class="externo" title="Wireframing with Fireworks CS3" href="http://www.adobe.com/devnet/fireworks/articles/wireframing.html">interesante review</a></li>
</ul>
<p>Os dejo otro enlace con <a class="externo" title="Algunas herramientas para el prototipado" href="http://qweos.net/blog/2006/08/14/algunas-herramientas-para-el-prototipado/">más información sobre herramientas de prototipado</a></p>
<p>En cuanto a iconografía para blueprint, a mi me gusta especialmente la propuesta de <a class="externo" title="Jesse James Garrett" href="http://www.jjg.net/">Jesse James Garrett</a> perfectamente traducida al castellano por <a class="externo" title="Mantruc" href="http://www.mantruc.com/">Javier Velasco</a>:</p>
<ul>
<li><a class="externo" title="Vocabulario visual" href="http://www.jjg.net/ia/visvocab/spanish.html"> Un vocabulario visual para describir arquitectura de información y diseńo de interacción</a></li>
</ul>
<p>En cuanto a wireframe, fireworks ya tiene por defecto la mayoría de elementos que necesitaremos. De todas formas, por la red encontramos muchas otras alternativas para ésta y para las otras herramientas.</p>
<p>En <a class="externo" title="No solo usabilidad" href="http://www.nosolousabilidad.com">nosolousabilidad.com</a> hay un <a class="externo" title="Diagramación" href="http://www.nosolousabilidad.com/articulos/diagramacion.htm">interesante artículo</a> sobre AI acompañado de buenos enlaces para encontrar, entre otras cosas, iconografía.</p>
<p>También son interesantes los <a class="externo" title="Iconografía isométrica" href="http://petervandijck.com/iabook/template.htm">iconos para diagramación en isométrico</a> de Peter Van Dijck.</p>
<img src="http://feeds.feedburner.com/~r/sopadepixels/~4/RxS67QKzp_I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sopadepixels.com/iconografia-para-el-diseno-de-interaccion-y-la-arquitectura-de-la-informacion/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.sopadepixels.com/iconografia-para-el-diseno-de-interaccion-y-la-arquitectura-de-la-informacion/</feedburner:origLink></item>
	</channel>
</rss>
