/ best free open source web resources /

Graphic Resources

Live Search with Quicksilver String Ranking Algorithm

Posted · Category: Forms, MIT License

We have seen a lot of examples of Live Search. But now, Ordered List has added a bit of a twist to it. Steve mentioned that the typical year and month layout of archives was overkill. He thought a better way to present them would be to list them all and let live search sort ‘em out. He has created Live Search with Quicksilver Style by integrating “Quicksilver string ranking algorithm” into Live Search component. “Quicksilver string ranking algorithm” will be able to recognize which items you are searching for if you just use abbreviations, so you can type entire words, or just fragments of each.

For example, sure you can search ‘sidebar creative’ to find posts titled that, now you can just type ‘sdbcv’ to get the same result. And that guy Nunemaker, but is that name a keyboardful. Why don’t we just hit a few of the important characters like ‘nnmkr’. The post of “Welcome John Nunemaker” is right there at the top. Try out the demo, you will love this immediately.

Requirements: –
Demo: http://orderedlist.com/demos/quicksilverjs/
License: MIT License

  • very nice! Thanks for posting that article. I will try out Quicksilver!

  • Well the algorithm seems to ranks stuff pretty accurate. A MooTools port has to be done sometime soon.

  • “Quicksliver string ranking algorithm”

    Should be:

    “Quicksilver string ranking algorithm”

  • Ray Cheung

    @ Ignace
    It is fixed now. Thanks. :)

  • Ignace

    You still missed one though:
    Live Search With QuickSliver

    Now i know you read your comments, am i going to take the opportunity to thank you for the effort that you put in webappers.com it’s one of the best resources out their on the web for us developers, many thanks

    Best regards,

  • Ray Cheung

    @ Ignace

    Oppps….. Fixed.

    Of course I read every single comment. Thank you for your kind words. It means a lot to me. I will continue bringing the best open source resources for web developers. :)

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons