<?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; JavaScript</title>
	<atom:link href="http://www.vivaelpixel.com/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vivaelpixel.com</link>
	<description>el blog de Andy Kaiser</description>
	<lastBuildDate>Wed, 16 May 2012 21:54:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Si tienes un blog ayuda a Japón</title>
		<link>http://www.vivaelpixel.com/2011/03/si-tienes-un-blog-ayuda-a-japon/</link>
		<comments>http://www.vivaelpixel.com/2011/03/si-tienes-un-blog-ayuda-a-japon/#comments</comments>
		<pubDate>Sun, 13 Mar 2011 10:27:56 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Japón]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1722</guid>
		<description><![CDATA[Si tienes un blog o página web puedes ayudar a las personas que han sufrido el terremoto en Japón. Para ello tienes que añadir un código a tu blog, que muestra un enlace a una página de Google con información sobre diferentes organizaciones para donar.]]></description>
			<content:encoded><![CDATA[<p>Si tienes un blog o página web puedes ayudar a las personas que han sufrido el terremoto en Japón. Para ello tienes que añadir el siguiente código a tu blog, que muestra un enlace a una <a href="http://www.google.com/tsunami_relief.html" target="_blank" class="liexternal">página de Google</a> con información sobre diferentes organizaciones para donar:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&lt;script src=&quot;//www.hellobar.com/hellobar.js&quot; type=&quot;text/javascript&quot;&gt;&lt;!--mce:0--&gt;&lt;/script&gt;
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;&lt;!--</span>mce<span style="color: #339933;">:</span><span style="color: #CC0000;">1</span><span style="color: #339933;">--&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<p>En el caso de WordPress tienes que seguir los siguientes pasos:</p>
<ol>
<li>Instalar el plugin <a href="http://wordpress.org/extend/plugins/hellobar/" title="Plugin Hellobar" target="_blank" class="liwp">Hellobar</a></li>
<li>Activar el plugin</li>
<li>Añadir el código anterior en la configuración del plugin</li>
</ol>
<p>Más información en <a href="http://mashable.com/2011/03/12/hello-bar-japan/" title="Hello Bar Japon" target="_blank" class="liexternal">este post de Mashable</a>.</p>
<div id="_mcePaste" class="mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;">http://wordpress.org/extend/plugins/hellobar/</div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/03/si-tienes-un-blog-ayuda-a-japon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Piwik una alternativa libre a Google Analytics</title>
		<link>http://www.vivaelpixel.com/2011/01/piwik-una-alternativa-libre-a-google-analytics/</link>
		<comments>http://www.vivaelpixel.com/2011/01/piwik-una-alternativa-libre-a-google-analytics/#comments</comments>
		<pubDate>Sat, 15 Jan 2011 13:39:27 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Marketing Online]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[SEO/SEM/SMO]]></category>
		<category><![CDATA[Alemania]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=1573</guid>
		<description><![CDATA[Desde hace tiempo Google está modificando las opciones de privacidad de Google Analytics, en especial para ajustarse a las leyes alemanas, que obligan a este tipo de servicios un Opt-Out para el usuario. En los últimos días han aparecido noticias en los medios españoles, como El Mundo o El País, sobre la situación en Alemania [...]]]></description>
			<content:encoded><![CDATA[<p>Desde hace tiempo Google está <a href="http://www.vivaelpixel.com/2010/05/plugin-anti-google-analytics/" target="_self" class="liinternal">modificando las opciones de privacidad de Google Analytics</a>, en especial para ajustarse a las leyes alemanas, que obligan a este tipo de servicios un Opt-Out para el usuario.</p>
<p>En los últimos días han aparecido noticias en los medios españoles, como <a href="http://www.zeit.de/digital/datenschutz/2009-11/google-analytics-datenschutz" target="_blank" class="liexternal">El Mundo</a> o <a href="http://www.lagranepoca.com/stories/20110114/16325-alemania-analiza-prohibir-el-uso-de-google-analytics" target="_blank" class="liexternal">El País</a>, sobre la situación en Alemania y la posible prohibición de Google Analytics. Sin entrar en detalle sobre la mayor o menor veracidad de algunos puntos de los artículos y los comentarios de los mismos, el uso de la información estadística puede ser crítica para las empresas, en especial en el <a href="http://www.vivaelpixel.com/2011/01/comercio-electronico-tendencias-2011/" target="_self" class="liinternal">comercio electrónico</a>.</p>
<p>Existe un gran abanico de herramientas de <em>Web Analytics</em>, tanto de pago como gratuitas. En el caso de las analiticas web <em>open source,</em> una de las mejores soluciones es <a href="http://piwik.org/" target="_blank" class="liexternal">Piwik </a>, que en Agosto de 2009 fue considerado una de las <a href="http://www.infoworld.com/d/open-source/best-open-source-enterprise-software-740&amp;current=10&amp;last=3#slideshowTop" target="_blank" class="liexternal">mejores soluciones open source para el entorno empresarial</a>.</p>
<h3>Piwik</h3>
<p>Es una solución basada en PHP y Mysql y nació con la intención de ser una alternativa de software libre a Google Analytics, cuyas principales ventajas son:</p>
<ul>
<li><strong>Arquitectura modular</strong> basada en plugins, con lo que es posible disponer de nuevas funcionalidades que no vengan por defecto.</li>
<li><strong>API publica </strong>REST, con lo que se puede integrar Piwik con otros sistemas, tales como gestores de contenido.</li>
<li><strong>Privacidad y exclusividad de los datos</strong>, las estadísticas no se guardan en servidores externos y los visitantes pueden realizar un <em>Opt-Out</em>.</li>
</ul>
<div id="attachment_1578" class="wp-caption aligncenter" style="width: 485px"><a href="http://demo.piwik.org/" target="_blank" class="liimagelink" title="Piwik alternativa libre a Google Analytics"><img class="size-medium wp-image-1578" title="Piwik alternativa libre a Google Analytics" src="http://www.vivaelpixel.com/wp-content/uploads/2011/01/Piwik-Web-Analytics-Reports-475x257.png" alt="" width="475" height="257" /></a><p class="wp-caption-text">Pincha en la imagen para acceder a la demo de Piwik</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2011/01/piwik-una-alternativa-libre-a-google-analytics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yahoo! Developer Network</title>
		<link>http://www.vivaelpixel.com/2010/01/yahoo-developer-network/</link>
		<comments>http://www.vivaelpixel.com/2010/01/yahoo-developer-network/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 15:00:44 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Usabilidad]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Yahoo!]]></category>
		<category><![CDATA[Yslow]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=188</guid>
		<description><![CDATA[Yahoo! Developer Network es un portal para desarrolladores, donde se ofrece acceso gratuito a la colección de API&#8217;s de Yahoo! y múltiples recursos. Google a su vez dispone de un portal parecido http://code.google.com/, pero el de Yahoo! destaca por ser muy genérico y completo, ya que ademas de toda la información sobre sus API&#8217;s hay [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://developer.yahoo.com/" target="_blank" class="liexternal">Yahoo! Developer Network</a> es un portal para desarrolladores, donde se ofrece acceso gratuito a la colección de API&#8217;s de Yahoo! y múltiples recursos. Google a su vez dispone de un portal parecido http://code.google.com/, pero el de Yahoo! destaca por ser muy genérico y completo, ya que ademas de toda la información sobre sus API&#8217;s hay múltiples guías, tutoriales relacionados con múltiples aspectos del desarrollo de aplicaciones web. Las principales secciones son:</p>
<h3>Yahoo!&#8217;s Design Pattern Library</h3>
<p><a href="http://developer.yahoo.com/ypatterns/" target="_blank" class="liexternal">Yahoo!&#8217;s Design Pattern Library</a>, es una librería de patrones de diseño. Actualmente dispone de 56 diseños que pueden ayudar mucho a los desarrolladores y diseñadores al diseñar el interfaz y aumentar la usabilidad.</p>
<h3>Excepcional Performance</h3>
<p><a href="http://developer.yahoo.com/performance/" target="_blank" class="liexternal">Excepcional Performance</a>, es una sección dedicada a la optimización del rendimiento de webs. Además de consejos, dispone de vídeos e información sobre la extensión Yslow! para Firebug, la cual permite analizar el rendimiento de una web desde el navegador Firefox.</p>
<h3>YUI Library</h3>
<p><a href="http://developer.yahoo.com/yui/" target="_blank" class="liexternal">YUI Library</a>, es una librería de utilidades escritas en javascript y css para construir aplicaciones interactivas (RIA). Personalmente prefiero <a href="http://www.jquery.com" target="_blank" class="liexternal">jquery</a> como <em>javascript framework</em>, pero como en las diferentes distribuciones de Linux, cada una tiene sus pros y contras, y YUI es una biblioteca estable y potente &#8211; algo que queda demostrado gracias a que <a href="http://www.yahoo.com" target="_blank" class="liexternal"><em>Yahoo!</em></a> la usa en todas sus webs.</p>
<h3>Astra</h3>
<p><a href="http://developer.yahoo.com/flash/" target="_blank" class="liexternal">Astra</a>, es una librería de componentes para Adobe Flash y Flex pensado para los desarrolladores Flash &amp; Actionscript que permite construir aplicaciones interactivas (RIA).</p>
<h3>Lenguajes de programación</h3>
<p>En los centros de lenguajes de programación encontrarás tutoriales, articulos, foros y ejemplos de código de los siguientes lenguajes de programación: <a href="http://developer.yahoo.com/flash/" target="_blank" class="liexternal">Flash</a>, <a href="http://developer.yahoo.com/java/" target="_blank" class="liexternal">Java</a>, <a href="http://developer.yahoo.com/javascript/" target="_blank">JavaScript</a>, <a href="http://developer.yahoo.com/dotnet/" target="_blank" class="liexternal">.NET</a>, <a href="http://developer.yahoo.com/php/" target="_blank" class="liexternal">PHP</a>, <a href="http://developer.yahoo.com/python/" target="_blank" class="liexternal">Python</a>, <a href="http://developer.yahoo.com/ruby/" target="_blank" class="liexternal">Ruby</a> y <a href="http://developer.yahoo.com/dotnet/silverlight/" target="_blank" class="liexternal">Silverlight</a>.</p>
<h3>API y servicios web</h3>
<p>Por último recordar que en este portal encontraremos toda la información y ejemplos relacionados con las más de 35 APIs y servicios web de Yahoo!, como por ejemplo <a href="http://developer.yahoo.com/flickr/" target="_blank" class="liexternal">Flickr</a>, <a href="http://developer.yahoo.com/maps/" target="_blank" class="liexternal">Yahoo! Maps</a>. De todos ellos me gustaría destacar dos:</p>
<ol>
<li><a href="http://pipes.yahoo.com/pipes/" target="_blank" class="liexternal">Pipes</a>, una aplicación web que permite crear <em>mashups</em> de datos a través de un interfaz gráfico y diversas fuentes y formatos (rss, json, &#8230;)</li>
<li><a href="http://developer.yahoo.com/connectedtv/" target="_blank" class="liexternal">Yahoo! Connected TV Platform</a>, una plataforma para poder crear <em>widgets</em> para televisores Sony®, VIZIO®, Samsung®, LG®. Inicialmente solo estaba disponible para EE.UU, pero desde principios de este año el servicio está disponible para 16 paises, entre los que está España.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/01/yahoo-developer-network/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Logo animado de Google</title>
		<link>http://www.vivaelpixel.com/2010/01/logo-animado-de-google/</link>
		<comments>http://www.vivaelpixel.com/2010/01/logo-animado-de-google/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 13:49:43 +0000</pubDate>
		<dc:creator>Andy Kaiser</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.vivaelpixel.com/?p=234</guid>
		<description><![CDATA[Hoy es el aniversario del nacimiento de Isaac Newton y, como siempre en los acontecimientos importantes, Google ha tuneado su logo. Pero esta vez han utilizado un logo animado de una manzana cayendo del arbol.]]></description>
			<content:encoded><![CDATA[<p>Hoy es el aniversario del nacimiento de <a href="http://es.wikipedia.org/wiki/Isaac_Newton" target="_blank" rel="nofollow" class="liwikipedia">Isaac Newton</a> y, como siempre en los acontecimientos importantes, <a href="http://google.es" target="_blank" class="liexternal">Google</a> ha <a href="http://www.google.com/logos/" target="_blank" class="liexternal"><em>tuneado</em></a> su logo. Pero esta vez han utilizado un logo animado de una manzana cayendo del arbol.</p>
<p><img class="aligncenter size-full wp-image-233" title="Logo animado de Google" src="http://www.vivaelpixel.com/wp-content/uploads/2010/01/google_logo_animated1.gif" alt="Logo animado de Google" width="430" height="328" /> Es quizas la primera vez que Google utiliza un logo animado y no lo han realizado en Flash o con un gif animado, está sencillamente programado en JavaScript.</p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>img id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;logo&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;margin-top: -1.22em;&quot;</span> title<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Birthday of Sir Isaac Newton&quot;</span> src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;/logos/newton10-tree.jpg&quot;</span> border<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;0&quot;</span> alt<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Birthday of Sir Isaac Newton&quot;</span> width<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;384&quot;</span> height<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;138&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.vivaelpixel.com/2010/01/logo-animado-de-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Served from: www.vivaelpixel.com @ 2012-05-19 03:22:09 by W3 Total Cache -->
