Chardin.js - Mostrar instrucciones en una superposición sobre la pantalla

• Oscurece la página actual y muestra las instrucciones en una superposición limpia por encima

• Se puede configurar para que avance de paso con cada clic

• Usa atributos data para especificar la posición y el contenido de las explicaciones

• También es posible cargar un archivo JSON que reúna solo las explicaciones

[xguru]

Es una librería creada hace 7 años, pero recientemente empezaron a aparecer nuevos commits.

Hay varias librerías de este tipo, pero esta forma de mostrarlo todo de una vez sigue siendo la que más me gusta.

Las otras usan un sistema de avanzar paso a paso con botones, y desde el punto de vista del usuario eso resulta molesto.

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

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

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