Eli Grey

Noteboard 2.0.4

Noteboard 2.0.4 introduces some bugfixes and it also remembers what you last resized your Noteboard window to if you use the bookmarklet (Noteboard). Firefox doesn’t let JavaScript resize windows by default (even if they were created using JavaScript so I made the launcher close the launching window and make a new popup sized correctly for Firefox. Safari, on the other hand, allows JavaScript to resize windows created with JavaScript so it just resizes the launcher popup. Then it changes the window id to ‘noteboard’ instead of ‘noteboard_launcher’ and loads Noteboard into the same popup.

Noteboard tweaks and Safari support

I am happy to say that Noteboard now supports Firefox 3+ AND Safari. It doesn’t support the current release of Safari so you have to use the Safari 3.1.2 nightlies as those builds include localStorage. Technically, I should be also be able to make Noteboard work with IE 8 beta 2 due to it also supporting localStorage, but I don’t want to waste my time making fixes for IE.

Now on to the tweaks for version 2.0.1:

  • Documents can now have custom titles instead of having the document name be the title.
  • The title quickly changes to “Noteboard” and changes back when you push Ctrl + D to bookmark Noteboard.
  • I stopped using uneval function built-into Firefox and took part of the JSON.stringify function from json.org’s JavaScript JSON script.
  • I added and changed these keyboard shortcuts:
    • Import is now Ctrl + Alt + 1
    • Export is now Ctrl + Alt + 2
    • To change the current document’s title, push Ctrl + Alt + T
  • Starting the open a document prompt (Ctrl + Alt + O), clicking OK, and leaving it blank opens up the shortcuts page.
  • The shortcuts page is no longer stored on your localStorage and is now a protected static document that can’t be edited/deleted.
  • A lot of code tidying up.

Noteboard 2.0

I have almost completely re-wrote Noteboard from the scratch and made Noteboard 2.0 because I felt that Noteboard 1.0.1 was not that extensible. There are a TON of changes in Noteboard 2.0, most notibly, multiple-document support. Just the same as the original Noteboard, it’s Firefox 3+ (and maby 2+) only. The reason there are only keyboard shortcuts (hotkeys) to control Noteboard is so there are no other elements other than a single text box. The stats bar has been disabled by default and can be toggled on by pushing Alt + Ctrl + I. All of the keyboard shortcuts are on the first document, ‘shortcuts’. I don’t reccomend deleting this document until you get used to using Noteboard.

With multiple document support, you can now create as many documents as you like. To create a document, push either Alt + Shift + N or Alt + Shift + C and type in the name of the document. To open a document you can push either Ctrl + Alt + O or Alt + Shift + O. To delete a document, you push Alt + Shift + D. To rename the current document you’re viewing, push Alt + Shift + R. All documents (and document names) have full Unicode support so you may name them whatever you want to and put whatever you want in them.

Another cool feature introduced in Noteboard 2.0 is document autoload URLs. (more…)

Noteboard 1.0.1 update

I have recently updated Noteboard. This update includes various improvements. You can visit Noteboard through noteboard.eligrey.com and noteboard.nfshost.com.

  • Instead of using Mozilla’s non-standard storage interface, I changed the code to use the standard WhatWG Storage Interface. Using this interface lets Firefox 3.1+ manage the data set by going to Options -> Advanced -> Network -> Offline Storage.
  • Ctrl+S now saves the text. I recommend you do Ctrl+Alt+S to not trigger the “Save As” dialog box. I accidentally used to push Ctrl+S all the time forgetting that it will autosave when I close the window and it couldn’t save in mid-edit. I can’t override the default Save As dialog box without having access privlaged scripts which are only for addons, ect.
  • Alt+Ctrl+D deletes all the data stored by Noteboard on the domain it is currently on. Think of it as clearing your cookies if Noteboard actually set cookies. This is mostly needed as an alternative to using Firefox 3’s buggy offline storage management that doesn’t work most of the time.
  • When you Ctrl+V paste, the text is autosaved.
  • Will work on any browser that supports localStorage or globalStorage and will temporary store the data for browsers that only support sessionStorage

Update: I never mentioned this but the last version of Noteboard had a tiny update that never got a blog post about it because of the update being so small. The update allowed it to be served in data URIs opened through links or in iframes due to most browsers allowing data URIs to inherit the domain of the referrer. This means you can serve Noteboard 1.0.1 in data URIs now.

rot13 DejaVu fonts

I found myself wondering how to rot13 cipher text in a web browser without JavaScript or server-side interaction. I then came up with this idea, rot13 fonts. I have made rot13 equivalents for 2 DejaVu fonts, Sans and Serif. I only have the fonts use the rot13 affected characters, a-z; A-Z, Unicode ranges: U+0041-005a, U+0061-007a. This is so it would be more suitable for web use because the DejaVu fonts are 500KB+ each. The rot13 fonts are 12kb to 14kb large.

You can test these fonts to view “Uryyb Jbeyq!” (rot13 “Hello World!”) at this test page. The test page requires Firefox 3.1+ or Safari 3.1+ or for both rot13 DejaVu Sans and Serif to be installed on your computer.

The fonts are available for download here.

rot13 DejaVu Fonts being rendered in Safari 3.1.2

rot13 DejaVu Fonts being rendered in Safari 3.1.2

rot47 DejaVu fonts may be added when I get the time.


I made a simple notepad called Noteboard out of my necessity to make notes while browsing the web but not wanting to have to open up a seprate application to put the notes down and not wanting to store them on an external server. It is called Noteboard because it’s main use for most people would to a notepad to store text off of your clipboard. My solution was to make a webapp that uses the JavaScript globalStorage object to locally store what is typed into the text box. It also supports the tab key. To make it even more secure from someone (aka. me) from reading what you have locally stored for Notepad I have put this webapp on it’s own subdomain so I can’t use globalStorage on the main site to find out what you are typing on Noteboard. Noteboard currently only works for Firefox 3 and up.

Noteboard – noteboard.eligrey.com

Alternate Noteboard – noteboard.nfshost.com (this one uses the domain, nfshost.com, so there is NO possibility of me reading your notes.)

Embedded Edition – Everything in one file.

You may host Noteboard on your site as long as you keep the CC license in it.

I may also get a new domain just for noteboard if I can find one that isn’t already registered. (maby something like noteboard.it)

Bookmarklet to launch a Notepad popup: Noteboard (drag to bookmarks)

Update: I also added a status bar that displays the word stats and Noteboard doesn’t use the browser statusbar anymore because most people have JavaScript changing status bar text disabled.


<tab>Hello world! My name is Elijah Grey.
I am 123 years old. My website is www.eligrey.com

Returns these stats: Lines: 2; Words: 15; Characters: 87; Spaces: 14; Numbers: 3; Tabs: 1; Total Whitespace: 16

Custom protocols

I just made a site for using custom protocols with Firefox 3. The purpose of this tool is to remove the extra <protocol>: from <protocol>:example because Firefox sends the whole uri including the protocol. Example of google:example – http://www.google.com/search?q=google:example becomes http://www.google.com/search?q=example. Double forward slashes (//) are also removed from the redirect. The site has no images or css because of: a) I only made the site for function, not style. b) Just in case the site suffers from the Digg effect. (Which is more likely to happen to this blog with css anyways though.)

You can try these links to test out your new custom protocols after you install the google and wiki protocols in Firefox 3 – google://site:www.eligrey.com, wiki:protocol. There’s even a protocol: protocol for finding more custom protocols!

If you want me to add a protocol, please email me at custom.protocols {.at.} eligrey {.dot.} com with the following things but first view this list with all the protocols to make sure the :

  • The protocol, ie “google:”
  • The url that the protocol will redirect to, example: “http://www.google.com/search?q=%s” (%s is everything after <protocol>:)
  • The protocol name, ie “Google Search Protocol”
  • Optional link to site, ie “http://www.google.com/”

Custom protocols: p.eligrey.com

PS. I do not collect any of your personal data. I only redirect you to where you want to go with custom protocols. If you don’t trust me, don’t use this service.

Update: Sorry, I’ve taken the site down. I may re-launch a similar site way later in the future.