Sistema di sovrapposizione "feature tour" (tutorial/istruzioni) lato client?

Question

Esiste un sistema/framework che si concentra sul fornire tutorial/guida come gli overlay nel browser?

Esempio: si dispone di una webapp che richiede all'utente un certo livello di istruzione. In questo processo di istruzioni si desidera "evidenziare" (ad esempio freccia, ombreggiatura del colore, bordo pulsante, ecc.) Un determinato elemento nella pagina, con un messaggio accompagnato.

Questo sarebbe un vero overlay, quindi funzionerebbe solo in posizionamento assoluto e non interferire con il layout esistente.

Sto cercando una soluzione esistente, prima di prendere in considerazione il mio.

Answer 1

Grazie a Johnson per avermi dato un buon termine con Google (senza falsi positivi falsi).

Ecco una lista di "caratteristica del tour" soluzioni che ho trovato:

• Joyride | http://zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• Hopscotch | http://linkedin.github.io/hopscotch/
• Crolla | http://blog.tommoor.com/crumble/
• Pageguide | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

Sono sicuro che ci sono più là fuori. Queste soluzioni possono rendere molto più semplice per uno sviluppatore implementare migliori funzionalità introduttive per gli utenti.

Answer 2

Più in aggiunta alla lista possiamo usare biblioteca leggero https://github.com/heelhook/chardin.js