Chardin.js - उपयोग विधि को स्क्रीन पर overlay के रूप में दिखाना

• मौजूदा पेज को अंधेरा करके उसके ऊपर उपयोग विधि को साफ-सुथरे overlay में दिखाता है

• हर क्लिक पर अगले चरण में जाने की व्यवस्था की जा सकती है

• data attributes में विवरण की स्थिति और सामग्री निर्धारित करने का तरीका

• केवल विवरणों को इकट्ठा की गई json फ़ाइल को लोड करना भी संभव

[xguru]

यह 7 साल पुरानी लाइब्रेरी है, लेकिन हाल में इस पर फिर से नए commits आने लगे हैं.

ऐसी कई लाइब्रेरी हैं, लेकिन अब तक मुझे एक साथ सब कुछ दिखाने वाला यह तरीका सबसे ज़्यादा पसंद आता है.

बाकी विकल्पों में बटन से step-by-step आगे बढ़ना पड़ता है, जो user के नज़रिए से काफ़ी झंझट वाला लगता है.

• Intro.js https://introjs.com/

• Driver.js https://kamranahmed.info/driver.js/

• Shepherd https://github.com/shipshapecode/shepherd