Ayer se me acerca un colega de trabajo con algunas preguntas relativas a un proyecto de cómo encontrar una solución a una funcionalidad utilizando jQuery. Papel y lápiz en mano, me puse a explicarle cómo imaginaba que sería, pero después pensé en cómo hacerlo mejor aún, con menos líneas de código y en los posible extensible, vale decir, que su mantención o posterior actualización implique poca o nula modificación.

Luego del trabajo salí a trotar y ¡ZAZ! La solución viene a mi cabeza. De vuelta la puse en práctica y decidí grabarla en un videocast, pero además de esa sencilla solución creí pertinente mostrar cómo a partir de una simple funcionalidad (o compleja, dependiendo de lo que hagan) pueden transformarla en un plugin configurable a partir de opciones, para jQuery.

Cuando creé [mi primer plugin][1] tuve bastante dificultad al no encontrar una documentación detallada, y espero con este aporte visual poner al alcance de quienes necesiten material didáctico para sus proyectos web. Hago el llamado también a que puedan compartir sus desarrollos libremente; sólo así podremos mejorar la calidad de los sitios web que vemos día a día. Como lo he hecho [en otras][2] [ocasiones][3], pongo a disposición este mismo sitio para hacer un review y difundirlos.

  • [CSSLab.cl: plugin para jQuery 1 – básico][4]
  • [CSSLab.cl: plugin para jQuery 2 – plugin][5]

Sebastián, espero haber solucionado tu problema, y feliz cumpleaños.

[1]: http://www.csslab.cl/2007/12/03/conos-para-mejor-usabilidad/ “Enlace en CSSLab a “Iconos para mejor usabilidad”” [2]: http://www.csslab.cl/2008/01/28/review-1-origo-css/ “Enlace en CSSLab a “Review 1: Origo CSS”” [3]: http://www.csslab.cl/2008/08/28/review-5-divit/ “Enlace en CSSLab a “Review 5: DIVIT”” [4]: http://csslab.cl/ejemplos/plugin_jquery/paises_basico.html “Enlace para “Ejemplo 1"” [5]: http://csslab.cl/ejemplos/plugin_jquery/paises_plugin.html “Enlace para “Ejemplo 1"”