How to Extract Only the Content from a Web Page –

octubre 5, 2010

How to Extract Only the Content from a Web Page

Have you ever visited a web page and actually had to take a moment to figure out where the content was because the page was so heavily loaded with non-content stuff? With the growing number of websites, with different designs, one may wish to simply read the page’s content without having to deal with all the extra stuff (navigation, ads, social features…).

The excellent folks at Arc90 have come up with a solution: the Readability bookmarklet. This easy-to-use bookmarklet extracts the main content from a web page and displays it in a simple yet pretty way. You can even customize the style, size and margins to make your reading as enjoyable as possible. The bookmarklet uses a generic algorithm that works on most pages that actually have content. While it is not 100% accurate, they do claim a success rate over 99%. Try it yourself on this page by clicking here!

Here’s a short video that shows how simple and effective it is:

Besides improving the reading experience, there are other great uses to this bookmarklet. First, websites do not always provide printer-friendly versions of their pages. With Readability, you get a clutter-free article ready to be printed. There even is a “Print” button. Also, if you use Evernote with the Web Clipper, you should try using Readability on a page before clipping it. You will end up clipping only the article, which is more likely what you wanted to do!

Using the Readability Algorithm in Your Applications

You can even use the power of Readability if you need to extract web pages’ content in your applications. Some nice folks have ported the algorithm to other languages. See Nirmal Patel‘s Python port here, Keyvan Minoukadeh‘s PHP port here and Immortal‘s C# port here.

vía How to Extract Only the Content from a Web Page –

Readability – Installation Video for Firefox, Safari & Chrome from Arc90 on Vimeo.

The Elgg Community. Bookmarklet

junio 17, 2010

Pop Up window Bookmarklet Enhancement

Opens a Pop Up window for EASY Posting!

Full description:

SPECIAL NOTE!!  Please Rename the Folder in this Zip file AFTER you have Backed Up your Original Bookmarks Folder in the /mod directory. The folder in this ZIP file once you put it in the /mod directory must be Re-named to: bookmarks I want to give thanks for an idea that started with Ping.FM and their Bookmarklet Pop Up Window code. Like all things create a BackUp of the original Elgg Bookmark Folder in the Mod directory if you ever want to go back to that one. Just Unzip the folder bookmarks_PopUp into your /mod directory and go into Admin to enable and turn on the plugin. Then you go back to your bookmarklet page and you need to re-install your bookmarklet to your browser tested works in Firefox and IE 8 and now you got a Pop Up Window! I am looking for someone to add to this create a Auto Close with a slight Delay like Facebook has or and Scuttle. Please let me know if you can do this!

vía The Elgg Community.

Como crear un bookmarklet

junio 13, 2010

Un Bookmarklet es un marcador del navegador (elemento de Favoritos en si usas Internet Explorer) que en vez de contener una dirección de internet contiene una llamada javascript.

Lo que hacemos con esta técnica es forzar que el navegador ejecute un codigo javascript que nosotros le indicamos cada vez que el usuario clicka en ese marcador.

Esto puede ser usado de forma personal para todo: cambiar el DOM, los estilos de la web, buscar dentro del documento, etc… pero para lo que más nos sirve, como desarrolladores web es para ofrecer la posibilidad de enviar a nuestra página la url o datos de lo que está viendo el usuario.

Esta técnica es muy usada por agregadores o redes de marcadores sociales para facilitar la vida al usuario capturando la página que está viendo y enviandola directamente a la url del site que debe recogerla.

Como crear un bookmarklet.