I love Clippable - a gift for sore eyes. But I wish I could 'Esc' (or otherwise backtrack) to the orginal page to continue surfing, reading another link, etc.
awesome app. it would be great if we could customize the settings before dragging the bookmarklet a la http://readable-app.appspot...
i like yours better because it focuses just on the text i'm interested in reading and not the adds etc.
even just letting me customize the Color/Theme and Font Size would be great.
Just added a couple of styles that you can access with the left and right arrow keys. It's not as good as having default styles yet, but I'm working on that.
The goal of Clippable is to create "clippable" text for copying to other programs/readers, handling single images and code blocks better than the original. While customizability is possible, I think you'll find the original Readability bookmarklet probably does what you want, doesn't it?
Also- if you didn't know, It's a bit of a pain to add bookmarklets to Mobile Safari. Basically you have to copy and paste the contents of the bookmarklet into the URL field of an existing bookmarklet.
Basically, just put the link in plaintext so it can be copied- you can't click on a javascript link and copy the contents of it, for some reason.
Yeah for sure, I don't have a blog set up atm so it's probably easiest!
I might talk to whoever it is behind the original Readability, maybe add an iPhone option? Anyway I used your version of it, so go for it.
http://brettterpstra.com/20...
I still need to get some credit to you for the idea, I was too tired when I wrote it to remember. Coming shortly!
Hi Brett,
I've been using Clippable/Readability2 plenty on my computer for reading articles, and I realized that my iPod touch benefits from it, except x1000 because there's so much less screen space in the first place. But with a couple of modifications it works even better.
In readability.js:
var readStyle='style-newspaper';
var readSize='size-midlarge';
var readMargin='margin-narrow';
Then add a size-midlarge option to the css file, it's really just a matter of preference but I found medium a little too small and large a little too large; I settled on 22.
The last thing is to add a tag which seems to tell the ipod to see the width of the article as the width of the page and lock the zoom- sometimes it takes a double tap after you run the bookmarklet though.
Basically add this to the end of the bookmarklet code:
n = document.createElement('meta');
n.name = "viewport";
n.content = "width=device-width; initial-scale=1.0; maximum-scale=1.0;";
document.getElementsByTagName('head')[0].appendChild(n);
The final result will turn a nytimes.com page (and any other article!) into a pretty close simulacrum of the view in the NYT app.
Dallas Morning News, almost always a problem.
This page is fine with readability, linky with clippable
http://www.dallasnews.com/s...
But most of the time, it's nothing but links.
Of course DMN has terrible formatting, don't know if you can do anything with it.
I use the tool most everyday, with about 30 newspapers, grateful and no complaints.
That particular link yields the expected results… I loosened the original requirements for processing of a div to accommodate linked images wrapped in divs, so the little block of links is par for the course. I tried some other pages, though, and you're right: the formatting is SOOO bad there's not much I can do about it. Readability/Clippable scans for divs, and DMN has wrapped their content in span tags. That's not even "legal" HTML, so I can't really modify for that without making a whole new set of site-specific functions. Sorry :(.
Hi Brett,
Thanks for Clippable, I love it! Works great, nice work.
I'd like to see it remove those context-sensitive mouseover Vibrant ads like at the top of this page:
http://www.entrepreneur.com...
What do you think?
Chris
I click on the link to the "clipable" site and it indicates to "drag to bookmarks toolbar." I am using IE 7 and I cannot DRAG it to anything.
With the original "Readability", I was able to drag it to the "Links" folder in My Favorites and then open it in my Links Bar in the browser where it now sits.
First, will this work with IE7 and if so, how do I get it installed? Help a Senior Citizen out, please.
Thanx...Tomaz
I don't disagree. The name was a quick decision, just an internal homage to the original authors. This version really wasn't ready for mass exposure, and I agree that the focus is not so much on readability as on locating content and preserving important formatting. I'll come up with something… "Clipability," perhaps.
While I applaud your effort, naming the tool ReadAbility2 is really a misnomer since the options of the original are what really make work nicely; i.e., you end up with a page that is readable with options that the user selects.
Since your tool isn't about readable web pages, perhaps a name change is appropriate.
Remarkbox