<?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>Viva el Pixel &#187; Desarrollo web</title>
	<atom:link href="http://www.vivaelpixel.com/desarrollo-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vivaelpixel.com</link>
	<description>el blog de Andy Kaiser</description>
	<lastBuildDate>Thu, 08 Dec 2011 23:12:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Necesito una App Móvil? Debería ser web o nativa?</title>
		<link>http://www.vivaelpixel.com/2011/12/necesito-app-movil-web-nativa/</link>
		<comments>http://www.vivaelpixel.com/2011/12/necesito-app-movil-web-nativa/#comments</comments>
		<pubDate>Wed, 07 Dec 2011 16:53:29 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=2095</guid>
		<description><![CDATA[Hace unos meses el Financial Times y Playboy lanzaron sus aplicaciones móviles desarrolladas como WebApp y no como aplicaciones nativas. El debate de si usar una webapp o una aplicación nativa se he extendido bastante, pero ¿todas las empresas necesitan una aplicación móvil?]]></description>
			<content:encoded><![CDATA[<p>Hace unos meses el Financial Times y Playboy lanzaron sus aplicaciones móviles desarrolladas como <a href="http://www.vivaelpixel.com/2011/06/webapps-alternativa-aplicaciones-iphone-ipad/" title="Webapps: la alternativa a las aplicaciones de Apple" class="liinternal">WebApp</a> y no como aplicaciones nativas. El debate de si usar una webapp o una aplicación nativa se he extendido bastante, pero ¿todas las empresas necesitan una aplicación móvil?</p>
<p><a href="http://boagworld.com/business-strategy/the-whole-web-is-confused-by-mobile/" title="The whole web is confused by mobile" target="_blank" class="liexternal">Este post</a> de <a href="http://twitter.com/bobscape" title="Rob Borley Twitter" target="_blank" class="liexternal">Rob Borley</a> ayuda a elegir entre una aplicación web o nativa, teniendo en cuenta los siguientes aspectos: marketing, ingresos, funcionalidades, datos <em>offline</em>, desarrollo, uso, libertad editorial e interfaz.</p>
<div>Además la siguiente imagen ayuda de una manera gráfica a elegir entre una aplicación web o nativa:</div>
<p><a href="http://www.vivaelpixel.com/wp-content/uploads/2011/12/Web_Native_1.8-1024x720.jpg" rel="shadowbox[sbpost-2095];player=img;" class="liimagelink" title="Web_Native_1.8-1024x720"><img class="aligncenter size-medium wp-image-2100" title="Web_Native_1.8-1024x720" src="http://www.vivaelpixel.com/wp-content/uploads/2011/12/Web_Native_1.8-1024x720-475x333.jpg" alt="" width="475" height="333" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/12/necesito-app-movil-web-nativa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Infografía: la importancia de la velocidad de carga</title>
		<link>http://www.vivaelpixel.com/2011/10/infografia-importancia-velocidad-carga/</link>
		<comments>http://www.vivaelpixel.com/2011/10/infografia-importancia-velocidad-carga/#comments</comments>
		<pubDate>Sun, 02 Oct 2011 19:29:25 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[SEO/SEM/SMO]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Infografía]]></category>
		<category><![CDATA[Optimización]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=2052</guid>
		<description><![CDATA[La velocidad de carga es un factor importante en el SEO y siempre ha sido un factor decisivo en la experiencia del usuario. Solo un segundo puede reducir un 7% las conversiones, un 11% las páginas vistas y un 16% la satisfacción del consumidor, lo que puede significar perder incluso millones de euros al año.]]></description>
			<content:encoded><![CDATA[<p>La velocidad de carga es un factor importante en el SEO y siempre ha sido un factor decisivo en la experiencia del usuario. Solo un segundo puede reducir un 7% las conversiones, un 11% las páginas vistas y un 16% la satisfacción del consumidor, lo que puede significar perder incluso millones de euros al año.</p>
<p>Desde 1995 el peso medio de una página y los objetos de los que se compone han aumentado más de 30 veces. La velocidad de carga depende de muchas variables pasando por la <a href="http://www.vivaelpixel.com/2010/01/optimizacion-pageload-en-apache2/" class="liinternal">optimización del servidor web</a> o incluso <a href="http://www.websiteoptimization.com/speed/tweak/css-sprites/" title="Optimización de los iconos en las hojas de estilo" target="_blank" class="liexternal">de los iconos en las css</a>.</p>
<p>La siguiente infografía de <a href="http://www.strangeloopnetworks.com/" title="Strangeloop" target="_blank" class="liexternal">Strangeloop</a> varios datos de interés sobre la velocidad de carga:</p>
<div id="attachment_2055" class="wp-caption aligncenter" style="width: 383px"><a href="http://www.vivaelpixel.com/wp-content/uploads/2011/10/Visualizingwebsiteperformance.jpg" rel="shadowbox[sbpost-2052];player=img;" class="liimagelink" title="website performance"><img class="size-medium wp-image-2055" title="website performance" src="http://www.vivaelpixel.com/wp-content/uploads/2011/10/Visualizingwebsiteperformance-373x600.jpg" alt="" width="373" height="600" /></a><p class="wp-caption-text">Descargar la imagen en alta calidad</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/10/infografia-importancia-velocidad-carga/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Evolución ágil o morir</title>
		<link>http://www.vivaelpixel.com/2011/04/evolucion-agil-o-morir/</link>
		<comments>http://www.vivaelpixel.com/2011/04/evolucion-agil-o-morir/#comments</comments>
		<pubDate>Tue, 19 Apr 2011 10:28:00 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Charles Darwin]]></category>
		<category><![CDATA[Eric S. Raymond]]></category>
		<category><![CDATA[eZ Publish]]></category>
		<category><![CDATA[eZ Systems]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1785</guid>
		<description><![CDATA[La filosofía del Release early, release often se está asentando cada vez más. La idea la expuso Eric S. Raymond en 1997 quien comentaba la idea de "Liberar rápido y a menudo, y escuchar a los clientes". Para ello las técnicas de desarrollo ágil, como por ejemplo Scrum, son perfectas.]]></description>
			<content:encoded><![CDATA[<p>Hace poco <a href="http://arstechnica.com/open-source/news/2011/03/mozilla-outlines-16-week-firefox-development-cycle.ars" target="_blank" class="liexternal">Firefox anunció su nuevo ciclo de desarrollo</a> de 16 semanas para contrarrestar el <a href="http://blog.chromium.org/2010/07/release-early-release-often.html" target="_blank" class="liexternal">ciclo de desarrollo de 6 semanas de Google Chrome</a>, que comenzó el año pasado. La filosofía del <em>Release early, release often</em> se está asentando cada vez más. La idea original la expuso <a href="http://es.wikipedia.org/wiki/Eric_S._Raymond" target="_blank" rel="nofollow" class="liwikipedia">Eric S. Raymond</a> en 1997 en su ensayo llamado <em><a href="http://en.wikipedia.org/wiki/The_Cathedral_and_the_Bazaar" target="_blank" rel="nofollow" class="liwikipedia">The Cathedral and the Bazaar</a></em>, donde comentaba la idea de <em>&#8220;Liberar rápido y a menudo, y escuchar a los clientes&#8221;</em>. El uso de técnicas de desarrollo ágil, como por ejemplo Scrum, son la herramienta perfecta para &#8220;liberar rápido y a menudo&#8221;, pero no hay que olvidar &#8220;escuchar a los clientes&#8221;.</p>
<p>En el caso de los gestores de contenidos cabe destacar a <a href="http://ez.no/eZPublish/Roadmap" title="eZ Publish Roadmap" target="_blank" class="liexternal">eZ Systems, que libera una nueva versión de eZ Publish cada 6 meses</a>. Esto permite prever dos veces al año una versión estable de eZ Publish con nuevas funcionalidades. Otros CMS Open Source como por ejemplo <a href="http://news.typo3.org/news/article/agile-phoenix/" title="Agile Development Typo 3 Phoenix" target="_blank" class="liexternal">Typo 3 se está evolucionando mediante Scrum</a> y tienen un calendario de próximas versiones.</p>
<blockquote><p>En la lucha por la supervivencia, el más fuerte gana a expensas de sus rivales debido a que logra adaptarse mejor a su entorno. <strong>El Origen de las especies - <strong>Charles Darwin</strong></strong></p></blockquote>
<p>Siguiendo la teoría de Charles Darwin, en un entorno online competitivo y con cambios cada vez más rápidos, la filosofía del <em>Release early, release often </em> encaja perfectamente para evolucionar y adaptarse al entorno. Por otro lado, las empresas que no se ajusten pronto a este panorama tendrán productos cada vez más anticuados y menos ajustados a la realidad del mercado.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/04/evolucion-agil-o-morir/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Smashing Book #2</title>
		<link>http://www.vivaelpixel.com/2011/02/smashing-book-2/</link>
		<comments>http://www.vivaelpixel.com/2011/02/smashing-book-2/#comments</comments>
		<pubDate>Wed, 02 Feb 2011 20:41:56 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Neuromarketing]]></category>
		<category><![CDATA[Smashing Book]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1663</guid>
		<description><![CDATA[El nuevo Smashing Book #2, editado por Smashing Magazine, expone las mejores prácticas en el diseño web moderno. El libro comparte una visión práctica sobre el diseño, la usabilidad y el desarrollo.]]></description>
			<content:encoded><![CDATA[<p>Hoy acabo de recibir mi copia del nuevo Smashing Book #2. Esta segunda entrega, editada por Smashing Magazine, expone las mejores prácticas en el diseño web moderno. El libro comparte una visión práctica sobre el diseño, la usabilidad y el desarrollo.</p>
<p>En el libro han colaborado varios autores internacionales y las ilustraciones son de la australiana Yiying Lu.</p>
<p>Ojeando el libro da la impresión de que todos los capítulos son muy completos e inspiradores. Tiene buena pinta el capitulo 7, sobre principios de diseño en videojuegos aplicados al diseño de la experiencia del usuario, y el capitulo 9, un estudio sobre los patrones de diseño en el comercio electrónico.</p>
<p><img class="aligncenter size-medium wp-image-1682" title="smashing book 2" src="http://www.vivaelpixel.com/wp-content/uploads/2011/02/sm-book5-large-475x356.jpg" alt="" width="475" height="356" /></p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-1679" title="Ilustración de Yiying Lu" src="http://www.vivaelpixel.com/wp-content/uploads/2011/02/sm-book4_500px-475x356.jpg" alt="" width="475" height="356" /></p>
<h4>Sumario de Smashing Book #2</h4>
<ul>
<li>The Principles of Great Graphic Design</li>
<li>Visible vs. Invisible Design</li>
<li><em> </em>Designing Mobile User Experiences</li>
<li>Sketching, Wireframing and Prototyping</li>
<li>Red Flags in Web Development</li>
<li>The Future of Web Typography</li>
<li>Game Design Techniques Applied to UX Design</li>
<li>When They Click: Psychology of Web Design</li>
<li>Design Patterns on E-Commerce Websites (A Study)</li>
<li>How to Make a Book (Like This One<em>)</em></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/02/smashing-book-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Qué es el Kanban?</title>
		<link>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/</link>
		<comments>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 19:07:25 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Agile Development]]></category>
		<category><![CDATA[Japón]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1138</guid>
		<description><![CDATA[Kanban es una herramienta de gestión que comenzó a usar Toyota en su línea de producción. Básicamente, son unas tarjetas que van unidas a los productos intermedios o finales de la línea que actúan de testigo del proceso de producción y disparan los eventos de fabricación conforme van siendo necesarios.]]></description>
			<content:encoded><![CDATA[<p>Kanban es una herramienta de gestión que comenzó a usar Toyota en su línea de producción. Básicamente, son unas tarjetas que van unidas a los productos intermedios o finales de la línea que actúan de testigo del proceso de producción y disparan los eventos de fabricación conforme van siendo necesarios.</p>
<p>Además de ser muy visual, una de las ventajas al aplicarlo en el desarrollo web es la reducción del número de reglas y obligaciones respecto a otras metodologías.</p>
<p>Sin entrar en las <a href="http://blog.crisp.se/henrikkniberg/2009/04/03/1238795520000.html" target="_blank" class="liexternal">ventajas y desventajas respecto a otras herramientas</a> (por ejemplo SCRUM), en la siguiente presentación se puede apreciar el potencial y operatividad de Kanban:</p>
<p><object id="__sse3576466" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=kanbanboards-100328050846-phpapp02&amp;stripped_title=kanbanboards" /><param name="name" value="__sse3576466" /><param name="allowfullscreen" value="true" /><embed id="__sse3576466" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=kanbanboards-100328050846-phpapp02&amp;stripped_title=kanbanboards" name="__sse3576466" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="width: 425px;">
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank" class="liexternal">presentations</a> from <a href="http://www.slideshare.net/marcusoftnet" target="_blank" class="liexternal">Marcus Hammarberg</a>.</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/09/que-es-el-kanban/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nuevo botón oficial de Twitter y el comercio electrónico</title>
		<link>http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/</link>
		<comments>http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 20:47:05 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Comercio Electrónico]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[Social Commerce]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1059</guid>
		<description><![CDATA[Ya es oficial, Twitter ha publicado su nuevo botón para compartir enlaces. Mediante este nuevo botón los usuarios de webs podrán fácilmente compartir una url en su cuenta de Twitter.]]></description>
			<content:encoded><![CDATA[<p>Ya es oficial, Twitter ha <a href="http://blog.twitter.com/2010/08/pushing-our-tweet-button.html" target="_blank" class="liexternal">publicado su nuevo botón</a> para compartir enlaces. Mediante este nuevo botón los usuarios de webs podrán fácilmente compartir una url en su cuenta de Twitter.</p>
<p>Los servicios para compartir enlaces en Twitter no son nada nuevo, el precursor hace años fue TweetMeme, que curiosamente <a href="http://blog.tweetmeme.com/2010/08/12/twitter-tweet-button/" target="_blank" class="liexternal">ha ayudado a Twitter en el desarrollo</a> del botón oficial. Pero con el nuevo botón será posible contabilizar de manera más fácil cuántas veces se ha compartido una página web en Twitter.</p>
<p>El botón oficial está teniendo mucha aceptación por la <em>blogsfera. </em>El botón es fácil de instalar (requiere <a href="http://twitter.com/goodies/tweetbutton" target="_blank" class="liexternal">sólo unas lineas de código</a>) y ya existen varios <em>plugins </em>para WordPress.</p>
<p>Según el blog de Twitter el botón ha sido integrado inicialmente en varios medios de comunicación y grandes portales en menos de una semana. De la lista no hay ninguna tienda online, aunque el <a href="http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/" target="_self" class="liinternal">botón &#8220;Like&#8221; de Facebook sí ha tenido buena aceptación en el comercio electrónico</a>. Twitter y Facebook son redes sociales muy diferentes, pero el potencial de promoción viral funciona de una manera similar. Por ello seguramente el botón de Twitter comenzará a usarse más en comercio electrónico a corto plazo.</p>
<p>Incluso ya hay una <a href="http://blog.delorumcommerce.com/general/new-product-official-twitter-tweet-button-for-magento" target="_blank" class="liexternal">extensión para la solución de tienda online Magento</a> para habilitar el botón en las páginas del cms y producto en menos de 5 minutos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/08/boton-oficial-twitter-comercio-electronico/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Información del transporte público en tiempo real</title>
		<link>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/</link>
		<comments>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 20:04:05 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[Internet de las Cosas]]></category>
		<category><![CDATA[Mashup]]></category>
		<category><![CDATA[Tiempo Real]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1023</guid>
		<description><![CDATA[La web en tiempo real es un hecho, en Estados Unidos varias ciudades han creado aplicaciones web para visualizar la posición de los autobuses en tiempo real. En Suiza desde hace unos años está disponible una web que indica la posición de los trenes mediante la información gps.]]></description>
			<content:encoded><![CDATA[<p>El internet de las cosas y la web en tiempo real están siendo <a href="http://www.readwriteweb.com/archives/5_key_trends_of_2010_half-year_report_for_the_web.php" target="_blank" class="liexternal">dos temas muy populares</a> de la primera mitad del 2010.</p>
<p>Un ejemplo sobre la utilidad de la web en tiempo real son las aplicaciones que informan sobre el transporte en tiempo real. Actualmente en muchas ciudades el tiempo de espera de los autobuses puede solicitarse a través de mensajes sms.</p>
<p>En Estados Unidos varias ciudades han creado aplicaciones web para visualizar la posición de los autobuses en un mapa (por ejemplo de <a href="http://nycbustime.info/bustime/map/displaymap.jsp" title="autobuses en el mapa de nueva york" target="_blank" class="liexternal">Nueva York</a> o <a href="http://appdev.septa.org/busview-beta/?route=109" title="autobuses en el mapa de Filadelfia" target="_blank" class="liexternal">Filadelfia</a>) en tiempo real.</p>
<p>Pero también en Europa hay varios ejemplos: en Suiza desde hace unos años está disponible una web que indica la<a href="http://www.swisstrains.ch/" title="trenes en mapa de suiza" target="_blank" class="liexternal"> posición de los trenes</a>. También en Suiza, a través de una web, se puede ver <a href="http://radar.zhaw.ch/radar.html" title="aviones en mapa de zurich" target="_blank" class="liexternal">información sobre aviones en tiempo real</a>.</p>
<p>En Gran Bretaña tenemos otros ejemplos de mapas simulando el <a href="http://traintimes.org.uk:81/map/" title="trenes en mapa de gran bretaña" target="_blank" class="liexternal">desplazamiento de los trenes regionales</a> a través de los horarios de llegada y salida.</p>
<p>El autor de este mapa también ha creado uno para el <a href="http://traintimes.org.uk:81/map/tube/" title="metro en mapa de londres" target="_blank" class="liexternal">Metro de Londres</a> que utiliza información de una de las <a href="http://data.london.gov.uk/apibeta" title="api de londres" target="_blank" class="liexternal">API</a> públicas del gobierno británico. Desgraciadamente el servicio ha sido <a href="http://data.london.gov.uk/blog/tube-feed-update" title="explicación de la suspensión del servicio" target="_blank" class="liexternal">suspendido temporalmente</a> por un uso excesivo de la API. Aunque hay <a href="http://www.flickr.com/photos/vicchi/4730203122/" title="video del funcionamiento del mapa" target="_blank" class="liexternal">disponible un vídeo</a> del funcionamiento. Además se puede descargar el <a href="http://github.com/dracos/underground-live-map" title="código fuente para descargar" target="_blank" class="liexternal">código fuente en Github</a> de forma gratuita.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/08/transporte-web-tiempo-real/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet de las cosas: Baker Tweet</title>
		<link>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/</link>
		<comments>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 15:24:23 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[Arduino]]></category>
		<category><![CDATA[Internet de las Cosas]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=966</guid>
		<description><![CDATA[Baker Tweet es un servicio de avisos a través de Twitter para panaderias con el que pueden avisar a sus clientes de los productos recién salidos del horno.]]></description>
			<content:encoded><![CDATA[<p><a href="http://bakertweet.com/" target="_blank" class="liexternal">Baker Tweet</a> es un servicio de avisos a través de Twitter para panaderías con el que pueden avisar a sus clientes de los productos recién salidos del horno.</p>
<p>El servicio consta de un aparato basado en <a href="http://www.arduino.cc" target="_blank" class="liexternal">Arduino</a> y un área online privada programada sobre <a href="http://www.django-cms.org/" target="_blank" class="liexternal">Django CMS</a>.</p>
<p>El piloto de Baker Tweet se ha realizado en una panadería de Londres: <a href="http://www.albioncaff.co.uk/" title="Albion Café" target="_blank" class="liexternal">Albion Café</a> y ha sido un éxito &#8211; su <a href="http://twitter.com/albionsoven" target="_blank" class="liexternal">cuenta de Twitter</a> tiene casi 2.000 seguidores y fue nominado a los <a href="http://www.webbyawards.com/webbys/current.php?media_id=98&amp;season=14  " target="_blank" class="liexternal">premios Webby</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="431" height="237" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3972081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="431" height="237" src="http://vimeo.com/moogaloop.swf?clip_id=3972081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/07/baker-tweet-internet-cosas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Alhoa Editor: el editor html5</title>
		<link>http://www.vivaelpixel.com/2010/07/alhoa-editor-html5/</link>
		<comments>http://www.vivaelpixel.com/2010/07/alhoa-editor-html5/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 21:45:10 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Usabilidad]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=981</guid>
		<description><![CDATA[Aloha Editor es un nuevo editor open source que se enfoca a la edición frontend, menús sencillos y HTML5.]]></description>
			<content:encoded><![CDATA[<p>Los editores web WYSIWYG más populares son <a href="http://tinymce.moxiecode.com/" target="_blank" class="liexternal">TinyMCE</a> (WordPress, eZ Publish, &#8230;) y <a href="http://ckeditor.com/" target="_blank" class="liexternal">CKeditor</a> (xt:Commerce, Fatwire, &#8230;). Ambos siguen un modelo de edición parecido: menú principal con iconos y un área de texto/contenido.</p>
<p>Con un enfoque bastante diferente se ha creado un nuevo editor bastante innovador: <a href="http://aloha-editor.com" target="_blank" class="liexternal">Aloha Editor</a>. Este nuevo editor <em>open source</em> se enfoca a la edición <em>frontend</em>, menús sencillos y HTML5.</p>
<p>Aloha Editor permite editar el contenido directamente, sin necesidad de previsualizar los cambios y a nivel de usabilidad reduce el número de interacciones (comparado con TinyMCE y CKeditor).</p>
<p>El tiempo dirá si se convierte en uno de los editores por defecto, de momento es un editor con ideas innovadoras e interesantes.</p>
<div id="__ss_4360175" style="width: 425px;"><object id="__sse4360175" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=alohacontenteditableuseable-100531044623-phpapp01&amp;rel=0&amp;stripped_title=aloha-editor-contenteditable-useable" /><param name="name" value="__sse4360175" /><param name="allowfullscreen" value="true" /><embed id="__sse4360175" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=alohacontenteditableuseable-100531044623-phpapp01&amp;rel=0&amp;stripped_title=aloha-editor-contenteditable-useable" name="__sse4360175" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank" class="liexternal">presentations</a> from <a href="http://www.slideshare.net/draftkraft" target="_blank" class="liexternal">Haymo Meran</a>.</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/07/alhoa-editor-html5/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Mashup botones &#8220;Likes&#8221;</title>
		<link>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/</link>
		<comments>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 04:00:53 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Mashup]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=881</guid>
		<description><![CDATA[Ha aparecido el primer mashup: Likebutton.me que indica la actividad de "Me gusta" de los amigos en Facebook a través de un sencillo interfaz. ]]></description>
			<content:encoded><![CDATA[<p>En mi <a href="http://www.vivaelpixel.com/2010/06/boton-me-gusta-facebook-comercio-electronico/" class="liinternal">anterior post</a> introduje el uso de los botones &#8220;Like&#8221; o &#8220;Me gusta&#8221; de Facebook en el comercio electrónico y el gran éxito que han tenido estos botones en la web, con más de 50.000 webs usándolos.</p>
<p>En estas semanas ya ha aparecido el primer mashup: <a href="http://likebutton.me/" target="_blank" class="liexternal">Likebutton.me</a> que indica la actividad de los botones &#8220;Me gusta&#8221; de los amigos en Facebook a través de un sencillo interfaz. La web indica la actividad en varias webs importantes, pero es posible añadir cualquier web y ver como está siendo <em>compartida </em>en Facebook.</p>
<p>En cualquier caso, no es necesario utilizar likebutton.me para poder disponer de la información de los &#8220;Like&#8221; en una web. Gracias a <a href="http://developers.facebook.com/docs/reference/plugins/activity" target="_blank" class="liexternal">Activity Feed</a>, rellenando un sencillo formulario, es posible crear un código html para integrarlo en cualquier web tal y cómo se puede ver en el siguiente ejemplo:</p>
<p><iframe src="http://www.facebook.com/plugins/activity.php?site=www.vivaelpixel.com&amp;width=430&amp;height=300&amp;header=false&amp;colorscheme=light&amp;recommendations=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:430px; height:300px;" allowTransparency="true"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/06/mashup-botones-likes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: www.vivaelpixel.com @ 2012-02-05 13:57:21 by W3 Total Cache -->
