Before yesterday, I hadn't written any JavaScript code in a long time. So I finally decided to implement an idea that I had been thinking about for quite a while: a bookmarklet that turns any web page into a canvas that you can scribble on. I got the idea from a Firefox mouse gestures addon that can show a trail of your gesture as you draw it. I often use that "feature" to create scribbles, but unfortunately the mouse trail disappears once you release the mouse. Scribblet works exactly like that, minus the disappearing trails and plus a bunch of useful features. You can scribble on any web page and you can email your scribbles, too.
Technology wise, scribblet has been an interesting challenge. Because bookmarklets are essentially URLs containing JavaScript code, they can't be very long (they can be in most browsers, but not in Internet Explorer). To be more precise, a URL in Internet Explorer can be at most 2,083 characters long. That means the entire "program" has to fit into a little more than two kilobytes. With the use of JavaScript minfication tools this becomes somewhat easier, but you still have to think hard about every single line of code that you write.
So what would you use scribblet for? I can imagine a whole bunch of scenarios, but primarily you would use it to annotate web pages for customers, web designers that you have hired and probably your parents ("Just click the link in the left column", "There is no link in the left column", "sigh"). Also, if you encounter a web page that you don't particularly enjoy, you can use scribblet to express your dislike...
Kai.Jaeger.Blog
-
About me
This is the personal weblog of Kai Jäger, a twentysomething Academic Developer Evangelist from Germany. -
Ajax in der Praxis
My book on Ajax. Available online and from your local bookstore - provided that you live in Germany.
-
Tags
-
Articles
- JavaScript for people who are in slightly less of a hurry - part one
- JavaScript for people who are in a hurry
- Some advice on how to give a presentation that doesn't suck – part three
- Some advice on how to give a presentation that doesn't suck – part two
- Some advice on how to give a presentation that doesn't suck – part one
- The Monte Carlo method for cross-browser CSS
- Introducing BISON - Binary Interchange Standard and Object Notation
- The singleton design pattern in JavaScript
- More articles
-
Archive
- August 2010 [1]
- April 2010 [1]
- March 2010 [1]
- October 2009 [2]
- July 2009 [1]
- June 2009 [3]
- May 2009 [1]
- February 2009 [1]
- January 2009 [1]
- December 2008 [1]
- November 2008 [3]
- October 2008 [2]
- September 2008 [2]
- August 2008 [1]
- July 2008 [6]
- June 2008 [1]
- May 2008 [1]
- April 2008 [3]
- February 2008 [2]
- January 2008 [1]
- December 2007 [1]
- November 2007 [1]
- May 2007 [1]
- February 2007 [7]
- January 2007 [1]
- December 2006 [6]
-
Websites and blogs
Back to top
©2011 Kai Jäger. All rights reserved. Click here to email me or read the
legal notice.
2 comments
Write a new comment | Trackback URI for this entryWrite a new comment
<strong>,<em>,<cite>and<code>. Links, email addresses and line breaks are parsed automatically.