Get a Better View of the Web with Readability

Each day we all do a great deal of reading on the web. Along with blog posts like this one, you’ll probably plow through some news articles and maybe even some research publications before turning your attention elsewhere. Unfortunately, much of this content resides on web pages ill-suited for actually conveying information. Many web sites with news content, for instance, have been designed not to show you news, but, instead, to show you advertising. These sites also inundate you with links to their other content in the hopes that you’ll browse around a while. Readability strips away all of that clutter and presents the content you desire in a format designed for one thing, reading.

Here are a few screenshots of life with and without Readability. Click on any photo to see a full size version.

The Washington Post Before and After

An Article at

It seems as if the article itself is the last thing the Washington Post wants to you see.

A Post Article with Readability

After running Readability, the page is clean and clear. Nothing stands between you and your content. As an added bonus, Readability often shows the entire article in one frame instead of asking you to click onto subsequent pages, a tactic used by major newspaper sites in order to get you to see more advertising.

Project Muse Before and After

A Project Muse Article

At Project Muse, a database of Social Science and Humanities Journals, the focus seems to be on providing content suitable for printing. However, the small font and tight line spacing makes for a poor on-screen reading experience.

Project Muse with Readability

With Readability, you won’t need to squint to read this article on your screen.


The best part about Readability is that it is so beautifully simple. You don’t need to install any software. Readability is merely a bookmarklet, a small piece of code that works as part of the bookmark bar in your web browser. At Readability’s web site you select the style, font size, and margins that you want used when Readability shows you text. Once you’ve made your choices, you simply drag a button to your bookmark bar. When you are out on the web and find a page of content to read, a simple press of this bookmark button transforms the text to the Readability view. Refreshing the page changes things right back to normal.

You can also download extensions for both Firefox and Chrome which create Readability buttons for the browser itself and add hotkeys for switching to reading mode. With these installed you can also run Readability right from your pointing device if it is customizable. I’ve got an extra button on the mouse attached to my home desktop set to enter the hotkey for running Readability. And on my netbook the touchpad allows for each corner to perform a certain action when tapped. On that PC, a tap of the touchpad’s bottom left corner runs Readability on whatever web page I’m currently viewing.

Readability works in all major browsers and across all operating systems. So, really, there’s no excuse for you not to drastically improve your online reading experience.

2 responses to “Get a Better View of the Web with Readability

  1. I use Instapaper [ ] for doing the same thing. It strips out all of the unnecessary text, images, and especially the ads. The result is pleasant-to-read text. And I prefer Instapaper because you can sync an ereader with your Instapaper account and have a daily magazine of your own design.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s