Brett Terpstrabookmarklet - Brett Terpstra

Bookmarklet: Read Pinboard links with Instapaper Text

Brett — Tue, 04 Jan 2011 18:30:46 +0000

Here’s a quick bookmarklet you can run on any Pinboard page containing a list of bookmarks. It adds a “Read” link at the end of the edit links for each post, and clicking the link will open the post in Instapaper Text¹ view in a new page/tab. It also marks the post you click as “read.” Note that this happens whether you have that specified in the preferences or not (because it’s a quick hack and I think it’s weird to not mark an article as read when you read it).

Just drag the link below into your bookmarks bar or right click and “Add Bookmark”. No promises, no guarantees, very little support. I love you all, but this is just something I wanted last night and it works for me. Hopefully it will for you, too.

Pinboard Instapaper

Also, here’s a quick side experiment which does the same thing, but uses an experiment I set up on my server to run Readability and pipe it into an Antique-style page. It’s not as fast, and sometimes misses things that Instapaper Text picks up, so it’s just for fun right now. Nonetheless, it’s pretty cool. Looks best in Safari. Looks good in Firefox. Probably looks like garbage on IE.

Pinboard Antique

See here (near the bottom) for the original bookmarklet ↩

Originally posted on BrettTerpstra.com at Bookmarklet: Read Pinboard links with Instapaper Text

Clippable updated, goes mobile

Brett — Fri, 26 Feb 2010 16:01:12 +0000

I’ve pushed out an update to Clippable, for better or worse. In addition to the previously added line number removal for code blocks, it removes spans used in TextMate formatted code and adds some keyboard shortcuts:

Left arrow: switch to light on dark
Right arrow: switch to black on white
Delete key: return to normal formatting
Escape key: return to original page

These features are added without modifying the original bookmarklet, so if you’ve got it installed, you’ve got the goodies already. Otherwise, head over to the Clippable bookmarklet page and try it out.

The big news, though, is the introduction of Clippable Mobile. It’s a work in progress, but installs on an iPhone and makes use of the special formatting options available in Mobile Safari. It shrinks images, cuts off code blocks, etc., making every attempt to provide a readable page that doesn’t scroll horizontally. There are occasions where it fails on first attempt, but running it again right away fixes everything. I’m still working on figuring out why that happens… a little sleep will probably help. Head over to the Clippable Mobile page on your iPhone and follow the instructions to install it. Bug reports are welcome!

Originally posted on BrettTerpstra.com at Clippable updated, goes mobile

Clippable updated to remove source code line numbers

Brett — Thu, 31 Dec 2009 11:55:31 +0000

I made a couple of minor changes to the Clippable bookmarklet, mostly in the way it handles SyntaxHighlighter code blocks. The SyntaxHighlighter plugin is used (too) often to format and color code source snippets in websites. The result when clipping a page is that the code you get still has line numbers, but no option to view the raw source without going back to the web page. Then you end up manually editing out the line numbers if you want to copy and paste the code, which can be a pain in most cases.

Since the point of Clippable was to deal better with things like code blocks (especially for saving snippets to Evernote), it now removes the toolbar and line numbers from SyntaxHighlighter blocks. It also looks for another common technique: converting lines in code to an ordered list inside of a pre block. This is just blotted out with CSS now. Those are the only two highlighting methods it targets at the moment, but I’ll tackle more as I run into them.

If you already have the bookmarklet installed, you’re already benefitting from these changes (the bookmarklet calls the source scripts on my server, so it is, in essence, automatically updated). If not, just cruise over to the Clippable page and grab it!

Originally posted on BrettTerpstra.com at Clippable updated to remove source code line numbers

Clippable to Evernote Snow Leopard Service

Brett — Wed, 04 Nov 2009 05:55:06 +0000

Clippable to Evernote will allow you to trigger the Clippable bookmarklet in Safari and copy the result directly to your “Unfiled” notebook in Evernote. This service is Snow Leopard-only. If you need it modified for Leopard and aren’t sure how, let me know. If there’s some interest, I’ll just work one up and post it.

To install in Snow Leopard, just unzip (double-click the zip file) the file and move the resulting .workflow file to [your home directory]/Library/Services. It should now appear in your Safari->Services menu, in Safari only. To add a keyboard shortcut to the Service, go to the Keyboard pane in System Preferences, choose the Keyboard Shortcuts tab, select Services on the left and find the Clippable… service on the right. Double click on the right side of the listing to enter a hotkey. I currently have mine bound to control-command-E, which works well for me in Safari.

Download here.

Originally posted on BrettTerpstra.com at Clippable to Evernote Snow Leopard Service