Logo de islavisual
Logo de islavisual IslaVisual
imagen de sección

Ultima revisión 06/04/2013

Chardin.js: Plugin jQuery para añadir instrucciones superpuestas en cualquier elemento HTML

Si en algún momento del desarrollo de una web necesitamos informar u orientar a los usuarios sobre la funcionalidad de los elementos HTML, podemos recurrir a Chardin.js.

chardin-js-image

Chardin.js es un plugin para jQuery que permite añadir, precisamente eso, instrucciones superpuestas sobre cualquier elemento HTML para ayudar a los usuarios en la navegación.

Chardin.js hace una atenuación del fondo de la página y muestra en los elementos deseados pequeñas instrucciones basadas en texto.

Las ayudas pueden ser toolTips, migas de pan, detalle de productos, burbujas o nubes, etc.


Se puede utilizar como un asistente de seguimiento (pasos guiados), un widget de Presentación de Productos, tutoriales en línea, o simplemente una introducción aminada.

En el paquete se inmcluye una demo para ayudar a los desarrolladores en la implementación del plugin en sus webs.

Utiliza la información mencionada en "atributos de datos personalizados" de los elementos dados y una vez ejecutado, las guías visuales aparecen encima de los elementos HTML sobre los que se quiere mostrar la información.

Demo y descarga: http://heelhook.github.com/chardin.js/

Sobre el autor

Pablo Enrique Fernández Casado

CEO de IslaVisual, Manager, Full Stack Analyst Developer y formador por cuenta ajena con más de 25 años de experiencia en el campo de la programación y más de 10 en el campo del diseño, UX, usabilidad web y accesibilidad web. También es escritor y compositor de música, además de presentar múltiples soft kills como la escucha activa, el trabajo en equipo, la creatividad, la resiliencia o la capacidad de aprendizaje, entre otras.

Especializado en proveer soluciones integrales de bajo coste y actividades de consultoría de Usabilidad, Accesibilidad y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web, entre otras habilidades.