Noticias Diseño – Tutorial Photoshop

Una buena alternativa a TinyMCE y que, además, nos llega desde Google. Para los que nunca hayan usado un sistema de este tipo, decirles que se trata de un editor de texto que podemos implementar en nuestra Web y sustituirá todos los campos de tipo texto con un formato WYSIWYG (What you see is what you get, lo que ves es lo que hay).

• Ver demo de Google Editor
• Ver instrucciones de uso de Google Editor

Si hay algo que debemos evitar a toda costa es mal gastar el tiempo intentando reinventar la rueda. Generar un script de gráficas puede ser una tarea muy costosa y es por eso que hay que aprovechar módulos ya hechos y que funcionan tan bien como este. El Api de Google Gráficas nos permite generar todo tipo de modelos en segundos.

• Visitar página de Google con información, demos, etc.
• Ver una demostración rápida
• Descargar archivos de ejemplo

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

Hay cienes de carruseles, están de moda. Para mi, deben cumplir dos normas; que sean bonitos y que sean en Jquery. Este reúne ambas condiciones.

• Ver demo del carrusel
• Descargar archivos
• Ver tutorial

Una gran mejora que incorporar a cualquier formulario es aquella que nos permite corregir y validar los datos que vamos escribiendo sobre la marcha.

A continuación os dejo 18 validadores en Jquery, Mootools, Prototype, etc. Seguir leyendo »

He visto bastantes tutoriales que te enseñan a mover capas, el famoso efecto “Drag & Drop” (arrastrar y soltar) pero este me ha llamado especialmente la atención por hacer llamadas a JSON y guardar la posición final en base de datos.

Lo veo muy útil puesto que envía variables a un PHP que puede ser fácilmente configurado para efectuar otras acciones. Usa las librerías JQuery.

· Descargar código
· Ver tutorial
· Demo

Un bonito efecto que pasa las fotos a Blanco y negro al mover el ratón por encima de la imagen.

Podéis ver un ejemplo o estudiaros el tutorial para implementarlo en vuestra Web.

Un sistema de pestañas sencillo de implementar en JQuery, incluye animaciones que alegran el resultado final.

Tutorial: Ver Contenido‘
Demo: Ver Contenido‘

Esta galería hace uso de JQuery para hacer un efecto muy resultón. Amplia la imagen y añade un subtítulo.

¿Quién necesita Flash?

Demo: Ver Contenido‘
Tutorial: Ver Contenido‘