<?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; Flash</title>
	<atom:link href="http://www.vivaelpixel.com/flash/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>¿Cómo puede afectar Google Instant Preview al diseño web?</title>
		<link>http://www.vivaelpixel.com/2010/12/google-instant-preview-afecta-diseno/</link>
		<comments>http://www.vivaelpixel.com/2010/12/google-instant-preview-afecta-diseno/#comments</comments>
		<pubDate>Wed, 01 Dec 2010 23:01:07 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[SEO/SEM/SMO]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1359</guid>
		<description><![CDATA[Instant Preview es una de las últimas mejoras que ha presentado Google y permite a los usuarios ver una previsualización de la página web en el buscador.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.google.com/landing/instantpreviews/" target="_blank" class="liexternal">Instant Preview</a> es una de las últimas mejoras que ha presentado Google y permite a los usuarios ver una previsualización de la página web en el buscador. La vista previa permite:</p>
<ul>
<li><strong>Comparar resultados rápidamente:</strong> La vista previa de los resultados de búsqueda permite comparar y elegir lo que se está buscando.</li>
<li><strong>Localizar el contenido relevante: </strong>Los globos de texto resaltan los términos de búsqueda en la página web.</li>
<li><strong>Interactuar con la página de resultados: </strong>La vista previa permite ver páginas web antes de hacer clic en los resultados de búsqueda.</li>
</ul>
<p>Según <a href="http://www.simpleusability.com/our-news/2010/11/google-instant-previews-eye-tracking" target="_blank" class="liexternal">estudios de eyetracking</a>, a los usuarios les cuesta encontrar y asimilar esta nueva funcionalidad del buscador. Pero, en cuanto los usuarios la asimilan, puede llegar a modificar los comportamientos de búsqueda, al permitir realizar comparaciones de los resultados basados en el diseño.</p>
<p>Por ello, en la previsulización de Google, los diseños centrados en el usuario destacaran frente a otros. En cambio las páginas basadas en Flash sin imágenes sustitutivas van a destacar negativamente.</p>
<h3>Previsualización de una web desarrollada en Flash</h3>
<p style="text-align: center;"><a href="http://www.vivaelpixel.com/wp-content/uploads/2010/12/flash-instant-preview-big.jpg" rel="shadowbox[sbpost-1359];player=img;" class="liimagelink" title="flash google instant preview"><img class="size-full wp-image-1369  aligncenter" title="flash google instant preview" src="http://www.vivaelpixel.com/wp-content/uploads/2010/12/flash-instant-preview.jpg" alt="" width="430" height="192" /></a></p>
<h3>Google Instant Preview en acción</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="266" 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://www.youtube.com/v/nGaU7JKU7TU?fs=1&amp;hl=es_ES" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="266" src="http://www.youtube.com/v/nGaU7JKU7TU?fs=1&amp;hl=es_ES" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/12/google-instant-preview-afecta-diseno/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skyfire 2.0: Navegador móvil compatible con Flash</title>
		<link>http://www.vivaelpixel.com/2010/05/skyfire-navegador-movil-android-compatible-flash/</link>
		<comments>http://www.vivaelpixel.com/2010/05/skyfire-navegador-movil-android-compatible-flash/#comments</comments>
		<pubDate>Mon, 03 May 2010 21:52:55 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=765</guid>
		<description><![CDATA[Tras la última carta de Steve Jobs contra Flash se aleja cada vez más la opción de disponer Flash en el iPhone. En cambio Android parece que sí va a ser una plataforma compatible con Flash.]]></description>
			<content:encoded><![CDATA[<p>Tras la <a href="http://www.cristalab.com/blog/analisis-de-la-carta-de-steve-jobs-contra-flash-c87234l/" title="Carta Steve Jobs" target="_blank" class="liexternal">última carta de Steve Jobs</a> contra Flash se aleja cada vez más la opción de disponer Flash en el <em>iPhone</em>. En cambio Android parece que sí va a ser una plataforma compatible con Flash.</p>
<p>Ya hace unos meses, al mismo tiempo que Google presentaba su móvil<a href="http://www.vivaelpixel.com/2010/01/google-nexus-one/" title="Google Nexus One" target="_blank" class="liinternal"> Nexus One</a>, Adobe demostraba que el dispositivo de Google es <a href="http://www.engadget.com/2010/01/05/nexus-one-previewed-with-flash-10-1-beta-careful-what-you-wish/" title="Nexus One Flash" target="_blank" class="liexternal">compatible con Flash</a>.</p>
<p>La semana pasada <a href="http://www.skyfire.com/" title="skyfire" target="_blank" class="liexternal">Skyfire</a> presentó su nuevo navegador compatible con Flash para el sistema operativo Android.</p>
<h3>Características Skyfire 2.o</h3>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="259" 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://www.youtube.com/v/9t00fEV2_kE&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="259" src="http://www.youtube.com/v/9t00fEV2_kE&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/05/skyfire-navegador-movil-android-compatible-flash/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Diseño de pantallas para Rich Internet Applications</title>
		<link>http://www.vivaelpixel.com/2010/02/plantillas-pantallas-ria/</link>
		<comments>http://www.vivaelpixel.com/2010/02/plantillas-pantallas-ria/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 21:05:09 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[RIA]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=547</guid>
		<description><![CDATA[Un buen punto de partida para el diseño de pantallas para RIA es este completo articulo de Theresa Neil, publicado en UX Magazine. En el articulo lo más destacable son las 15 plantillas para el diseño de RIA.]]></description>
			<content:encoded><![CDATA[<p>Un buen punto de partida para el diseño de pantallas para RIA es <a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liexternal">este completo articulo</a> de <a href="http://www.theresaneil.com/" target="_blank" class="liexternal">Theresa Neil</a>, publicado en UX Magazine. En el articulo lo más destacable son las 15 plantillas para el diseño de RIA.</p>
<p>Para ver cual es el mejor uso para cada plantilla puedes el <a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liexternal">artículo completo en UX Magazine</a> o ver la presentación con 80 ejemplos más abajo.</p>
<h3>1. Master/Detalle</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="master detalle"><img class="aligncenter size-full wp-image-552 no-border" title="master detalle" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/master.jpg" alt="" width="430" height="100" /></a></p>
<h3>2. Columnas</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="columnas"><img class="aligncenter" title="columnas" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/columna.jpg" alt="" width="430" height="100" /></a></p>
<h3>3. Paleta/canvas</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="paleta"><img class="aligncenter" title="paleta" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/canvas.jpg" alt="" width="430" height="100" /></a></p>
<h3>4. Dashboard</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="dashboard"><img class="aligncenter" title="dashboard" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/dashboard.jpg" alt="" width="430" height="100" /></a></p>
<h3>5. Spreadsheet</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="spreadsheet"><img class="aligncenter" title="spreadsheet" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/spreadsheet.jpg" alt="" width="430" height="100" /></a></p>
<h3>6. Interactivo</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="interactivo"><img class="aligncenter" title="interactivo" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/interactivo.jpg" alt="" width="430" height="100" /></a></p>
<h3>7. Busqueda/Resultado</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="busqueda y resultados"><img class="aligncenter" title="busqueda y resultados" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/search.jpg" alt="" width="430" height="100" /></a></p>
<h3>8. Filtrado datos</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="filtrado datos"><img class="aligncenter" title="filtrado datos" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/dataset.jpg" alt="" width="430" height="100" /></a></p>
<h3>9. Paneles paralelos</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="paneles paralelos"><img class="aligncenter" title="paneles paralelos" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/paralelos.jpg" alt="" width="430" height="100" /></a></p>
<h3>10. Asistente</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="asistente"><img class="aligncenter" title="asistente" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/wizard.jpg" alt="" width="430" height="100" /></a></p>
<h3>11. Preguntas y respuestas</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="preguntas y respuestas"><img class="aligncenter" title="preguntas y respuestas" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/questions.jpg" alt="" width="430" height="100" /></a></p>
<h3>12. Formularios</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="formularios"><img class="aligncenter" title="formularios" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/forms.jpg" alt="" width="430" height="100" /></a></p>
<h3>13. Portal</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="portal"><img class="aligncenter" title="portal" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/portal.jpg" alt="" width="430" height="100" /></a></p>
<h3>14. Pestañas</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="pestañas"><img class="aligncenter" title="pestañas" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/tabs.jpg" alt="" width="430" height="100" /></a></p>
<h3>15. Explorador</h3>
<p style="text-align: center;"><a href="http://uxmag.com/design/rich-internet-application-screen-design" target="_blank" class="liimagelink" title="explorador"><img class="aligncenter" title="explorador" src="http://www.vivaelpixel.com/wp-content/uploads/2010/02/browse.jpg" alt="" width="430" height="100" /></a></p>
<h3>80 ejemplos reales de las plantillas</h3>
<div id="__ss_3119721" style="width: 425px; text-align: left;"><a href="http://www.slideshare.net/theresaneil/ria-screen-layouts" style="font: 14px Helvetica,Arial,Sans-serif; display: block; margin: 12px 0 3px 0; text-decoration: underline;" title="RIA Screen Layouts" target="_blank" class="liexternal">RIA Screen Layouts</a><object style="margin: 0px;" 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=riascreenlayouts-100210011828-phpapp02&amp;rel=0&amp;stripped_title=ria-screen-layouts" /><param name="allowfullscreen" value="true" /><embed style="margin: 0px;" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=riascreenlayouts-100210011828-phpapp02&amp;rel=0&amp;stripped_title=ria-screen-layouts" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a href="http://www.slideshare.net/" style="text-decoration: underline;" target="_blank" class="liexternal">presentations</a> from <a href="http://www.slideshare.net/theresaneil" style="text-decoration: underline;" target="_blank" class="liexternal">Theresa Neil</a>.</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/02/plantillas-pantallas-ria/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Instalar Adobe Flash Player en Ubuntu 9.10 64bits</title>
		<link>http://www.vivaelpixel.com/2010/01/instalar-adobe-flash-player-en-ubuntu-9-10-64bits/</link>
		<comments>http://www.vivaelpixel.com/2010/01/instalar-adobe-flash-player-en-ubuntu-9-10-64bits/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 11:18:11 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[64bits]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash Player]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=322</guid>
		<description><![CDATA[Aunque es posible instalar la versión 32bits del Flash Player en Ubuntu 64 bits, para maximizar el rendimiento y la estabilidad, existe una versión alpha del Flash Player para Linux 64bits. Aunque en mi caso no he tenido problemas con este Flash Player, es importante indicar que al tratarse de una versión alpha pueden existir [...]]]></description>
			<content:encoded><![CDATA[<p>Aunque es posible instalar la versión 32bits del Flash Player en Ubuntu 64 bits, para maximizar el rendimiento y la estabilidad, existe una versión <em>alpha</em> del <a href="http://labs.adobe.com/technologies/flashplayer10/64bit.html" target="_blank" class="liexternal">Flash Player para Linux 64bits</a>. Aunque en mi caso no he tenido problemas con este Flash Player, es importante indicar que al tratarse de una versión <em>alpha</em> pueden existir errores, por lo que este tutorial no viene con ninguna garantía de ningún tipo. En cualquier caso en la <a href="http://labs.adobe.com/technologies/flashplayer10/64bit.html" target="_blank" class="liexternal">página del plugin</a> es posible consultar más información sobre el Flash Player 10 para Linux 64bits.</p>
<p>Antes de comenzar con la instalación del Flash Player 10 para Linux 64bits, debemos eliminar cualquier versión anterior del Flash Player que tengamos instalada en nuestro sistema.</p>
<p>En primer lugar debemos descargar el <a href="http://labs.adobe.com/downloads/flashplayer10_64bit.html" target="_blank" class="liexternal">Flash Player 10 para Linux 64bits</a> y desde la consola ir al directorio en el que hayamos descargado el archivo. Por ejemplo si lo hemos descargado en el Escritorio:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #7a0874; font-weight: bold;">cd</span> <span style="color: #000000; font-weight: bold;">/</span>home<span style="color: #000000; font-weight: bold;">/</span>andreas<span style="color: #000000; font-weight: bold;">/</span>Escritorio</pre></div></div>

<p>El siguiente paso seria descomprimir el archivo y copiar el contenido al directorio de plugins:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">tar</span> xzf libflashplayer<span style="color: #000000; font-weight: bold;">*</span>
<span style="color: #c20cb9; font-weight: bold;">sudo</span> <span style="color: #c20cb9; font-weight: bold;">cp</span> libflashplayer.so <span style="color: #000000; font-weight: bold;">/</span>usr<span style="color: #000000; font-weight: bold;">/</span>lib<span style="color: #000000; font-weight: bold;">/</span>mozilla<span style="color: #000000; font-weight: bold;">/</span>plugins<span style="color: #000000; font-weight: bold;">/</span></pre></div></div>

<p>Y ya tendríamos instalado el plugin. Para verificar que todo funciona bien, abre el navegador y visita <a href="http://www.adobe.com/software/flash/about/" target="_blank" class="liexternal">esta página</a> de Adobe.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/01/instalar-adobe-flash-player-en-ubuntu-9-10-64bits/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Campaña de Verbatim</title>
		<link>http://www.vivaelpixel.com/2009/12/campana-de-verbatim/</link>
		<comments>http://www.vivaelpixel.com/2009/12/campana-de-verbatim/#comments</comments>
		<pubDate>Mon, 28 Dec 2009 09:37:17 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Ocio Digital]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Japón]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=165</guid>
		<description><![CDATA[A través de un amigo me ha llegado esta campaña online de Verbatim Japón. Ha sido programada por Masayuki Kido, que fue responsable de otra campaña en Flash 3D del año pasado Ecodazoo.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-168" title="Verbatim" src="http://www.vivaelpixel.com/wp-content/uploads/2009/12/verbatim-and1.jpg" alt="Verbatim" width="430" height="240" /></p>
<p>A través de un amigo me ha llegado esta campaña online de Verbatim Japón: <a href="http://www.verbatim.jp/senshuken/" target="_blank" class="liexternal">http://www.verbatim.jp/senshuke</a></p>
<p>Ha sido programada por <a href="http://roxik.com/" target="_blank" class="liexternal">Masayuki Kido</a>, que fue responsable de otra campaña en Flash 3D del año pasado <a href="http://ecodazoo.com" target="_blank" class="liexternal">Ecodazoo</a>. Actualmente trabaja en la agencia <a href="http://www.imgsrc.co.jp/" target="_blank" class="liexternal">imgsrc</a> de Tokyo.</p>
<p><script src="http://campaign.verbatim.jp/senshuken/db/gadget.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
  putvchamp(-1,687690);
// ]]&gt;</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2009/12/campana-de-verbatim/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: www.vivaelpixel.com @ 2012-02-05 13:26:14 by W3 Total Cache -->
