Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
26 Jun

Live Search with Quicksilver String Ranking Algorithm

  • Forms, MIT License
  • Leave a Comment

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

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
QuickSearch v2.0 Filters Large Sets of Data Really Quickly

QuickSearch v2.0 Filters Large Sets of Data Really Quickly

VisualSearch.js – Autocomplete Faceted Search Queries

VisualSearch.js – Autocomplete Faceted Search Queries

Showing How Each Sorting Algorithm Operates

Showing How Each Sorting Algorithm Operates

A Search Engine for Vectors, Photos & PSD Files

A Search Engine for Vectors, Photos & PSD Files

Flickr – Fresh Photos under Creative Commons License

Flickr – Fresh Photos under Creative Commons License

A Useful String Manipulation Extension for JavaScript

A Useful String Manipulation Extension for JavaScript

Comments
  • http://www.ajax-frameworks.de Sebastian

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

  • http://blog.olicio.us/ Oskar Krawczyk

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

  • http://users.skynet.be/ign Ignace

    “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,
    Ignace

  • 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. :)

  • http://blog.olicio.us/ Oskar Krawczyk

    And a MooTools port is now live: http://blog.olicio.us/2008/06/27/live-search-with-quicksilver-style-mootools-12-port/

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • How to Use Web Workers for Image Manipulation
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN