Chardin.js - Menampilkan panduan penggunaan sebagai overlay di layar

• Menggelapkan halaman saat ini lalu menampilkan panduan penggunaan sebagai overlay yang rapi di atasnya

• Dapat diatur agar berpindah langkah setiap kali diklik

• Menggunakan atribut data untuk menentukan posisi dan isi penjelasan

• Juga bisa memuat file yang hanya berisi kumpulan penjelasan dalam format JSON

[xguru]

Ini adalah library yang dibuat 7 tahun lalu, tetapi belakangan mulai ada commit baru lagi.

Ada beberapa library seperti ini, tetapi sampai sekarang saya paling suka pendekatan yang menampilkan semuanya sekaligus seperti ini.

Yang lain memakai cara berpindah langkah demi langkah dengan tombol, jadi dari sudut pandang pengguna itu merepotkan.

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

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

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