<?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>Maison De L&#039;Art</title>
	<atom:link href="http://blog.maisondelart.net/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.maisondelart.net</link>
	<description>Blog de CSS, Jquery, Wordpress y diseño</description>
	<lastBuildDate>Thu, 10 Jun 2010 11:21:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Iphone 4GS vs. Nexus One de Google</title>
		<link>http://blog.maisondelart.net/noticias/iphone-4gs-vs-nexus-one-de-google</link>
		<comments>http://blog.maisondelart.net/noticias/iphone-4gs-vs-nexus-one-de-google#comments</comments>
		<pubDate>Mon, 07 Jun 2010 22:15:30 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[comparativa]]></category>
		<category><![CDATA[Iphone 4G]]></category>
		<category><![CDATA[Nexus One]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=46</guid>
		<description><![CDATA[Hoy, Apple ha presentado su nuevo Iphone 4G, una esperada renovación que, este año, ha traído numerosas sorpresas en muchos aspectos. Aún así, la comparación con el dispositivo de Google, el reciente Nexus One, es inevitable. Por supuesto, tecnológicamente, Iphone 4G es un dispositivo mucho mejor equipado por su posterior lanzamiento.
He aquí, una tabla comparativa [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy, <strong>Apple</strong> ha presentado su nuevo <strong>Iphone 4G</strong>, una esperada renovación que, este año, ha traído numerosas sorpresas en muchos aspectos. Aún así, la comparación con el dispositivo de <strong>Google</strong>, el reciente <strong>Nexus One</strong>, es inevitable. Por supuesto, tecnológicamente, <strong>Iphone 4G</strong> es un dispositivo mucho mejor equipado por su posterior lanzamiento.</p>
<div id="attachment_47" class="wp-caption aligncenter" style="width: 477px"><a href="http://blog.maisondelart.net/img/2010/06/nexus-one-vs-iphone-4g.png"><img class="size-full wp-image-47" title="Iphone 4G VS Nexus One Google" src="http://blog.maisondelart.net/img/2010/06/nexus-one-vs-iphone-4g.png" alt="Iphone 4G VS Nexus One Google" width="467" height="365" /></a><p class="wp-caption-text">Iphone 4G VS Nexus One Google</p></div>
<p>He aquí, una tabla comparativa de características principales de ambos dispositivos, ¿por cuál te decides?</p>
<table border="0" cellspacing="0" summary="Iphone 4G vs Nexus One de Google">
<tbody>
<tr class="top">
<td class="first"></td>
<td>Nexus One</td>
<td class="last">Iphone 4G</td>
</tr>
<tr>
<td class="first">Pantalla</td>
<td class="winner">3.7 pulgadas</td>
<td class="last">3.5 pulgadas</td>
</tr>
<tr>
<td class="first">Resolución</td>
<td>800&#215;480px</td>
<td class="winner">900&#215;640px</td>
</tr>
<tr>
<td class="first">Peso</td>
<td class="winner">130g (con batería)</td>
<td class="last">137g con batería</td>
</tr>
<tr>
<td class="first"></td>
<td>100g (sin batería)</td>
<td class="last"></td>
</tr>
<tr>
<td class="first">Anchura</td>
<td>59.8 mm</td>
<td class="winner">58.6 mm</td>
</tr>
<tr>
<td class="first">Altura</td>
<td>119 mm</td>
<td class="winner">115.2 mm</td>
</tr>
<tr>
<td class="first">Grosor</td>
<td>11.5 mm</td>
<td class="winner">9.3 mm</td>
</tr>
<tr>
<td class="first">Batería:</td>
<td class="winner">Extraíble</td>
<td>Integrada</td>
</tr>
<tr>
<td class="first">Duración</td>
<td>7 horas de vídeo</td>
<td class="winner">10 horas de vídeo</td>
</tr>
<tr>
<td class="first"></td>
<td>290 horas en espera (2G)</td>
<td class="winner">300 horas en espera</td>
</tr>
<tr>
<td class="first"></td>
<td>5 horas con Internet 3G</td>
<td class="winner">6 horas con 3G</td>
</tr>
<tr>
<td class="first"></td>
<td>6,5 horas con Wifi</td>
<td class="winner">10 horas con Wifi</td>
</tr>
<tr>
<td class="first"></td>
<td>20 horas de audio</td>
<td class="winner">40 horas de audio</td>
</tr>
<tr>
<td class="first"></td>
<td>10 horas de llamada (2G)</td>
<td class="winner">14 horas de llamada (2G)</td>
</tr>
<tr>
<td class="first">Procesador</td>
<td>Qualcomm QSD 8250 1 GHz</td>
<td class="winner">Apple A4 1GHz</td>
</tr>
<tr>
<td class="first">Tarjeta de memoria</td>
<td class="winner">Micro SD <strong>extraíble</strong>, hasta 32 GB</td>
<td class="last">No extraíble, hasta 32 GB</td>
</tr>
<tr>
<td class="first">Capacidad mínima</td>
<td>4GB en tarjeta incluida</td>
<td class="winner">16 GB</td>
</tr>
<tr>
<td class="first">Resolución de vídeo</td>
<td>720&#215;480px/ 20fps</td>
<td class="winner">1280&#215;720px /30fps</td>
</tr>
<tr>
<td class="first">Bluetooth</td>
<td class="winner">
<ul>
<li>Bluetooth 2.1 + EDR</li>
<li>A2DP stereo Bluetooth</li>
</ul>
</td>
<td class="last">Bluetooth 2.1 + EDR</td>
</tr>
<tr>
<td class="first">Wifi</td>
<td>Wi-Fi (802.11b/g)</td>
<td class="last winner">Wi-Fi (802.11b/gn)</td>
</tr>
<tr>
<td class="first"><a href="http://es.wikipedia.org/wiki/MiFi">Función MIFI</a></td>
<td class="winner">Integrada</td>
<td class="last">No</td>
</tr>
<tr>
<td class="first">Cámara fotográfica</td>
<td>5 MPX con flash LED</td>
<td class="last">5 MPX con flash LED</td>
</tr>
<tr>
<td class="first">Localización</td>
<td>
<ul>
<li>AGPS</li>
<li>Wi-Fi</li>
<li>Compás digital</li>
<li>Acelerómetro</li>
</ul>
</td>
<td class="last">
<ul>
<li>AGPS</li>
<li>Wi-Fi</li>
<li>Compás digital</li>
<li>Acelerómetro</li>
</ul>
</td>
</tr>
<tr>
<td class="first">Sincronización</td>
<td class="winner">Dispositivo estándar sincronizable en cualquier plataforma sin instalación previa</td>
<td class="last">Uso exclusivo con Itunes</td>
</tr>
<tr class="bottom">
<td class="first">Precio</td>
<td>462 euros</td>
<td class="last">Sin precio confirmado</td>
</tr>
</tbody>
</table>
<p>Además de las marcadas, <strong>Iphone 4GS</strong> ha llegado con muchos más extras de los que no dispone <strong>Nexus One</strong>. Entre ellos, los <strong>sensores de movimiento, luz y proximidad</strong>, la especial calidad y resolución de su pantalla, la videocámara frontal y la posibilidad de vídeo conferencia. También, incorpora el Apple A4, mismo procesador que el <strong>Ipad</strong> y <a href="http://www.techpinas.com/2010/04/benchmarks-apple-a4-vs-qualcomm.html">muy superior al procesador QSD de Nexus One</a>.</p>
<p>A pesar de sus mejoras tecnológicas, sigue siendo un dispositivo <strong>Apple</strong>, con todas las restricciones que ello conlleva. Y es que, personalmente, el uso de Itunes para gestionar el dispositivo es algo que nunca me ha parecido agradable a la hora de administrar el contenido. En ello, <strong>Google</strong> ha sabido dar la libertad que el usuario necesita dejando que el dispositivo se gestione con cualquier sistema operativo que detecte dispositivos de almacenamiento externo, sin necesidad de instalar software adicional.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/noticias/iphone-4gs-vs-nexus-one-de-google/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Inudge: cuando Flash es realmente útil</title>
		<link>http://blog.maisondelart.net/noticias/inudge-cuando-flash-es-realmente-util</link>
		<comments>http://blog.maisondelart.net/noticias/inudge-cuando-flash-es-realmente-util#comments</comments>
		<pubDate>Mon, 28 Sep 2009 19:50:53 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Inudge]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=43</guid>
		<description><![CDATA[Vía Menéame, descubrimos la fantástica aplicación Inudge, una aplicación en Flash con la que podemos realizar melodías polifónicas de forma muy visual:


Contiene 8 pistas de un color cada una. En cada pista, &#8220;pintamos&#8221; cada bloque, entendiendo que cada bloque, en cada línea y a cada altura, representa un golpe de sonido diferente. Además, podemos elegir [...]]]></description>
			<content:encoded><![CDATA[<p>Vía <a href="http://meneame.net/story/inudge-sequenciador-8-instrumentos-online">Menéame</a>, descubrimos la fantástica aplicación <a href="http://inudge.net">Inudge</a>, una aplicación en Flash con la que podemos realizar melodías polifónicas de forma muy visual:</p>
<p><a href="http://blog.maisondelart.net/img/2009/09/inudge.jpg"><img class="aligncenter size-medium wp-image-44" title="Inudge" src="http://blog.maisondelart.net/img/2009/09/inudge-500x227.jpg" alt="Inudge" width="500" height="227" /></a><br />
<a href="http://blog.maisondelart.net/img/2009/09/inudge1.jpg"><img class="aligncenter size-full wp-image-45" title="Inudge" src="http://blog.maisondelart.net/img/2009/09/inudge1.jpg" alt="Inudge" width="412" height="418" /></a></p>
<p>Contiene 8 pistas de un color cada una. En cada pista, &#8220;pintamos&#8221; cada bloque, entendiendo que cada bloque, en cada línea y a cada altura, representa un golpe de sonido diferente. Además, podemos elegir la longitud, volumen y velocidad de cada patrón.</p>
<p>Una herramienta que representa uno de esos pocos casos donde Flash resulta útil y cumple su función. Cabe advertir que esta aplicación es <strong>muy adictiva</strong>.</p>
<p>Si os gusta, no os perdáis su versión &#8220;pro&#8221;, <a href="http://www.hobnox.com/index.1056.de.html">Hobnox</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/noticias/inudge-cuando-flash-es-realmente-util/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Web trend map 4: el póster de la web 2.0 para geeks</title>
		<link>http://blog.maisondelart.net/noticias/web-trend-map-4-el-poster-de-la-web-2-0-para-geeks</link>
		<comments>http://blog.maisondelart.net/noticias/web-trend-map-4-el-poster-de-la-web-2-0-para-geeks#comments</comments>
		<pubDate>Sat, 05 Sep 2009 13:10:47 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=38</guid>
		<description><![CDATA[El Web Trend Map 4 es el mapa de la red de metro de Tokyo, orientado a la web 2.0, donde verás gráficamente las empresas y servicios más destacados de la red en forma de línea de metro.]]></description>
			<content:encoded><![CDATA[<p>En <strong><a href="http://informationarchitects.jp/wtm4/">Information Architects</a></strong> han elaborado un curiosísimo mapa, bastante interesante, que describe la situación de la web 2.0 a nivel mundial, ofreciendo una conexión gráfica entre servicios y medios de información en Internet más destacados.</p>
<p>Se trata de un mapa similar a la red de metro de Tokyo, donde vemos de forma gráfica cuáles son los medios y servicios del &#8220;centro&#8221; de Internet, y cuáles son también importantes, pero que pertenecen al &#8220;extrarradio&#8221; cibernético, como sería el caso de <a href="http://www.elpais.com">El País</a> o <a href="http://www.elmundo.es">El Mundo</a> (que ya es un detalle que los consideren importantes).</p>
<p><a href="http://blog.maisondelart.net/img/2009/09/wtm4-final.jpg"><img class="aligncenter size-medium wp-image-39" title="Web trend map 4" src="http://blog.maisondelart.net/img/2009/09/wtm4-final-500x353.jpg" alt="Web trend map 4" width="500" height="353" /></a></p>
<p>Cada color de cada línea, representa un sector de Internet: noticias, economía, entretenimiento, aplicaciones&#8230; Y, justo debajo, vemos un trayecto plano de las 50 &#8220;paradas&#8221; más importantes de la red (de metro).</p>
<p>Toda una obra de arte que merece ser impresa. Porque, si te ha gustado el invento, tienes la posibilidad de <strong>comprarlo</strong> en formato póster por 68.50 dólares (<strong>48,17 euros</strong> a día de hoy) en un formato de 0,8&#215;1,2 metros:</p>
<form id="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"><fieldset></p>
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="5674432" />
<input alt="PayPal" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" type="image" /><img src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt="" width="1" height="1" /></fieldset></form>
<p>El mapa está impreso en <strong>la  empresa que imprime la publicidad de Apple en Japón</strong>. Puedes ver el proceso de realización e impresión en su <a href="http://www.flickr.com/photos/formforce/sets/72157618763429973/">galería en Flickr</a>:</p>
<p><a href="http://blog.maisondelart.net/img/2009/09/3569168244_835ec5f3b3_b.jpg"><img class="aligncenter size-medium wp-image-41" title="Imprimiendo el Web Trend Map 4 - WTM4" src="http://blog.maisondelart.net/img/2009/09/3569168244_835ec5f3b3_b-500x334.jpg" alt="Imprimiendo el Web Trend Map 4 - WTM4" width="500" height="334" /></a></p>
<p><strong>Descargar PNG original</strong> (2,9 mb):</p>
<ul>
<li><a href="http://informationarchitects.jp/wp-content/uploads/2009/07/wtm4-final.png">Fuente original</a>.</li>
<li><a href="http://www.photolizer.com/Photo%20Studies/Graphic/Data%20Visualization/wtm4-final.png">Photolizer</a> (descarga alternativa).</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/noticias/web-trend-map-4-el-poster-de-la-web-2-0-para-geeks/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Desinstalar Safari 4 para volver a Safari 3.2.3 en Mac Os X</title>
		<link>http://blog.maisondelart.net/trucos/desinstalar-safari-4-para-volver-a-safari-3-2-3-en-mac-os-x</link>
		<comments>http://blog.maisondelart.net/trucos/desinstalar-safari-4-para-volver-a-safari-3-2-3-en-mac-os-x#comments</comments>
		<pubDate>Tue, 01 Sep 2009 14:00:22 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Trucos]]></category>
		<category><![CDATA[Mac Os X]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=34</guid>
		<description><![CDATA[A muchos usuarios de Mac Os X, nos está dando muchos problemas Safari 4. Por desgracia, Apple ha seguido, últimamente, una muy restrictiva política que hace sea altamente complicado deshacerse de las últimas versiones de Itunes o Safari.]]></description>
			<content:encoded><![CDATA[<p>La solución más rápida a tal drástico problema, sería formatear nuestro sistema, pero hay una solución menos dolorosa. Vamos a ofrecer una solución para Tiger y Leopard, ambas diferentes.</p>
<p>Antes de comenzar, debemos desinstalar <strong>Safari 4</strong> con <strong><a href="http://freemacsoft.net/AppCleaner/">Appcleaner</a></strong>. Por defecto, Appcleaner impide desinstalarlo porque lo considera una aplicación protegida. Para que se desbloquee esta opción, elegimos las preferencias de Appcleaner, y desmarcamos la casilla <em>Protect default apps</em>:</p>
<p><a href="http://blog.maisondelart.net/img/2009/08/Appcleaner.jpg"><img class="aligncenter size-full wp-image-36" title="Appcleaner" src="http://blog.maisondelart.net/img/2009/08/Appcleaner.jpg" alt="Appcleaner" width="319" height="403" /></a></p>
<p>Ahora, puedes desinstalar <strong>Safari 4</strong> sin problemas. Una vez lo hayas arrastrado a <strong>Appcleaner</strong>, se guardará en la papelera, así que es necesario que la vacíes. A continuación, vamos a <strong>instalar Safari 3.2.3</strong>:</p>
<h3>Solución para Leopard</h3>
<ol>
<li>Descargar <strong><a href="http://www.charlessoft.com/">Pacifist</a></strong>.</li>
<li>Descarga <strong>Safari 3.2.3</strong> para <a href="http://support.apple.com/downloads/Safari_3_2_3_for_Leopard">Leopard/ Snow Leopard</a> (10.5/ 10.6).</li>
<li>Abre el instalador (.pkg) con <strong>Pacifist</strong>.</li>
<li>Selecciona la pestaña Resources y despliega el paquete de Safari 3.2.3.</li>
<li>Selecciona el archivo &#8220;Payload&#8221; y extráelo en el escritorio pulsando en Extract to (<strong><a href="http://blog.maisondelart.net/img/2009/08/Pacifist.jpg">ver imagen</a></strong>).</li>
<li>Haz doble clic en el archivo descargado, que se debería duplicar en forma de archivo .ZIP.</li>
<li>Abre ese ZIP y se extraerá una nueva carpeta. Dentro de ella, existe otra carpeta llamada Applications.</li>
<li>Dentro de la carpeta Applications, está el icono de Safari 3.2.3.</li>
<li><strong>Arrástralo a Aplicaciones y todo habrá terminado</strong>.</li>
</ol>
<h3>Solución para Tiger</h3>
<ol>
<li>Descargar <strong><a href="http://www.charlessoft.com/">Pacifist</a></strong>.</li>
<li>Descarga <strong>Safari 3.2.3</strong> para <a href="http://support.apple.com/downloads/Safari_3_2_3_for_Leopard"></a><a href="http://support.apple.com/downloads/Safari_3_2_3_for_Tiger">Tiger</a> (10.4).</li>
<li>Abre el instalador (.pkg) con <strong>Pacifist</strong>.</li>
<li>Despliega el paquete (.dmg) y, dentro de él, el instalador (.pkg), y luego la carpeta Applications.</li>
<li>La carpeta Applications contiene la aplicación Safari.app que deseamos. Hacemos <strong>un clic</strong> sobre ella y pulsamos en &#8220;Extract to&#8230;&#8221; (<strong><a href="http://blog.maisondelart.net/img/2009/08/Pacifist-Tiger.jpg">ver esta imagen</a></strong>).</li>
<li>Elegimos la carpeta Aplicaciones como destino, y ahí <strong>se extraerá la versión 3.2.3 de Safari</strong>.</li>
</ol>
<p>Esta es la solución para Tiger, algo más sencilla que para Leopard. Si alguien tiene problemas para deshacerse de Safari 4 en Windows y quiere volver a la versión anterior, podéis usar los comentarios para ofrecer soluciones en Windows.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/trucos/desinstalar-safari-4-para-volver-a-safari-3-2-3-en-mac-os-x/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cufón: usando nuestros propios tipos de letra en la web</title>
		<link>http://blog.maisondelart.net/javascript/cufon-usando-nuestros-propios-tipos-de-letra-en-la-web</link>
		<comments>http://blog.maisondelart.net/javascript/cufon-usando-nuestros-propios-tipos-de-letra-en-la-web#comments</comments>
		<pubDate>Fri, 07 Aug 2009 19:20:29 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Cufón]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=29</guid>
		<description><![CDATA[Desde hace tiempo, los desarrolladores web hemos buscado muchas maneras de mostrar nuestros propios tipos de letra en pantalla. Aunque existen nuevos métodos para hacerlo posible de forma "legal" en CSS3, vamos a explicar cómo hacerlo de forma sencilla en Javascript gracias a Cufón.]]></description>
			<content:encoded><![CDATA[<p>Existen diferentes métodos para utilizar nuestras propias tipografías más allá de las estandarizadas (Times, Tahoma, Trebuchet, Arial y Verdana).</p>
<p>Las más utilizadas son las siguientes:</p>
<ul>
<li>Exportar el texto en forma de imagen, y <a href="http://www.google.es/search?q=reemplazar+texto+imagenes+css">usar CSS para reemplazarlo</a>.</li>
<li>Utilizar imágenes, de forma directa (con la etiqueta <em>img</em>), con el contenido dentro del texto alternativo (poco recomendado).</li>
<li>Utilizar <strong>Flash</strong> (no recomendado).</li>
</ul>
<h3>Instrucciones para comenzar</h3>
<p>Desde hace tiempo, tenemos disponible el método <a href="http://cufon.shoqolate.com"><strong>Cufón</strong></a>. Este método consiste en transformar texto en imágenes de forma automática, con un fantástico método <strong>Javascript</strong>, en 3 pasos:</p>
<ol>
<li>Ve al <a href="http://cufon.shoqolate.com/generate/">generador</a> y sube una fuente en formato <strong>TrueType</strong> (TTF), <strong>OpenType</strong> (OTF), <strong>Printer Font Binary</strong> (PFB) o <strong>PostScript</strong>. Procura, además, que la fuente esté abierta, ya que no todas las fuentes de los formatos admitidos, serán aceptadas. Si es posible, sube las 4 variantes: regular, negrita, cursiva y negrita cursiva.</li>
<li>En el apartado &#8220;<strong><em>Include the following glyphs (if available)</em></strong>&#8220;, marca la casilla <em>All</em>.</li>
<li>No es imprescindible personalizar ningún campo más, así que acepta las condiciones de uso. Se descargará un fichero .js que contendrá la fuente &#8220;transformada&#8221; en <strong>Javascript</strong>.</li>
<li>Descarga, <a href="http://cufon.shoqolate.com/generate/">en la página del generador</a>, el archivo de <strong>Cufón</strong> en &#8220;Download&#8221;.</li>
</ol>
<p>Una vez tenemos el archivo de nuestro tipo de letra y el archivo de Cufón (<em>cufon-yui.js</em>), vamos a implementarlos en nuestra web:</p>
<pre id="line1">&lt;<span>script</span><span> src</span><span>="</span>/js/cufon.js<span>" </span><span>type</span>=<span>"text/javascript"</span>&gt;&lt;/<span>script</span>&gt;
&lt;<span>script</span><span> src</span><span>="</span>/js/fuente.js<span>" </span><span>type</span>=<span>"text/javascript"</span>&gt;&lt;/<span>script</span>&gt;
&lt;<span>script</span><span> src</span><span>="/js/</span>jquery.min.js<span>" </span><span>type</span>=<span>"text/javascript"</span>&gt;&lt;/<span>script</span>&gt;</pre>
<p>Como veréis, hemos introducido, también, a <strong>Jquery</strong>. <strong>Jquery es imprescindible para que </strong><strong>Cufón funcione en algunos navegadores</strong>, como <strong>Firefox 3.0</strong> u <strong>Opera</strong>, ya que necesitan la ayuda de un selector como <strong>Jquery</strong> para funcionar.</p>
<h3>Ejemplos de uso</h3>
<p>A continuación, añadimos el primer código:</p>
<pre>&lt;script type="text/javascript"&gt;
 Cufon.replace('h1, h2');
&lt;/script&gt;</pre>
<p>En este ejemplo, estamos transformando los encabezamientos <em>h1</em> y <em>h2</em>. Ahora, vamos a rizar el rizo:</p>
<pre>&lt;script type="text/javascript"&gt;
 Cufon.replace('h2 a',{hover:true,hoverables:{a:true}});
 Cufon.replace('h3', {textShadow: '#37241d 1px 1px 1px', color: '-linear-gradient(#c1a681, #5e472f, #5e472f)'});
&lt;/script&gt;</pre>
<p>En este ejemplo, estamos transformando un enlace dentro de un encabezado de segundo nivel (<em>h2 a</em>) y que funcione la propiedad <em>a:hover</em>. Además, a todos los encabezados de tercer nivel (h3), estamos diciéndoles que <strong>usen una sombra</strong>, con los siguientes datos: <em>#37241d</em> (color) y <em>1px 1px 1px</em> (dispersión de la sombra, píxeles de posición horizontal y píxeles de posición vertical). También estamos añadiéndole, además, un <strong>degradado de color</strong>, introduciendo tantos valores como colores de degradado queramos (en nuestro ejemplo, 3 colores). <strong>Este es el ejemplo para el H3</strong>:</p>
<p><a href="http://blog.maisondelart.net/img/2009/08/h3.png"><img class="aligncenter size-full wp-image-30" title="Cufón on H3 with linear gradient and shadow" src="http://blog.maisondelart.net/img/2009/08/h3.png" alt="Cufón on H3 with linear gradient and shadow" width="167" height="46" /></a></p>
<p>En principio, las propiedades como la negrita, subrayado, cursiva, versalitas y otras, se pueden modificar directamente desde el CSS.</p>
<p><a href="http://wiki.github.com/sorccu/cufon/styling">En este enlace</a> tienes explicadas todas las posibilidades para darle estilo a tus fuentes <strong>Cufón</strong>. Como último consejo, es preferible que utilices un HTML con declaración estricta o, mejor aún, HTML5 para evitar posibles errores a la hora de dar estilos.</p>
<p>Más información:</p>
<ul>
<li><a href="http://wiki.github.com/sorccu/cufon"><strong>Cufón</strong></a></li>
<li><a href="http://cufon.shoqolate.com/generate/"><strong>Cufón generator</strong></a></li>
<li><strong><a href="http://wiki.github.com/sorccu/cufon/demos">Demos</a><br />
</strong></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/javascript/cufon-usando-nuestros-propios-tipos-de-letra-en-la-web/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Wordpress, JQuery y Cross Slide: soluciones</title>
		<link>http://blog.maisondelart.net/wordpress/wordpress-jquery-y-cross-slide-soluciones</link>
		<comments>http://blog.maisondelart.net/wordpress/wordpress-jquery-y-cross-slide-soluciones#comments</comments>
		<pubDate>Wed, 22 Jul 2009 00:07:44 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Cross Slide]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=28</guid>
		<description><![CDATA[Muchos somos habituales a plugins de JQuery tan útiles como Cross Slide, un impecable sistema de presentación de imágenes sin necesidad de usar Flash, pero no es tan sencillo implementarlo en Wordpress.]]></description>
			<content:encoded><![CDATA[<p><strong>Wordpress</strong>, desde hace varias versiones, viene de serie con su propia versión de <strong>JQuery</strong>, una versión mejorada del original con mejoras en CSS y otras modificaciones. Si sois usuarios del <em>plugin</em> <strong>Cross Slide</strong> sobre un tema en <strong>Wordpress</strong>, habréis visto que no funciona, debido a que no se llega a entender con el <strong>JQuery</strong> modificado de <strong>Wordpress</strong>.</p>
<p>Existen dos soluciones a este problema:</p>
<ol>
<li>Descargarse el original desde la web oficial de <strong>Jquery</strong> y sobreescribirlo en la carpeta <em>wp-includes/js/jquery/</em> en cada actualización de <strong>Wordpress</strong> (en caso de que uséis la actualización automática).</li>
<li>Usar una solución temporal más sencilla, sólo tocando el archivo wp-config.php, añadiendo una de las siguientes dos opciones:
<ul>
<li>
<pre>define('CONCATENATE_SCRIPTS', false );</pre>
</li>
<li>
<pre>define('SCRIPT_DEBUG', true);</pre>
</li>
</ul>
</li>
</ol>
<p>Cualquiera de las dos opciones es válida, aunque la segunda es mucho más cómoda. Seguramente, existirán incompatibilidades con otros <em>plugin</em> de <strong>Jquery</strong>, así que es conveniente, mientras llega una solución, usar el método del <em>wp-config.php</em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/wordpress/wordpress-jquery-y-cross-slide-soluciones/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Averiguar la ID de un autor</title>
		<link>http://blog.maisondelart.net/wordpress/averiguar-la-id-de-un-autor</link>
		<comments>http://blog.maisondelart.net/wordpress/averiguar-la-id-de-un-autor#comments</comments>
		<pubDate>Sun, 08 Mar 2009 01:29:11 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[autores]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=7</guid>
		<description><![CDATA[Una acción que debería ser tan sencilla como conocer el número de ID asignado a un autor, no siempre es fácil de encontrar en el cada vez más complejo sistema de Wordpress.]]></description>
			<content:encoded><![CDATA[<p>Para conocer la ID de un autor en <strong>Wordpress</strong>, tenemos que irnos al panel y seleccionar la opción <em>Usuarios</em>.</p>
<p>Tendremos una tabla con las siguientes columnas:</p>
<ul>
<li>Nombre de usuario</li>
<li>Nombre</li>
<li>Correo electrónico</li>
<li>Rol</li>
<li>Entradas</li>
</ul>
<p>En la columna Entradas, aparece el número de artículos escritos por ese autor. Pasamos el puntero del ratón sobre ese número, y nos fijamos en la barra de estado de nuestro navegador, o pulsamos sobre ese número y nos fijamos en la URL a la que hemos llegado:</p>
<p><img class="alignnone size-full wp-image-8" title="ID de autor en Wordpress" src="http://blog.maisondelart.net/img/2009/03/ver-autor.png" alt="ID de autor en Wordpress" /></p>
<p>Vemos que la URL acaba en <em>?author=2</em>, donde 2 es, lógicamente, la ID que andamos buscando.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/wordpress/averiguar-la-id-de-un-autor/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Distribuir ganancias de Adsense en un blog con diferentes autores</title>
		<link>http://blog.maisondelart.net/wordpress/distribuir-ganancias-de-adsense-en-un-blog-con-diferentes-autores</link>
		<comments>http://blog.maisondelart.net/wordpress/distribuir-ganancias-de-adsense-en-un-blog-con-diferentes-autores#comments</comments>
		<pubDate>Sun, 08 Mar 2009 01:19:01 +0000</pubDate>
		<dc:creator>Hans</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Adsense]]></category>
		<category><![CDATA[autores]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[multiusuario]]></category>

		<guid isPermaLink="false">http://blog.maisondelart.net/?p=3</guid>
		<description><![CDATA[Si administras un blog donde escriben más autores, probablemente te interese compartir las ganancias de Adsense, en caso de que incluyas publicidad. Existen diferentes plugin para que cada autor publique publicidad en sus artículos, pero no siempre son fáciles de entender o, directamente, no funcionan como deberían con nuevas versiones de Wordpress.]]></description>
			<content:encoded><![CDATA[<p>Muchas veces, queremos personalizar determinados aspectos que un plugin no nos permite. Es el caso de mostrar publicidad sólo a los lectores que llegan a través de buscadores. Ahora tenemos una tarea nueva: no sólo tenemos que distribuir las ganancias de <strong>Adsense</strong>, sino que, además, queremos mostrar esa publicidad sólo a las búsquedas de Google.</p>
<p>El siguiente es un remedio manual, que he aprendido con mi escasa idea de PHP. Observando el funcionamiento de distintos ficheros .php y con el modo ensayo-error, he llegado a crear el siguiente método.</p>
<h3>1. Creamos el archivo donde se incluirán los códigos Adsense de cada autor</h3>
<p>Dentro de nuestra plantilla de <strong>Wordpress</strong>, creamos una carpeta llamada, por ejemplo, <em>adsense</em>. Dentro de esa carpeta, creamos el fichero <em>adsense.php</em>, que contendrá el siguiente código:</p>
<p><code>&lt;?php  if ($post-&gt;post_author == 13) {<br />
include (TEMPLATEPATH . '/adsense/andres.php'); }<br />
elseif ($post-&gt;post_author == 15) {<br />
include (TEMPLATEPATH . '/adsense/miguel.php'); }<br />
elseif ($post-&gt;post_author == 17) {<br />
include (TEMPLATEPATH . '/adsense/clara.php'); }<br />
elseif ($post-&gt;post_author == 19) {<br />
include (TEMPLATEPATH . '/adsense/elena.php'); }<br />
elseif ($post-&gt;post_author == 20) {<br />
include (TEMPLATEPATH . '/adsense/juan.php'); }<br />
?&gt;</code></p>
<p>Vemos que tenemos 5 autores. <a href="http://blog.maisondelart.net/wordpress/averiguar-la-id-de-un-autor">Cada autor en <strong>Wordpress</strong> tiene su propia ID</a> y a cada uno le hemos creado su archivo .php donde incluiremos el código de <strong>Adsense</strong> de ese autor. Para agregar más autores, tendremos que agregar el código siguiente, después del cierre de corchete <em>}</em></p>
<p><code>elseif ($post-&gt;post_author == 20) {<br />
include (TEMPLATEPATH . '/adsense/juan.php'); }</code></p>
<p>Donde &#8220;20&#8243; es el ID del autor, y <em>juan.php</em> es el archivo que contiene el código <strong>Adsense</strong> de ese autor.</p>
<h3>2. Creando el archivo Adsense de cada autor</h3>
<p>Como hemos visto antes, hemos pedido al fichero <em>adsense.php</em> que incluya un fichero .php según su autor (juan.php, elena.php, etc.). En cada fichero incluiremos el siguiente código:</p>
<p><code>&lt;?php<br />
if (preg_match('/q=|search/', $_SERVER['HTTP_REFERER']) ) {<br />
print '&lt;div class="adsense"&gt;&lt;script type="text/javascript"&gt;&lt;!--<br />
google_ad_client = "pub-1654710281231454";<br />
/* 250x250, creado 3/03/01 */<br />
google_ad_slot = "4994361947";<br />
google_ad_width = 250;<br />
google_ad_height = 250;<br />
//--&gt;<br />
&lt;/script&gt;<br />
&lt;script type="text/javascript"<br />
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;<br />
&lt;/script&gt;&lt;/div&gt;';<br />
}<br />
?&gt;</code></p>
<p>Con ese código estamos diciendo que, si (<em>if</em>) la consulta llega de un buscador (<em>q=|search/</em>), se muestre (<em>print</em>) el código de <strong>Adsense</strong> de ese autor. Crearemos un fichero distinto para cada autor con el código que nos proporcione.</p>
<p>De esta forma, tendremos el directorio construido de esta forma:</p>
<ul>
<li>plantilla/
<ul>
<li>adsense/
<ul>
<li>adsense.php</li>
<li>andres.php</li>
<li>clara.php</li>
<li>elena.php</li>
<li>miguel.php</li>
<li>juan.php</li>
</ul>
</li>
</ul>
</li>
</ul>
<p>Añadimos tantos ficheros de autor como autores tengamos, lógicamente.</p>
<h3>3. Colocamos el anuncio en el artículo</h3>
<p>Ahora tenemos que llamar a ese archivo en la parte del archivo <em>single.php</em> que deseemos. En la mayoría de los casos, suele ser colocado debajo del título del artículo, quedando de la siguiente manera:</p>
<p><code>&lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt;<br />
&lt;!-- Adsense --&gt;<br />
&lt;?php include_once(ABSPATH . 'wp-content/themes/plantilla/adsense/adsense.php'); ?&gt;<br />
&lt;!-- END Adsense --&gt;</code></p>
<p>Ahí estamos llamando al archivo <em>adsense.php</em> y éste, a su vez, llamará al archivo que contenga el código <strong>Adsense</strong> según el autor que haya escrito el artículo.</p>
<p>Muy seguramente, habrá una manera algo menos complicada, pero ésta, al menos, funciona, y es más cómoda para quienes quieran hacer las cosas a mano, que es como mejor se aprende.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.maisondelart.net/wordpress/distribuir-ganancias-de-adsense-en-un-blog-con-diferentes-autores/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

