plugins

Martes, 15 d junio d 2010.

16 plugins jquery para formularios

Mientras termino de escribir un par de posts que no acabo de darles forma os dejo otra recopilación de plugins jquery interesantes. En este caso unos cuantos dedicados a la gestión de formularios, esos elementos que tan importantes son para interaccionar con el usuario y a los que muchas veces no se les presta toda la atención que merecen. Espero que os sirva a algunos os sirvan en vuestras futuras webs y administradores:

- Jquery Ui. Sin duda tengo que empezar por mencionar la espectacular librería de efectos de "Jquery User Interface". Ante los efectos más típicos no lo dudes, úsala. Te evitarás sorpresas y quebraderos de cabeza: ventanas modales, acordeones, elementos 'arrastrables', autocompletados, pestañas, etc. Todo muy bien pensado y totalmente crossBrowser.

- Really Simple Validation (RSV). Seguimos con el que es con diferencia el sistema de validación de formularios más cómodo que existe para jquery. Una implementación lógica y sencilla unida a una estupenda documentación y la posibilidad de crear nuestras propias reglas de validación hacen que pocas veces necesites algo más.

- jwysiwyg, es el editor de textos enriquecidos basado en jquery. Sin duda no es el mejor editor de este tipo y no puede pretender rivalizar con cKEditor o con TinyMCE (muy recomendados ambos), pero el hecho de estar basado en jQuery hace que para adaptaciones muy personales el trabajo se simplifique. Para otros casos mejor usar uno de los 2 anteriormente mencionados que aun sin ser plugins de jquery son muy versátiles y están bien documentados.

- JqTransform, es un plugin que por si solo es capaz de dar estilos originales a tus formularios. Solo con usarlo puedes marcar la diferencia sin preocuparte demasiado de hacer un formulario a medida.

- Jquery Form, es un plugin jquery destinado a facilitarnos -muchísimo- la vida cuando tenemos la necesidad de enviar formularios usando ajax. El plugin recoge todos los campos dentro de una etiqueta 'form' los ordena y los envía por post o get en la llamada ajax.

- También tenemos que tener en cuenta otros 3 recursos gráficos que pueden sacarnos de algún apuro: filestyle, para dar tu propio estilo a los botones de selección de ficheros, selectlist para hacer lo mismo con los 'combos' creados con la etiqueta 'select' y jConfirmAction para cambiar un poco las alertas de confirmación.

- textBoxList, nos permite crear tags en un único elemento input de texto de una forma muy gráfica y amigable que nos recuerda a la forma de añadir amigos en Facebook.

- wdContextMenu, nos permitirá de una forma muy sencilla crear nuestros propios menús de acciones con el botón derecho del mouse. Ideal para cuando un administrador empieza a ser bastante complejo.

- En el otro extremo, para los administradores sencillos, tenemos a Masked input plugin que nos permite indicar una mascara en cualquier elemento input de texto en los formularios. De esta forma obligar a los usuarios a escribir siempre algunos campos (fechas, horas, etc.) resulta mucho más sencillo. Por otro lado, este sistema resulta poco usable para usuarios normales por lo que yo no lo aconsejaría fuera de administradores.

- imgAreaSelect, puede ser un tremendo aliado para cuando desarrollemos aplicaciones destinadas a cortar imágenes. Con él, la parte del formulario destinada a seleccionar la imagen se vuelve realmente sencilla.

- date Range Picker, es a día de hoy, el único seleccionador de rangos de fechas usable y fácil de implementar que conozco. Muy recomendado para herramientas de reporting en las que constantemente tengamos que ir seleccionando rangos de fechas concretos.

- Ajax MultiFile Upload, es una pequeña ayuda para subir varios archivos emulando el comportamiento de Ajax (un efecto parecido a lo que hace Gmail para subir nuestros adjuntos).

- Tablesorter, también puede ayudarnos mucho en administradores sencillos en los que tengamos que mostrar en una única página todos nuestros datos. Simplemente incluyendo este plugin haremos que estos sean bastante manejables (ordenables, paginados, etc.).

- Por último no puedo acabar sin mencionar a Ext.js, un completo y complejo entorno destinado a crear herramientas y administradores online con gran cantidad de funcionalidades ya creadas por defecto. Si bien, podemos usarlo como una extensión de jquery este producto (porque no vamos a llamarlo plugin) también puede aplicarse por si solo con su propia API.

Espero que no los conocieseis todos y alguno de estos plugins os permitan mejorar aunque sea un poco vuestros formularios y administradores.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: jquery

Autor:

Miércoles, 09 d junio d 2010.

8 Plugins Jquery para Imágenes

Bueno, la verdad es que la parte de desarrollo web de este blog cada vez la tengo más abandonada. Para compensar, os muestro una selección de los plugins de Jquery para imágenes que actualmente más me gustan y que recomiendo. Espero que a alguien le sirvan para su próximo proyecto...

[...]

¿Te interesa? Sigue leyendo...

4 Comentarios, leelos

Temas Relacionados: jquery

Autor:

Viernes, 12 d junio d 2009.

Crear plugins de Firefox con Javascript | Mozilla Labs Jetpack

JetPack es una plataforma creada por Mozilla Labs que permite a cualquier desarrollador web crear plugins para firefox en los lenguajes que está acostumbrado a manejar.

En su versión 0.2 ya nos permite realizar cualquier alteración de la web con jquery ya cargado de serie y nos brinda unos cuantos objetos para interactuar con el navegador: crearle botones para ejecutar los scripts, crear ventanas de notificación, generar sidebars con contenidos de otras webs, usar una memoria interna en el navegador para almacenar los datos, etc... Poco a poco va a convertirse en una forma muy potente de crear plugins así que es una herramienta que habrá que tener en muy cuenta de cara al futuro.

Lo mejor a mi modo de ver es que nos va a permitir permitir la instalación de los plugins a nuestros usuarios con una simple etiqueta html en el head de la página. Ya estamos tardando en descubrir distintas vías para sacarle partido.

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: Enlaces jquery

Autor:

Miércoles, 03 d junio d 2009.

plugin de conjuntos de efectos Jquery | Jquery Tools

Jquery Tools es un "megaPlugin" para jquery que nos hará la vida mucho más fácil a la hora de crear distintos efectos sobre nuestras webs. Abarca una galería de los efectos más comunes con algún añadido especial interesante como es el "Expose".

En la web, se nos brindan gran cantidad de ejemplos para poder ver si el plugin nos interesa lo suficiente como para bajarnoslo. Algo de agradecer que no hacen todos y que nos va a ahorrar tiempo de pruebas innecesarias.

Gracias a jquery Tools vamos a poder crear fácilmente y de forma totalmente configurable: Pestañas muy configurables, Tooltips de todo tipo, el fantástico efecto Expose para resaltar contenidos de la web, Overlays de distintos tipos y distintas acciones de Scroll y uso de vídeos.

Un recurso interesante a tener apuntado en nuestros marcadores.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Viernes, 10 d abril d 2009.

Plugin JQuery para esconder links | Black Hat Seo

Es conocido que para SEO los links que encontramos en el propio contenido de la web "cuentan más" que aquellos que situamos en menús, footers, sidebars, etc... Sabiendo esto, es normal que se haya convertido en una práctica común el buscar coincidencias con palabras exactas en los contenidos para reemplazar estos textos por links SEO.

El problema de esta técnica es que muchas veces se generan webs extrañas y aunque la práctica de incluir palabras como links en medio del textos es tán antigua como el html muchos usuarios no entienden bien estas apariciones y lo ven más como una molestia que otra cosa.

Para solucionar este problema he creado un pequeño plugin de jquery que nos permita esconder los links incluidos en el texto. El funcionamiento es sencillo: buscamos dentro de un contenedor de texto y cambiamos los estilos css de todos los links que se encuentren en medio del texto para darles la misma apariencia que al texto normal y de paso quitar el cambio de cursor al pasar por encima. Al hacer esto con javascript no es tan obvio que esos links no son visibles y al los buscadores les costará más penalizarnos (pero no nos engañemos, esto es black hat y por lo tanto penalizable si nos pillan).

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: jquery seo

Autor:

Jueves, 19 d marzo d 2009.

Plugin jQuery para editar textos en la propia página | jeditable

jeditable es un plugin para jQuery muy útil se quedemos hacer un administrador que pueda editar en la propia visualización de las páginas. Seleccionando los objetos conla query típica podemos hacerlos "editables" escogiendo entre muchas otras cosas la llamada Ajax que se enviará para guardar en nuestro servidor el nuevo dato.

Un plugin interesante, cuando te dejan tiempo para llegar a un nivel tan elevado en el backend (algo poco común). Me falta hacerle alguna prueba con los callbacks a ver si puedo incluirle un tinymce en los textarea...

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title