Noticias Diseño – Tutorial Photoshop

Si estás cansado del diseño tan pobre de las ventanas de alerta, confirmación, etc. que nos muestran los exploradores, aquí tienes un código en Mootools para darles un lavado de cara y que queden mucho mejor.

Simple Modal es muy parecido a Sexy Alert Box, cuenta con opción de “tunear” los mensajes de confirmación, alerta, opción de cargar imágenes, vídeo y ajax en ventanas emergentes.

• Descargar Gratis Simple Modal (Mootools)

En sus primeras versiones REDIPS.drag (así es como se llama el código) se programó para facilitar la labor de hacer que ciertos elementos, en una tabla, se pudieran arrastrar a golpe de click de ratón. Debido a la gran demanda de descargas y comentarios han mejorado el código y ahora también permite mover filas completas de una tabla. Una acción muy útil para incorporar en nuestras administraciones a la hora de ordenar productos, noticias u otro tipo de entrada.

• Descargar REDIPS.drag

Si hay algo que defina la tendencia, en el diseño web del 2011, son los Sliders en Jquery. Grandes ventanas que muestran fotos impresionantes de servicios, productos o arte con una transición, a cual más currada, vienen siendo el pan de cada día.

Hoy os acerco un slider con una transición tan impresionante como exigente a nivel de requerimientos de CPU.

• Ver / Descargar Wow Slider

Si queréis mostrar fotos en su máximo esplendor, vuestro portfolio con todo lujo de detalles o cualquier tipo de material gráfico al máximo de tamaño, aquí tenéis una buena solución.

Con esta galería en Jquery podréis enseñar vuestras imágenes a pantalla completa.

- Ver Demo Galería a pantalla completa en Jquery
- Descargar Código de Galería a pantalla completa en Jquery
- Ver Documentación sobre la Galería a pantalla completa en Jquery

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.