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)

Leaflet es una librería para crear mapas multimedia. Ofrece la flexibilidad de funcionar a la perfección en dispositivos móviles.

- Visitar sitio Web Leaflet : Mapas interactivos

Libro básico, en inglés, para principiantes, sobre Node.js. Y ¿Qué es Node.js? Es una librería I/O (entrada/salida) que permite leer y escribir en ficheros en sockets, procesos de SO, etc y manipular los buffers de datos. Al estar basado en eventos, no los bloquea, funcionando de manera asíncrona.

- Leer libro gratis Node.js

oCanvas es una librería Javascript que facilita la labor de trabajar en Canvas. En vez de trabajar con píxeles trabajarás con objetos, mucho más cómodo y rápido. Como podéis ver en las demos crear gráficas, animaciones o efectos como degradados es sumamente sencillo.

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 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