Super Search Thingy Is Alive!!!

With a bit of free time I’ve had lately being unemployed, I was able to work on this project and finish it. I’m very happy to have it done and working so well.

What is it?

It’s a keyboard activated search tool for a specific website built to act like the application launcher Alfred App and QuickSilver. I went through each page in the Kynetx documentation site and indexed each page by hand. I didn’t include all pages which I believe makes this a much more powerful search for Kynetx developers. I also assigned key words to each page based on what I thought it should be searchable by. If you have suggestions, let me know because I would love to hear them.

Check out the live demo at http://supersearcher.michaelgrace.org/

If you like it, you are free to use the code in any way that you like. Cheers!

JavaScript Delayed Search Like Google Instant

While working on building a search tool for a documentation site I came up with this demo. I wanted to be able to execute the search much like how Google Instant currently waits for a pause in the users typing to execute the search. This is an example of how I am accomplishing that. You can check out the live demo at

http://mikegrace.s3.amazonaws.com/geek-blog/sandbox/delay-search.html

This is what the demo looks like even though the code is the fun part:

Tested on Mac 10.6.6 with Firefox 3.6, Chrome 9.0, Safari 5.0, and Opera 11.01

Double Key Press Activation State Machine Thingy!

I’m working on building a documentation search tool based on QuickSilver and Alfred App. I needed a way to activate the search so I built this demo in preparation for finishing the search tool. You can check out the live demo at

http://mikegrace.s3.amazonaws.com/geek-blog/double-tap/double-tap.html

This is what it looks like even though the code is the fun part:

The demo code will shift states as you press the ‘s’ key. If you press the ‘s’ key quickly enough back to back it will switch to the activated state and stay there until the ‘esc’ key is pressed causing it to reset. The code also won’t change state if the focus is in a textarea or input to prevent activation while a user is typing in an area they don’t want to be interrupted in. I will have to add an exception for the search tool input box when I implement this to allow the ‘esc’ key to reset and hide the search tool while inside of it. You can use the code if you like and I would love to hear any feedback that anyone has about it.

Tested on Mac 10.6.6 with Firefox 3.6, Chrome 9.0, Safari 5.0, and Opera 11.01

JavaScript Performance Hit Calling Function vs. Inline

I know there is a performance hit when calling a function vs just running the code right there but I was curious how much that would be in different browsers. I went over to one of my favorite JS testing sites, http://jsperf.com/ , and setup a simple test. Running a few tests on a few different browsers suggests that there is about a 50% performance hit when calling a function with a small task.

You can check out the most recent results at http://jsperf.com/function-call-vs-inline and test your own browser.