It's slick, but does anyone else see the irony in the fact that they're not only running banner ads on the Readability site itself, but also (subtly) in the sites they're stripping the ads from?<p>It's worth pointing out that, like it or not, we're not really <i>entitled</i> to escape banner advertising.
Interesting note, for those of you uninterested in karma or user names, the bookmarklet will hide both. You'll still have your voting arrows and the comment text; you just won't know what everyone else thought of the comment (aside from their placement relative to each other).<p>It's pretty neat to go on a big thread and hit the bookmarklet. e.g. <a href="http://news.ycombinator.com/item?id=501696" rel="nofollow">http://news.ycombinator.com/item?id=501696</a>
It could use more tweaking - I tried to read the latest pg essay with it, but all it would display was the image with the light "PAUL GRAHAM" text at the top of the page. I then tried to go back to the essay, but it looks like the only way to un-Readability the page is to reload it. I then tried to highlight the text that I wanted to read, but Readability doesn't take this into account when generating the page.<p>When you have a service that guesses what the input is supposed to be, there should be a way to gracefully fail and allow the user to manually specify it, and if that doesn't work it should be easy to disable the service.
I like it. However, I found a site that breaks it: <a href="http://www.instigatorblog.com/the-art-and-science-of-the-small-exit/2009/02/04/" rel="nofollow">http://www.instigatorblog.com/the-art-and-science-of-the-sma...</a> ... When I click my 'Readability' bookmarklet in Chrome, the main article is removed completely, and all that's left is the blog entry's comments. Here is the exact Readability bookmarklet I'm using:<p><pre><code> javascript:(function(){
readStyle='style-newspaper';
readSize='size-medium';
readMargin='margin-medium';
_readability_script=document.createElement('SCRIPT');
_readability_script.type='text/javascript';
_readability_script.src='http://lab.arc90.com/experiments/readability/js/readability-0.1.js?x='+(Math.random());
document.getElementsByTagName('head')[0].appendChild(_readability_script);
_readability_css=document.createElement('LINK');
_readability_css.rel='stylesheet';
_readability_css.href='http://lab.arc90.com/experiments/readability/css/readability.css';
_readability_css.type='text/css';
document.getElementsByTagName('head')[0].appendChild(_readability_css);
_readability_print_css=document.createElement('LINK');
_readability_print_css.rel='stylesheet';
_readability_print_css.href='http://lab.arc90.com/experiments/readability/css/readability-print.css';
_readability_print_css.media='print';
_readability_print_css.type='text/css';
document.getElementsByTagName('head')[0].appendChild(_readability_print_css);
})();</code></pre>
Brilliant. I love the fact that it doesn't really change the look of my blog very much ( <a href="http://www.danieltenner.com" rel="nofollow">http://www.danieltenner.com</a> - once you're inside an article, applying readability with medium margins, newspaper look, large font, only gets rid of the red background and the image, that's all)
Interesting, any idea how this works?<p>Edit: doh, source here: <a href="http://lab.arc90.com/experiments/readability/js/readability-0.1.js" rel="nofollow">http://lab.arc90.com/experiments/readability/js/readability-...</a>