Feb 26
2010
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!
Dec 31
2009
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!
Nov 03
2009
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.