Instapaper “Read Later” Button For Your Blog!

Those of you who have been reading my blog for a while now or have followed me closely on Twitter, will probably know that I am a huge fan of Instapaper. For the uninitiated, it is a service that allows you to save articles to be read later that you can access from your iPhone, Android, eReader or on the web. It has had a massive impact on my productivity, helping me to organise and keep up with longer articles that I find online. I am such a massive fan that I even created a standalone application using Fluid which you can read about here.

Prompted by a tweet from Doug Belshaw (who had added an Evernote Site Memory button to his blog), I began looking into adding a similar sort of button for Instapaper, so that visitors to my blog could quickly save the article they were reading. After trawling many blogs and websites it became clear that there wasn’t a button of this kind available on the web. No java script plugin or html code snippet to allow this functionality could be found. Therefore, I decided to create one myself.

To create the button, I used a slightly modified version of the Instapaper bookmarklet code – editing it to include an “img src” html tag. This allowed me to link the code to a button which I edited to size (60×60) in Photoshop. I also added a “title” attribute to display “Read Later” when the cursor hovers over the button. You can see the button below this post. Sign in to your Instapaper account and try it out.

If you would like to add this button to your own blog, you can do so by using the code below:

<a href="javascript:function iprl5(){var d=document,z=d.createElement('scr'+'ipt'),b=d.body,l=d.location;try{if(!b)throw(0);d.title='(Saving...) '+d.title;z.setAttribute('src',l.protocol+'//www.instapaper.com/j/WKrH3R7ORD5p?u='+encodeURIComponent(l.href)+'&t='+(new Date().getTime()));b.appendChild(z);}catch(e){alert('Please wait until the page has loaded.');}}iprl5();void(0)" class="bookmarklet" onclick="return explain_bookmarklet();"><img src="http://jamesmichie.com/blog/wp-content/uploads/2010/10/Instapaper.png" alt="Read Later" title="Read Later" /></a>

I chose to insert the code in the “single.php” file of my WordPress blog so that it appears on the top right of the post pages but not on the home page.

I hope that you find this useful. If you make use of the code and/or edit it to suit your needs, please let me know by leaving a comment below.

Notational Velocity ‘Forked’!

Having written a post only a few weeks ago about Notational Velocity, I was elated to read a brief posting from Shawn Blanc about a ‘forked’ version of my favourite writing app. The altered and improved version was developed over at the elastic threads blog. It adds the following UI goodness to an already fantastic app:

  • Fullscreen
  • Switch between horizontal/vertical layout of the notes list
  • Show/hide the notes list
  • [Update] Low contrast and user customizable themes

Each of these useful additions (I’m making use of the fullscreen mode as I write this post) come with keyboard shortcuts, maintaining the simplicity and philosophy of the original app.

There is also a menu bar function added along with the ability to hide the dock icon. This I am not so fussed about as I hide my dock any way and I have mastered the shortcuts for navigating around NV quickly.

The horizontal list of notes however is excellent, altering the UI to look more like an iPad app, which is highly pleasing!

Here is a [updated] direct link to download the ‘forked’ version [2.0 β3et (6.67)] of NV. Enjoy!

Notational Velocity – Freedom To Write!

Very recently, Leo Babauta (he of zenhabits.net and mnmlist.com) published a post about his use of the free Mac application Notational Velocity. In the post he discusses how the app has become his number one writing tool. I also mentioned NV in a recent blog post and even though I have only been using it for a few weeks, I find myself using it far more than I expected to. I began by using the app to make notes and simple lists but have found myself drafting blog posts, letters and recording ideas that I can return to later. Therefore, I felt that I would offer some further refelections and explanation of why I like the application so much.

Notational Velocity is one of the most uncomplicated and yet most powerful tools I have made use of.

Simplicity

First and foremost it was the simplicity of NV’s design that grabbed my attention. The user interface boasts a clean writing space, free of the clutter you find in so many desktop text editors. There are no buttons as the app relies on simple search operators and a series of built in shortcuts (not an extensive list) to operate. At the top of the app is the location bar (which you can return to at any time by clicking cmd-L) – here you add new notes (type a title and hit return) and/or search for and within notes. ‘Search’ functions much like Google instant, sifting through your notes, revealing the results as you type. Below the location bar is your list of notes, sortable by ‘title’ or ‘date added’. And below this is the note body, an open space, ready to be filled with text and nothing else. I, like Leo, have expanded this area to make it more useful for writing.

Beneath the simplicity of the UI are some very straight forward but useful inner workings. By entering your Simplenote username and password, notes are synced to your Simplenote account. It’s free and updates regularly. Also, built into the app is an auto-save function meaning you never have to worry about losing what you have written – I have mine set to sync every minute as I write at quite a rapid pace. Finally, you can (if you wish) tweak features like the typeface and font size. However, I was more than happy to stick with the defaults when after starting up the app for the first time I was overjoyed to be greeted by Helvetica, size 12.

Power

Woven within the simple exterior and inner workings of the app, NV holds immense power: the power to free you from distractions, allowing you to focus on your writing. As I’ve already mentioned my original intentions were to simply use NV to keep lists and notes that I could mail to myself or expand upon in Google docs. However, the app has become far more than a simple note making tool. I am using it to write almost everything – at least in the early draft stages. Why? Becuase the simplicity of the UI allows me to focus on the content of my writing. Having resized the app from its default setting I have created a focussed space for me and my thoughts. It is lovely to get my ideas down, free of the tools and buttons used to tinker with font size or to insert images. My time and attention remain firmly focussed on the task at hand: writing.

After just three weeks I am now using Notational Velocity for the following:

Notes

  • Mentor meetings – with my line manager and those that I take during meetings with my own mentees
  • Subject Leader meetings
  • Department meetings – my prepared notes plus those I add during the meeting
  • HTML code snippets – that I use in my blog posts

Lists

  • Work To Do – a constantly updated list of day-to-day tasks
  • To Read – a list of books I wish to eventually buy/download and read

Thoughts and ideas

  • Blog ideas – a continually changing list of potential posts that increases and decreases as I have new ideas and publish posts
  • Educational ideas – possible activities, uses for tech etc, that are not yet fully formed but have potential for development

Blog posts and other writing

  • Blog posts – currently, I have 4 blog posts (not counting this one) roughly drafted
  • Letters – I drafted a recent news letter and am currently recording notes for a second installment to be sent out at the end of term
  • Resources – I am also part way through drafting an exemplar response to an an activity I plan to assign my Year 10 English class

And that’s the thing, I really have started using NV for everything. I feel liberated, free of distraction, free to focus on my writing. Added to which I have become even more productive, writing everything from within one space – no switching between apps for different tasks. I do it all here, only moving to Word or Google docs when there is a need for formatting or the addition of other media. Those (for me at least) are the after thoughts; the window dressing – it’s the words that do the talking!

In a world dominated by tools and products that allow you to do multiple things at once, Notational Velocity is a reminder that sometimes simple is best.

Why what and not where?

Don’t miss out because you are always focussed on where you are going.

Focus on what instead. What were you doing last year and how were you doing it? What are you doing now? And most importantly what could you be doing to improve and make yourself better?

By focussing on what you do and how you are doing it, the where will take care of itself.

Or, in other words: don’t spend your time dreaming, spend your time doing and you will get to where you are supposed to be.