Fork me on GitHub
  • TypeLink is a mini pure javascript library that allows users to find important page links by typing..

  • How many times did you search for "about" "team" or even "login" in a page? The common drill was Ctrl+f , then type "about" and then navigate the cursor to the link...

  • Forget about it .. just type "about", or even "a" and hit enter .

  • See? Simple... easy!



  • Easy to use.


  • include typelink.js Type download


  • Just add typelink class to your links

    <a href="http://www.mysite.com/login" class="typelink" >About</a>
    About

  • You can add custom hint text

    <a href="http://www.mysite.com/invite" class="typelink" data-hint="invite" >Request an invitation </a>
    Request an invitation Try to type invite

  • Multiple hints also work for the same link

    <a href="www.mysite.com/login" class="typelink" data-hint="login|enter|signin" >Login </a>
    Login login ,enter,signin point to Login.

  • Links don't have to be visible

    Try twitter or connect

  • You can also navigate in page

    Try top and bottom
    Can be done with js function or by placing empty links on key positions(not that good)


  • It can also execute JS functions

    <a href="www.mysite.com/login" onclick="popUp" class="typelink" data-hint="popup" >Request an invitation </a>
    try popup

  • Grands focus to elements

    <input class="typelink" data-hint="search" />
    Just type search

  • What's next...


  • TypeLink is a half day project from an unexperienced Javascript developer (yes talking about me!) so it can be improved on so many levels.

  • Customization The very next thing is to enable easy customization to the hint gizmo


A project by weakwire (Or try Home instead)