I share a lot of suff from the web, on this blog and elsewhere. Typically I like to use a passage of text from the site I’m linking to (wrapped in a <blockquote>
), followed by a link to the source (using <cite>
). Then I’ll add some of my own text above or below the excerpt to add any necessary context.
I’m very particular about how I format all of this information. Only fairly recently I’ve started using the excellent TextExpander to speed up the process.
When I need to excerpt a passage that is more than just plain text (containing, for example, lots of links, lists or a table) I’ve been making use of the handy Posterous bookmarklet, which takes any selected text and formats it very much in the way described above. I’ll then modify the code it produces to suit my own needs.
The Posterous bookmarklet is fine, but it has two drawbacks:
- It uses Posterous-specific markup (a class on the blockquote and
div
instead of cite
).
- I don’t use Posterous any more, and the bookmarklet requires that I be logged in.
So starting with this need, I’ve produced a mockup of a bookmarklet that would be of great utility to me, and presumably to many others:

Continue reading →