Coderbay Essential Resources For Web Developers & Designers
Follow Coderbay
Subscribe to RSS-feed Follow Coderbay on Google Plus

Interactive Step-by-Step Users Guide With JavaScript

Posted on March 17, 2013

1- Intro.js

Intro.js is a tiny JavaScript library to build interactive and beautiful step by step users guide in web projects. The library can be handy choice when you want to introduce new features to your users. It let’s you to show the new features in step by step and better way.

The library is supported in modern browsers also support keyboard navigation.

Intro.js: Building Interactive Feature Introduction and Step-by-Step Users Guide for web projects

2- Bootstro.js

Bootstro.js is a small library and it uses Twitter Bootstrap popover plugin to show beautiful and interactive users guide to your users. It works cross-browser and cross-devices and supports keyboard shortcuts.


Bootstrap Tour

Bootstrap Tour is a jquery plugin lets you to build quickly and easily products presentation in tooltips that will be shown step by step. It is build with the help of twitter bootstrap tooltip and popover plugins. you can start and end a product tour within a single page or a product tour can span across multiple pages. Bootstrap tour handles all this well and easily.


Bootstrap Tour has a very simple and useful API to make product presentation attractive and quick. It provides the options to go to previous step, next step or skip a step. Next and previous steps can be on the same page or they can be on different pages.

Trip.js

Trip.js is a jquery based plugin that can help you customize a tutorial trip easily.



Enjoyed This Post? Share with others:

Digg this | stumble | del.icio.us | reddit.com | DZone

3 Comment(s)

  1. This is a great collection, thanks for putting this up! It’s quite amazing how many new cool libraries in this vein are coming out recently.

    Over at Iridize we aim to provide a similar experience as a service, for those who either don’t code, or would rather focus on coding their core application, instead of the tutorials. I hope you might find us interesting.

  2. Have you ever considered about including a little bit more than just
    your articles? I mean, what you say is important and
    all. But just imagine if you added some great visuals or videos
    to give your posts more, “pop”! Your content is excellent but with
    images and videos, this site could undeniably be one of the best in its field.
    Wonderful blog!

  3. Howdy very cool web site!! Man .. Beautiful .. Superb ..
    I will bookmark your web site and take the feeds additionally?
    I’m satisfied to find numerous helpful info right here within the publish, we need develop extra techniques in this regard, thank you for sharing. . . . . .

Leave a Reply

Your email address will not be published. Required fields are marked *