<?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>Geeks &#38; Linux Atelier! &#187; marcadores</title>
	<atom:link href="http://www.glatelier.org/tag/marcadores/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.glatelier.org</link>
	<description>El Taller de GNU/Linux..., pero Chileno!</description>
	<lastBuildDate>Wed, 08 Feb 2012 18:12:34 +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>Readability: La forma más simple (y cómoda) de leer en la Web</title>
		<link>http://www.glatelier.org/2011/02/readability-la-verdadera-forma-de-leer-en-la-web/</link>
		<comments>http://www.glatelier.org/2011/02/readability-la-verdadera-forma-de-leer-en-la-web/#comments</comments>
		<pubDate>Wed, 09 Feb 2011 13:30:22 +0000</pubDate>
		<dc:creator>PaBLoX</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Programas]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[lectura]]></category>
		<category><![CDATA[marcadores]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[readitlater]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.glatelier.org/?p=4728</guid>
		<description><![CDATA[¿Cuántas veces nos hemos topado con sitios interesantes, pero con tanto adorno que nos distraen? ¿O la tipografía es pequeña o incómoda para la lectura? A mí al menos me pasa casi diariamente, sobretodo cuando intento leer las noticias de los distintos medios. La solución para esto es tan sencilla y espectacular que cuesta creerlo. [...]]]></description>
			<content:encoded><![CDATA[<p id="top" />¿Cuántas veces nos hemos topado con sitios interesantes, pero con tanto adorno que nos distraen? ¿O la tipografía es pequeña o incómoda para la lectura? A mí al menos me pasa casi diariamente, sobretodo cuando intento leer las noticias de los distintos medios. La solución para esto es tan sencilla y espectacular que cuesta creerlo.</p>
<blockquote class="information"><p><strong>Nota:</strong> Esta aplicación hace un par de días que se actualizó completamente, y dejo de ser una herramienta de los laboratorios Arc90, el principio es básicamente el mismo, pero cuenta con varias mejoras que pasaremos a revisar más adelante ;).</p></blockquote>
<p><span style="text-decoration: line-through;">Readability es una herramienta simple creada por los laboratorios <a href="http://www.arc90.com" target="_blank">Arc90</a> para hacer la lectura de la web una tarea más placentera</span>. La instalación es sencilla <span style="text-decoration: line-through;">pues no depende del navegador ni el sistema operativo</span> y consiste en arrastrar un enlace (más bien un pequeño programa en JavaScript) a la barra de marcadores o instalar una extensión de Firefox. Vamos a verlo en más detalle.</p>
<p><span id="more-4728"></span></p>
<p>Si bien <a title="Readability - Enjoy Reading. Support Writing." href="https://www.readability.com/">Readability</a> ha cambiado notablemente en cuánto a su interfaz y objetivo, los viejos usuarios podrán quedarse tranquilos en el sentido que a pesar de sus mejoras y novedades, puede seguir siendo utilizado sin grandes cambios.</p>
<p>La instalación es ahora más sencilla que nunca, consiste en acceder a la página web de los <a href="https://www.readability.com/addons/">add-ons</a> de la aplicación y hacer click en el <strong>botonazo</strong> que reza &#8220;<em>Install Now</em>&#8220;, nos pedirá confirmar y luego reiniciar el navegador.</p>
<p>Luego de instalado, se nos habrán agregado dos botones:</p>
<div id="attachment_8761" class="wp-caption aligncenter" style="width: 542px"><a href="http://www.glatelier.org/wp-content/uploads/2009/12/addon_firefox.png"><img class="size-full wp-image-8761" title="Readability Addon Photo" src="http://www.glatelier.org/wp-content/uploads/2009/12/addon_firefox.png" alt="Imagen de como se ve el addon instalado" width="532" height="128" /></a><p class="wp-caption-text">Antes de que pelen, no, no tengo Safari.</p></div>
<p>Básicamente, con el primero <strong>se eliminarán todos los distractores dejando sólo el texto</strong> del &#8220;artículo&#8221; (y las imágenes dentro del contexto). El segundo, tiene una funcionalidad parecida que ya hemos visto en otros add-ons, siendo el más emblemático <a href="http://readitlaterlist.com/">Read it Later</a>; <strong>guarda los artículos que no alcanzamos a leer, para revisarlos más tarde o sincronizarlos con un dispositivo móvil</strong>, por desgracia esta función requiere una suscripción mínima de 5 USD mensuales que discutiremos un poco más adelante, ya que tiene algunos giros bastante interesantes.</p>
<p>Bueno, como una imagen vale más que mil palabras o como se dice con frecuencia en la web: &#8220;Foto o fake&#8221;.</p>
<p>Antes:</p>
<p><a href="http://www.glatelier.org/wp-content/uploads/2009/12/Empresarios-del-transporte-público-deciden-no-aceptar-Tarjeta-Nacional-Estudiantil-Radio-Bío-Bío.png"><img class="aligncenter size-medium wp-image-8762" title="Readability antes" src="http://www.glatelier.org/wp-content/uploads/2009/12/Empresarios-del-transporte-público-deciden-no-aceptar-Tarjeta-Nacional-Estudiantil-Radio-Bío-Bío-421x375.png" alt="" width="421" height="375" /></a></p>
<p>Después:</p>
<p><a href="http://www.glatelier.org/wp-content/uploads/2009/12/Empresarios-del-transporte-público-deciden-no-aceptar-Tarjeta-Nacional-Estudiantil-www.radiobiobio.cl-Readability.png"><img class="aligncenter size-medium wp-image-8763" title="Readability después" src="http://www.glatelier.org/wp-content/uploads/2009/12/Empresarios-del-transporte-público-deciden-no-aceptar-Tarjeta-Nacional-Estudiantil-www.radiobiobio.cl-Readability-339x375.png" alt="" width="339" height="375" /></a></p>
<p>Los viejos usuarios recordarán que para configurar la aplicación, había que seleccionar varias opciones (estilo, tamaño, ancho) y luego arrastrar el &#8220;<em>bookmarklet</em>&#8221; a la barra de marcadores, verán que ahora el asunto es mucho más cómodo con las nuevas opciones que podemos observar en el lado izquierdo.</p>
<p><a href="http://www.glatelier.org/wp-content/uploads/2009/12/Readability-Namoroka_042.png"><img class="aligncenter size-full wp-image-8765" title="Readability - Namoroka_042" src="http://www.glatelier.org/wp-content/uploads/2009/12/Readability-Namoroka_042.png" alt="" width="338" height="421" /></a></p>
<ul>
<li>El primer ícono es simplemente un link a la web oficial de la aplicación (bueno, tan &#8220;gratis&#8221; no podía ser).</li>
<li>El segundo recarga la página original.</li>
<li>El tercero es probablemente es el más interesante de todos, nos permite jugar con distintas tipografías, combinación de colores (¡la oscura con letras claras es mi favorita!), tamaño del texto, el ancho, además de la posibilidad de que si realmente quieres sólo preocuparte del texto, eliminar las imágenes y poner los enlaces como notas al pie.</li>
<li>La impresora, bueno, pues imprime.</li>
<li>El último ícono (<em>Share</em>) permite compartir a través de Twitter, Facebook, correo electrónico o un enlace directo al artículo &#8220;<em>readabilizado</em>&#8220;.</li>
</ul>
<p>Esto último tiene algo bien interesante; cada vez que utilices la aplicación se generará una url única que podrá ser utilizada para compartir el artículo o para guardarlo directamente como marcador; básicamente el artículo <em>readbilizado </em>quedará disponible en la nube.</p>
<p>Si es que <strong>no quieres instalar un addon de Firefox</strong>, utilizas otro navegador o simplemente te gustaba el funcionamiento &#8220;a la antigua&#8221;, ve a su página de <em><a href="https://www.readability.com/bookmarklets/">bookmarklets</a></em>, y <strong>arrastra el enlace dice <em>Read now</em> a tu barra de marcadores</strong>, simple, sencillo y sin reiniciar.</p>
<p><a href="http://www.glatelier.org/wp-content/uploads/2009/12/Readability_bookmarklet.png"><img class="aligncenter size-medium wp-image-8766" title="Bookmarklet de Readability" src="http://www.glatelier.org/wp-content/uploads/2009/12/Readability_bookmarklet-600x235.png" alt="" width="534" height="209" /></a></p>
<p>Una característica de esta modernización no ha sido sólo el cambio en la interfaz, también se ha expandido para pasar de ser una pequeña aplicación de Javascript a una aplicación web, al poder sincronizar tus páginas webs con dispositivos móviles (iPhone y iPad <em>coming soon</em>).</p>
<p>Lo que resulta más novedoso a mi parecer, es una propuesta bien interesante: <strong>la creación de un ecosistema de publicación sustentable</strong>. ¿Cómo es eso?. Simple, cada vez que utilices readability en un determinado artículo, una porción de la suscripción (mínimo 5 USD) va directo a los creadores del contenido, un nada despreciable <strong>70%</strong>.</p>
<p>Si aún no te convence o vuestro humilde servidor ha sido demasiado confuso, quizá 55 segundos en un vídeo mostrando las características sean suficientes:</p>
<p><a href="http://www.glatelier.org/2011/02/readability-la-verdadera-forma-de-leer-en-la-web/"><em>Click here to view the embedded video.</em></a></p>
<p>Por un asunto de comparación y nostalgia, les dejo como era la vieja herramienta (y el viejo artículo):</p>
<p>Lo primero es ingresar al sitio de <a title="Readability - Enjoy Reading. Support Writing." href="https://www.readability.com/">Readability</a> y elegir la configuración que queremos:</p>
<p><img class="aligncenter size-full wp-image-4729" title="Configuración de Readability" src="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_080.png" alt="Configuración de Readability" width="510" height="216" /></p>
<p>En la misma página, abajo podemos ver como se vería, la configuración del <em>screenshot</em> es la que yo seleccioné y me acomoda más, pero es tu decisión. Luego de terminada la difícil labor de escoger entre estas opciones toca arrastrar el enlace a la barra de marcadores:</p>
<p><img class="aligncenter size-full wp-image-4730" title="Agregar Readability a los marcadores" src="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_081.png" alt="Agregar Readability a los marcadores" width="380" height="247" /></p>
<p>Listo, ¡eso sería todo! Lo único que agregaría es que si más adelante te das cuenta que el estilo «Novela» te acomoda más que el «Diario», tienes que ingresar de nuevo a la <a href="http://lab.arc90.com/experiments/readability/" target="_blank">página de configuración</a> y repetir el proceso. Si así lo deseas, puedes arrastrar varios marcadores con distintas configuraciones.</p>
<p>En fin, espero que les sea útil. Para mí al menos, pasó a ser algo <strong>vital</strong>.</p>
<p><strong>Actualización:</strong> A petición del público les mostraré como varía con esta aplicación este mismo artículo&#8230; el original</p>
<p style="text-align: center;"><a href="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_085.png"><img class="aligncenter size-medium wp-image-4753" title="Artículo sin Readability" src="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_085-567x374.png" alt="Artículo sin Readability" width="567" height="374" /></a></p>
<p>Y ahora utilizando Readability:</p>
<p><a href="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_087.png"><img class="aligncenter size-medium wp-image-4754" title="Readbility en acción" src="http://www.glatelier.org/wp-content/uploads/2009/12/screenshot_087-554x375.png" alt="Readbility en acción" width="554" height="375" /></a></p>
<p>¿Qué les parece?</p>
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.glatelier.org/2011/02/readability-la-verdadera-forma-de-leer-en-la-web/" data-text="Readability: La forma más simple (y cómoda) de leer en la Web" data-count="horizontal">Tweet</a><p><a class="a2a_button_twitter" href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Twitter" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a><a class="a2a_button_facebook" href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Facebook" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a><a class="a2a_button_delicious" href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Delicious" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a><a class="a2a_button_digg" href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Digg" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a><a class="a2a_button_meneame" href="http://www.addtoany.com/add_to/meneame?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Meneame" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/meneame.png" width="16" height="16" alt="Meneame"/></a><a class="a2a_button_google_reader" href="http://www.addtoany.com/add_to/google_reader?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Google Reader" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/reader.png" width="16" height="16" alt="Google Reader"/></a><a class="a2a_button_tumblr" href="http://www.addtoany.com/add_to/tumblr?linkurl=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;linkname=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" title="Tumblr" rel="nofollow" target="_blank"><img src="http://www.glatelier.org/wp-content/plugins/add-to-any/icons/tumblr.png" width="16" height="16" alt="Tumblr"/></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.glatelier.org%2F2011%2F02%2Freadability-la-verdadera-forma-de-leer-en-la-web%2F&amp;title=Readability%3A%20La%20forma%20m%C3%A1s%20simple%20%28y%20c%C3%B3moda%29%20de%20leer%20en%20la%20Web" id="wpa2a_2">Compartir</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.glatelier.org/2011/02/readability-la-verdadera-forma-de-leer-en-la-web/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

