Una de las cosas que más le puede gustar a un cliente en una administración es que le des opción de subir fotos y que las pueda recortar él mismo. Con este código Jquery podrás agregar esta funcionalidad.

• Ver demo
• Descargar código JCrop

La personalización de formularios no es una tarea sencilla, por suerte, desde hace algún tiempo, contamos con scripts geniales de Jquery que facilitan esas tareas de diseño. Image combobox permite crear select o listas con imágenes.

Descargar código | Ver tutorial | Ver ejemplo

Un efecto útil. Nada mejor que una Demo como esta Ver Contenido‘ para comprobar su funcionamiento.

Podéis descargar el código del archivo adjunto y ver algunas anotaciones al respecto en Ver Contenido‘

– Archivo Adjunto: fotoslide.zip

Os dejo en el archivo adjunto 8 acciones para Photoshop que permiten hacer diferentes efectos en fotografía:

· Efecto Vintage.
· Efecto Lomo.
· Efecto Velvia.
· Efecto Sepia.
· Efecto Proceso invertido.
· Efecto de paso alto.
· Efecto dramático.
· Efecto imitación HDR.

– Archivo Adjunto: acciones.zip

Cuando poner un botón:

Los botones del sistema se deben utilizar en aquellas «acciones» que queremos que el usuario ejecute.

Por ejemplo:

· Enviar
· Buscar
· Descargar fichero
· Subir fichero
· Confirmar
· Guardar

Ejemplos de uso:

Tenemos una web llena de documentos que el usuario puede descargar.

El formato ideal para una página de este estilo sería:

· Titulo del fichero

Botón para descargar los ficheros fuera un botón del sistema etiquetado correctamente («descarga este fichero»).
Debajo del botón podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc…).

Cuando poner enlaces:

Los enlaces los debemos utilizar para vincular ficheros HTML. Es decir, el usuario va a ir a otra página web.

El formato de enlaces ha de ser claro y debe indicar que vamos a ver, evitando los «pincha aquí», «más información», etc…

El problema de poner bajo enlaces «acciones» que no son ver otras páginas web es que pueden confundir al usuario.

Si tenemos el formato anterior:

· Titulo del fichero

· Descarga fichero.

Debajo podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc…).

Uno podría adivinar que se va a bajar el fichero, pero se podría pensar que uno va a ir a la página de descargas.

Los botones no crean confusión frente a los enlaces para lo que hemos denominado como «acciones».