<?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>Dupermag</title>
	<atom:link href="http://dupermag.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://dupermag.com</link>
	<description>Armando Sosa sobre startups, tecnología y diseño</description>
	<lastBuildDate>Thu, 28 Mar 2013 20:00:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Color picker en HTML5</title>
		<link>http://dupermag.com/2013/03/28/color-picker-en-html5/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=color-picker-en-html5</link>
		<comments>http://dupermag.com/2013/03/28/color-picker-en-html5/#comments</comments>
		<pubDate>Thu, 28 Mar 2013 19:54:20 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[recomendaciones]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1221</guid>
		<description><![CDATA[Hace poco necesitaba urgentemente un color-picker para un proyecto interno en Onswipe. Estuve a la caza de una implementaci&#243;n que fuera simple y flexible, pero todas las opciones que encontr&#233; eran demasiado complejas y pesadas1. Al final me rend&#237; y termin&#233; dise&#241;ando y escribiendo mi propio componente. Bueno, el caso es que acabo de darme [...]]]></description>
				<content:encoded><![CDATA[	<p><p>Hace poco necesitaba urgentemente un <em>color-picker</em> para un proyecto interno en <a href="http://onswipe.com">Onswipe</a>. Estuve a la caza de una implementaci&#243;n que fuera simple y flexible, pero todas las opciones que encontr&#233; eran demasiado complejas y pesadas<sup id="fnref-1221:1"><a href="#fn-1221:1" rel="footnote">1</a></sup>.</p></p>

	<p><p>Al final me rend&#237; y termin&#233; dise&#241;ando y escribiendo mi propio componente.</p></p>

	<p><p><a href="http://dupermag.com/wp-content/uploads/2013/03/color-picker2.png"><img src="http://dupermag.com/wp-content/uploads/2013/03/color-picker2.png" alt="color-picker2" class="alignnone size-full wp-image-1222" /></a></p></p>

	<p><p>Bueno, el caso es que acabo de darme cuenta de que versiones recientes de Chrome incluyen soporte nativo para el control de HTML5 <code>&lt;input type="color"&gt;</code> y me gusta mucho su implementaci&#243;n. Si est&#225;n en la versi&#243;n mas reciente de Chrome, pueden verlo en acci&#243;n aqui abajo.</p></p>

	<p><iframe width="100%" height="300" src="http://jsfiddle.net/soska/VBxcs/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></p>

	<p><p>Solo lo he usado en MacOSX, donde no solo tiene el control una apariencia nativa, sino que utiliza el dialogo nativo del OS. Como es de esperarse, cuando el usuario selecciona un color este se propaga al atributo <code>value</code> del elemento <code>&lt;input&gt;</code>.</p></p>

	<p><p><a href="http://dupermag.com/wp-content/uploads/2013/03/osx-picker.png"><img src="http://dupermag.com/wp-content/uploads/2013/03/osx-picker.png" alt="osx-picker" width="228" height="371" class="alignnone size-full wp-image-1223" /></a></p></p>

	<p><p>Hasta donde recuerdo, Windows no tiene un color-picker nativo, as&#237; que no tengo idea como funcion&#233;. Si alguien sabe, comparta un pantallazo.</p></p>

	<p><p>Hasta ahora <a href="http://caniuse.com/input-color">es muy limitada la disponibilidad de implementaciones</a>, pero si quieres puedes empezar a usar este control desde hoy para los usuarios que lo soporten y dejar que <a href="http://www.briangrinstead.com/blog/input-type-color-polyfill">un polyfill</a> se encargue de los dem&#225;s pobres imberbes.</p></p>

	<p><div class="footnotes"><br />
<hr /><br />
<ol></p>

	<p><li id="fn-1221:1"><br />
<p>El proyecto en cuesti&#243;n est&#225; escrito en Ember.js, que no es precisamente amigable con componentes de terceros. Adem&#225;s que hubiera tenido que hacer muchos hacks para hacerlo compatible con el data-binding de Ember.&#160;<a href="#fnref-1221:1" rev="footnote">&#8617;</a></p><br />
</li></p>

	<p></ol><br />
</div></p>



 ]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2013/03/28/color-picker-en-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google, rediseñado.</title>
		<link>http://dupermag.com/2013/01/24/google-redisenado/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=google-redisenado</link>
		<comments>http://dupermag.com/2013/01/24/google-redisenado/#comments</comments>
		<pubDate>Thu, 24 Jan 2013 22:19:56 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[diseño]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1217</guid>
		<description><![CDATA[Por muchos a&#241;os fue Apple la compa&#241;&#237;a que era reconocida por la importancia que le daban al buen dise&#241;o mientras que Google se posicionaba como su ant&#237;tesis. Bien, pues parece ser que esa era se ha terminado. The Verge tiene un excelente art&#237;culo sobre la transformaci&#243;n del dise&#241;o de Google en los &#250;ltimos a&#241;os y [...]]]></description>
				<content:encoded><![CDATA[<p><img src="http://dupermag.com/wp-content/uploads/2013/01/googleredesign_912_2.jpg" alt="googleredesign_912_2" class="alignnone size-full wp-image-1218" /></p>
<p>Por muchos a&#241;os fue Apple la compa&#241;&#237;a que era reconocida por la importancia que le daban al buen dise&#241;o mientras que Google se posicionaba como su ant&#237;tesis. Bien, pues parece ser que esa era se ha terminado.</p>
<p>The Verge tiene un excelente art&#237;culo <a href="http://www.theverge.com/2013/1/24/3904134/google-redesign-how-larry-page-engineered-beautiful-revolution">sobre la transformaci&#243;n del dise&#241;o de Google en los &#250;ltimos a&#241;os</a> y me parece loable el esfuerzo que la compa&#241;&#237;a &#8211;antes famosa por darle m&#225;s importancia a la eficiencia de los datos que al buen dise&#241;o&#8211; est&#225; poniendo en tener un lenguaje de dise&#241;o propio y coherente en sus m&#250;ltiples productos.</p>
<p>
<blockquote>
Cada dise&#241;ador con quien hablamos en Google repiti&#243; variaciones del mismo mensaje: &#8220;No hay una persona que sea el gran lider de dise&#241;o en Google&#8221; [&#8230;]<br />
Google puede no tener un Jony Ive, pero hay sin embargo un proceso coherente para plantear una visi&#243;n de dise&#241;o a trav&#233;s de todos estos multiples equipos y plataformas.
</p></blockquote>
<p>Creo que es un gran momento para ser un buen dise&#241;ador.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2013/01/24/google-redisenado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flechas, flechas, lleve sus flechas.</title>
		<link>http://dupermag.com/2013/01/18/flechas-flechas-lleve-sus-flechas/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=flechas-flechas-lleve-sus-flechas</link>
		<comments>http://dupermag.com/2013/01/18/flechas-flechas-lleve-sus-flechas/#comments</comments>
		<pubDate>Fri, 18 Jan 2013 21:09:32 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[recomendaciones]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1214</guid>
		<description><![CDATA[Arrrows surge de una idea tan buena y tan simple que hasta me molesta un poquito que no se me haya ocurrido a m&#237; primero: Flechas. Flechas de variadas formas, tama&#241;os y estilos en un paquete descargable que incluye pngs, vectores y fuentes (compatibles con @font-face). Si tienes un rato dise&#241;ando interfaces seguro que estar&#225;s [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.arrrows.com/">Arrrows</a> surge de una idea tan buena y tan simple que hasta me molesta un poquito que no se me haya ocurrido a m&#237; primero: Flechas. Flechas de variadas formas, tama&#241;os y estilos en un paquete descargable que incluye pngs, vectores y fuentes (compatibles con @font-face).</p>
<p><a href="http://www.arrrows.com/"><img src="http://dupermag.com/wp-content/uploads/2013/01/arrrows.png" alt="arrrows" class="alignnone size-full wp-image-1215" /></a></p>
<p>Si tienes un rato dise&#241;ando interfaces <a href="http://dupermag.com/wp-content/uploads/2013/01/shut-up-and-take-my-money.jpeg">seguro que estar&#225;s mas que interesado en la idea de no tener que volver a dise&#241;ar una mugrosa flecha nunca m&#225;s en tu vida</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2013/01/18/flechas-flechas-lleve-sus-flechas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 cosas que no le importan a tus usuarios</title>
		<link>http://dupermag.com/2013/01/18/10-cosas-que-no-le-importan-a-tus-usuarios/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=10-cosas-que-no-le-importan-a-tus-usuarios</link>
		<comments>http://dupermag.com/2013/01/18/10-cosas-que-no-le-importan-a-tus-usuarios/#comments</comments>
		<pubDate>Fri, 18 Jan 2013 18:55:51 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1213</guid>
		<description><![CDATA[Pete Search escribe una lista &#8211;que se siente hasta cruel de tan realista&#8211; sobre 10 cosas que no le importan a tus usuarios Cuanto tiempo te tomo. Lo dificil que fue implementarlo. Cual limpia es tu arquitectura. Lo extensible que es. Lo bien que corre en tu maquina. Cuan genial ser&#225; una vez que todos [...]]]></description>
				<content:encoded><![CDATA[<p>Pete Search escribe una lista &#8211;que se siente hasta cruel de tan realista&#8211; sobre 10 cosas que <a href="http://petewarden.typepad.com/searchbrowser/2013/01/things-users-dont-care-about.html">no le importan a tus usuarios</a></p>
<blockquote>
<ul>
<li>Cuanto tiempo te tomo.</li>
<li>Lo dificil que fue implementarlo.</li>
<li>Cual limpia es tu arquitectura.</li>
<li>Lo extensible que es.</li>
<li>Lo bien que corre en tu maquina.</li>
<li>Cuan genial ser&#225; una vez que todos sus amigos est&#233;n.</li>
<li>Cuan incre&#237;ble ser&#225; la siguiente versi&#243;n.</li>
<li>Lo que crees que deber&#237;a de interesarles.</li>
<li>Lo que esperas.</li>
<li>Lo que te prometieron.
<li>Lo importante que esto es para t&#237;.</li>
</ul>
<p>
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2013/01/18/10-cosas-que-no-le-importan-a-tus-usuarios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari</title>
		<link>http://dupermag.com/2012/12/21/safari/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=safari</link>
		<comments>http://dupermag.com/2012/12/21/safari/#comments</comments>
		<pubDate>Fri, 21 Dec 2012 17:08:00 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1211</guid>
		<description><![CDATA[Don Melton, ex-ingeniero de Apple, nos cuenta la historia detr&#225;s del nombre del navegador de Apple.]]></description>
				<content:encoded><![CDATA[<p>Don Melton, ex-ingeniero de Apple, <a href="http://donmelton.com/2012/12/19/when-i-first-heard-the-name-safari/">nos cuenta la historia detr&#225;s del nombre del navegador de Apple</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/12/21/safari/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Necesitas descargar Chrome Canary</title>
		<link>http://dupermag.com/2012/11/28/necesitas-descargar-chrome-canary/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=necesitas-descargar-chrome-canary</link>
		<comments>http://dupermag.com/2012/11/28/necesitas-descargar-chrome-canary/#comments</comments>
		<pubDate>Wed, 28 Nov 2012 22:48:00 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1207</guid>
		<description><![CDATA[Respecto al mini-post anterior sobre nuevas tecnolog&#237;as web, si eres developer y quieres estar a la vanguardia con estas tecnolog&#237;as, te recomiendo que descargues Chrome Canary inmediatamente. Canary es una versi&#243;n de Chrome que se actualiza pr&#225;cticamente diario y te permite probar cosas que no est&#225;n todav&#237;a disponibles en la versi&#243;n estable de Chrome. Y [...]]]></description>
				<content:encoded><![CDATA[<p><a href="https://tools.google.com/dlpage/chromesxs"><img src="http://dupermag.com/wp-content/uploads/2012/11/resolve_static-canary-mac.png" alt="" title="resolve_static-canary-mac" class="alignnone size-full wp-image-1208" /></a></p>
<p>Respecto al mini-post anterior sobre nuevas tecnolog&#237;as web, si eres developer y quieres estar a la vanguardia con estas tecnolog&#237;as, <a href="https://tools.google.com/dlpage/chromesxs">te recomiendo que descargues Chrome Canary inmediatamente</a>.</p>
<p>Canary es una versi&#243;n de Chrome que se actualiza pr&#225;cticamente diario y te permite probar cosas que no est&#225;n todav&#237;a disponibles en la versi&#243;n estable de Chrome. Y lo mejor de todo es que puedes instalarlo y ejecutarlo junto con la versi&#243;n estable sin ning&#250;n problema. </p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/11/28/necesitas-descargar-chrome-canary/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Apis que transformarán la web en 2013</title>
		<link>http://dupermag.com/2012/11/28/5-apis-que-transformaran-la-web-en-2013/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=5-apis-que-transformaran-la-web-en-2013</link>
		<comments>http://dupermag.com/2012/11/28/5-apis-que-transformaran-la-web-en-2013/#comments</comments>
		<pubDate>Wed, 28 Nov 2012 20:28:56 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1205</guid>
		<description><![CDATA[Alex MacCaw escribe sobre 5 tecnolog&#237;as que &#8211;a su parecer&#8211; transformar&#225;n la web en el siguiente a&#241;o. No conoc&#237;a muchas de ellas, pero ahora me muero de ganas por jugar con todas. Web Components, especialmente Web Components &#8230;, wow. Va a ser un buen a&#241;o.]]></description>
				<content:encoded><![CDATA[<p><a href="http://blog.alexmaccaw.com/the-next-web">Alex MacCaw escribe sobre 5 tecnolog&#237;as que &#8211;a su parecer&#8211; transformar&#225;n la web en el siguiente a&#241;o</a>. </p>
<p>No conoc&#237;a muchas de ellas, pero ahora me muero de ganas por jugar con todas. Web Components, especialmente Web Components &#8230;, wow. Va a ser un buen a&#241;o.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/11/28/5-apis-que-transformaran-la-web-en-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo hace Omni Group sus apps</title>
		<link>http://dupermag.com/2012/11/28/como-hace-omni-group-sus-apps/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=como-hace-omni-group-sus-apps</link>
		<comments>http://dupermag.com/2012/11/28/como-hace-omni-group-sus-apps/#comments</comments>
		<pubDate>Wed, 28 Nov 2012 13:14:20 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1204</guid>
		<description><![CDATA[En The Next Web, una interesante mirada detr&#225;s de c&#225;maras a c&#243;mo Omni Group &#8211;una de mis favoritas compa&#241;&#237;as de software&#8211; hace sus aplicaciones.]]></description>
				<content:encoded><![CDATA[<p>En The Next Web, <a href="http://thenextweb.com/apps/2012/11/12/how-premium-apps-are-built/">una interesante mirada <em>detr&#225;s de c&#225;maras</em></a> a c&#243;mo Omni Group &#8211;una de mis favoritas compa&#241;&#237;as de software&#8211; hace sus aplicaciones.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/11/28/como-hace-omni-group-sus-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3D Photobooth</title>
		<link>http://dupermag.com/2012/11/27/3d-photobooth/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=3d-photobooth</link>
		<comments>http://dupermag.com/2012/11/27/3d-photobooth/#comments</comments>
		<pubDate>Tue, 27 Nov 2012 23:08:56 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1201</guid>
		<description><![CDATA[Desde Jap&#243;n, un proyecto para crear una cabina fotogr&#225;fica que en lugar de fotos, imprima peque&#241;as figuras utilizando tecnolog&#237;a de impresi&#243;n 3D.]]></description>
				<content:encoded><![CDATA[<p><a href="http://hiconsumption.com/2012/11/3d-figure-printing-photo-booth-in-japan/"><img src="http://dupermag.com/wp-content/uploads/2012/11/3D-Figure-Printing-Photo-Booth-in-Japan-5.jpeg" alt="" title="3D-Figure-Printing-Photo-Booth-in-Japan-5" class="alignnone size-full wp-image-1202" /></a><br />
Desde Jap&#243;n, <a href="http://hiconsumption.com/2012/11/3d-figure-printing-photo-booth-in-japan/">un proyecto para crear una <em>cabina fotogr&#225;fica</em></a> que en lugar de fotos, imprima peque&#241;as figuras utilizando tecnolog&#237;a de impresi&#243;n 3D. </p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/11/27/3d-photobooth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skeumorphism</title>
		<link>http://dupermag.com/2012/11/27/skeumorphism/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skeumorphism</link>
		<comments>http://dupermag.com/2012/11/27/skeumorphism/#comments</comments>
		<pubDate>Tue, 27 Nov 2012 20:02:48 +0000</pubDate>
		<dc:creator>Armando Sosa</dc:creator>
				<category><![CDATA[minipost]]></category>

		<guid isPermaLink="false">http://dupermag.com/?p=1199</guid>
		<description><![CDATA[Qu&#233; es, y qu&#233; no es el Skeumorphism Una interesante lectura para todos aquellos interesados en el dise&#241;o de interfaces o dise&#241;o en general.]]></description>
				<content:encoded><![CDATA[<p><a href="http://sachagreif.com/what-skeuomorphism-is-and-isnt/">Qu&#233; es, y qu&#233; no es el Skeumorphism</a></p>
<p>Una interesante lectura para todos aquellos interesados en el dise&#241;o de interfaces o dise&#241;o en general.</p>
]]></content:encoded>
			<wfw:commentRss>http://dupermag.com/2012/11/27/skeumorphism/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
