Website creation
When you sign up with github.com they show a tour that shows everything to use github correctly. Google also shows these tours in Gmail when they add a new feature. These are tiny boxes, tooltips with hints on the page, and some key part of the site becomes attractive by changing the color of any border or background.
My question is, is there an existing library for this?
source to share
Answering my question. I am using Guiders.js . This fully serves my purpose. Especially the tool tip on different elements is what I was looking for.
UPDATE: Oct 3, 2013
Another one I found is called intro.js
source to share
My two favorites:
If you are using bootstrap you might want to consider: http://bootstraptour.com/
source to share
Sideshow is a modern and powerful library for creating interactive tours for web applications and sites.
More than just guiding your users, Sideshow can interact with them:
- Monitor user behavior and the state of any screen.
- Create smart steps for your tutorials that run automatically when a condition is met.
- Create a relationship between tutorials so that when a user finishes a tutorial, a list is displayed with the corresponding tours.
- Use Markdown for advanced formatting step description
- Use events (like beforeStep / afterStep, beforeWizardStarts / afterWizardEnds) to do some kind of preparation or whatever.
- Show contextual tutorials according to your user's view, each tutorial has its own terms to check if it is suitable for this screen or not.
And other powerful features!
source to share