QuickRead

Example

QuickRead is a bookmarklet that adds a link next to each external link on the page that opens a lightbox with just the main content of the link. No mess. No clutter. And it's fast (no scripts or unnecessary assets are loaded).

Try it now

Open 'Chomp Sinks Its Teeth Deeper Into Search (TechCrunch)' in QuickRead

It works especially well with links to articles and blog posts.

Grab the bookmarklet

QuickRead Links

Apply to your site

You can also add QuickRead to the links on your site. Simply copy and paste the following into your template:

The default is that it will apply QuickRead to all your links. If you want to only selectively choose some, you can specify only particular links using a jQuery selector like so: QuickRead.setFilter(JQUERY_SELECTOR)

How do we do this?

The QuickRead link goes through a series of steps to grab the main article content:

  • A cross domain AJAX call is made to get the content from the url.
  • The Readability algorithm is run on the content, using Grabability, an altered version of Readability that returns the readabilitized content without altering the DOM.
  • We show the content via Fancybox. If Readability fails to return content we simply show the content in an iFrame.

Acknowledgments

This project would not have been possible without the wonderful Readability bookmarklet from arc90.