Notes

Improving the Simplenote Web Client

I like Markdown, use Linux, and needed a note taking app that syncs with Android. Simplenote is perfect, right?

Almost Perfect…

Simplenote is… simple. One of its best features (simplicity) can at times be a liability for usability. So, taking matters in my own hands, I set out to fix it.

Let’s start with the web browser interface because it’s easiest to modify. I use Firefox but all commands are portable to Chrome.

Step 1: Minimum Window Decoration

Easy, create a bookmark that removes window decorations:

javascript: void window.open(
  'https://app.simplenote.com',
  '_blank',
  'outerWidth=958,outerHeight=567,top=500,left=600,menubar=no,toolbar=no,location=no,personalbar=no,status=no,resizable',
);

Done. Next?

Step 2: Stylish

Simplenote uses text and element spacing that’s too large. This issue requires an extension to fix — Stylish for Chrome or Stylish for Firefox.

After installing Stylish, we add code targeting app.simplenote.com. I’ve posted my code to this GitHub Gist.

For me, this is much better.

Step 3: Double Click Action

The final complaint I have about the Simplenote web interface is the automatic toggling between Preview and Edit when you click twice on the window.

To prevent this behavior, we need to inject a little jQuery into the browser’s debugging console. Right click on the window and select Inspect Element. Choose the ‘Console’ tab and paste the following:

$('*').click(function () {
  $('#static_content').unbind('dblclick');
});
$('#view_mode_markdown').click();

This is certainly a little annoying but the results are worth it. When I’m working I leave the Simplenote window open long enough that I don’t mind disabling double-click. I simply save the code in a note titled “Why can’t I configure you Simplenote!!”

Conclusion

That’s it. With these changes I find Simplenote to be unsurpassed in functionality and convenience. In the future I’d like to get involved with their GitHub / Android client project.

If you have any additional recommendations please let me know.