Enjoy reading the web again with Readability

I enjoy reading the web just like the next guy, but with web ads, comments, related links, featured articles, social network links, and so on sometimes it seems to be more noise than actual content in a web page.

To bring focus and peace back, try Readability, a very nice Firefox extension that takes away everything but the main content of a web page and reformats it with fancy styles, ready for you to enjoy your reading. As you can see below, the results are dramatic.

Web page with Readability before and after

Note that not all pages can be reformatted, nor it makes sense for them to be. Readability only works where significant amounts of text can be identified and focused.

Once added, click on the Readability icon to reformat the current page, or right click to set the desired font size, margins, and other styling. There is also an autoscroll feature which you can activate pressing Ctrl + Shift + A (customizable). Control scroll speed with + and -, and cancel pressing the Esc key.

I miss a multicolumn style, as well as an option to reformat several tabs’ content in a single reformatted page, and a way to collect all sections of multi page articles into a single one.

Readability is also available as a bookmarklet. If you don’t need the styling options and autoscroll, just bookmark this link (right click or drag it to the bookmarks toolbar or menu: Readability.

Get Readability from Mozilla Add-ons.

4 thoughts on “Enjoy reading the web again with Readability”

  1. You can have different styles if you get the bookmarklet from here:
    http://lab.arc90.com/experiments/readability/

  2. It’s a great add-on for cleaning up (what I call) page noise when the primary content is text.
    It works great with Wikipedia.

    xar,
    The Readability add-on allows users to mix and match styles and selections are applied instantly.

  3. I made a bookmarklet that does the same thing. I call it Webmasters Nightmare. 🙂

    It works with all Javascript browsers except IE.

    Block >> Object, Embed, Iframe, Images, Applet

    javascript:(function(){var%20newSS,%20styles=’:link%20{text-decoration:underline%20!important;%20color:blue%20!important;}%20:visited%20{text-decoration:underline%20!important;%20color:purple%20!important;}%20object,embed,iframe,applet,img%20{display:none%20!important;}%20*%20{font-weight:900%20!important;%20background-image:none%20!important;%20background-color:white%20!important;}%20p,span,li,address,td,div,font%20{color:black%20!important;}’;%20if(document.createStyleSheet)%20{%20document.createStyleSheet(%22javascript:’%22+styles+%22’%22);%20}%20else%20{%20newSS=document.createElement(‘link’);%20newSS.rel=’stylesheet’;%20newSS.href=’data:text/css,’+escape(styles);%20document.getElementsByTagName(%22head%22)[0].appendChild(newSS);%20}%20})();

Comments are closed.