Relativo a un proyecto en que estoy y del cual han [salido][1] [otros][2] [interesantes][3] [artículos][4] [anteriores][5], creé un plugin de jQuery para agregar íconos a los links que sean relativos a descargas de diferentes tipos de documentos, a links externos (target="_blank"), a direcciones de e-mail (“mailto:”) y a links de impresión (“window.print”). Como surgió la necesidad, y no encontré ninguno que hiciera eso en la página de plugins de jQuery, me puse a hacer el mio propio.

UsableIcons v1.0 plugin for jQuery

No es nada del otro mundo de complejo; en realidad es bastante simple. Lo que hace es leer las etiquetas buscando por sus atributos href y target por las extensiones anteriormente nombradas y si las encuentra, agrega una class respectiva que tiene ese ícono. Lo bueno es que puedes configurar en qué

aplicarlo a través de un id o class.

Es la versión 1.0 y se esperan mejoras, dependiendo del feedback.

[Página oficial][6]{.verejemplo}

[Ver demo][7]{.verejemplo}

[Bajar jquery.usableicons plugin v1.0 (.zip)][8]

[1]: http://www.csslab.cl/2007/10/03/videocast-1-layout-compuesto/ “Enlace en CSSLab a “Videocast 1: layout compuesto”” [2]: http://www.csslab.cl/2007/10/05/alto-minimos-para-ie6-y-el-resto-claro/ “Enlace en CSSLab a “Altos minimos para IE6"” [3]: http://www.csslab.cl/2007/10/18/css-reseter/ “Enlace en CSSLab a “CSS Reseter”” [4]: http://www.csslab.cl/2007/10/11/100-alto-finalmente-para-todos/ “Enlace en CSSLab a “100% alto para todos”” [5]: http://www.csslab.cl/2007/11/08/el-orden-ante-todo/ “Enlace en CSSLab a “El orden ante todo”” [6]: http://www.csslab.cl/ejemplos/usableicons/ “Enlace a “Improving Usability through jQuery”” [7]: http://www.csslab.cl/ejemplos/usableicons/usableicons_v1/usableicons.html “Enlace a “jQuery usableicons demo”” [8]: http://www.csslab.cl/ejemplos/usableicons/usableicons_v1.zip “Enlace externo a “Download: Usable Icons for jQuery v1.0"”