A brief look at chardin.js

I recently came across a neat little tool called chardin.js which allows users to insert instructions on pages to provide direction to users. Chardin.js is used to overlay instructions over elements on a page using visual guides which can be modified depending on the required needs.


I decided to have some fun with it and used it to overlay information on a statue outside Arsenal’s Emirates stadium (image above). One limitation of this plugin is that unlike some other plugins like intro.js which take users on a clickable  tour through an interface ,chardin js offers a more static approach. However it does have some potential for displaying helpful hints/information for users or highlighting certain parts of an image and emphasizing important elements on a page. To be continued……….



Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.