Pedro Puig

Entradas de la categoría ‘Utilidades’

Flash Moto (CMS en flash)

Flash Moto

FlashMoto es un potente gestor de contenidos que nos permite crear sitios web en flash con relativa facilidad.

Necesitaremos el adobe flash para realizar las animaciones pero podremos incluirlas en Flash Moto y gestionar su comportamiento. Nos permite incluir vídeos, imágenes, textos, formas, música etc…. También podemos insertar plantillas de formularios predefinidos. En cuanto a la programación en Actionscript, no necesitamos ser unos hachas para poder gestionar un site web completo.

Plantillas para realizar wireframes a mano

Leo en Intenta una interesante recopilación de plantillas listas para imprimir y poder realizar nuestros bocetos tanto para páginas web, aplicaciones para el iPhone y storyboards.

wireframes iphone

wireframes en papel

Muy recomendable si queremos realizar estudios de usabilidad y AI.

Vía: Intenta

También puede interesarte:

jQuery Before/After

ejemplo_jquery_02

Este plugin realizado en jQuery nos permite observar las diferencias entre 2 imágenes simplemente arrastrando el manejador sobre ellas. El efecto final es muy espectacular.

Podéis ver el plugin aquí

Ver ejemplos

Vía: Woorkup

Photofont, tipografías en bitmap

pedro puig

Siguiendo con tema del post anterior sobre “efectos de textos realizados en CSS”, nos encontramos ahora con una tecnología llamada Photofont.

Photofont es un plugin gratuito que nos permite utilizar tipografías bitmap en tus programas de edición favoritos (photoshop, ilustrator, etc…).

¿Qué ventajas nos ofrecen las tipografías bitmap?

  • Nos permite utilizar una tipografía no estándar en nuestra página web y que sea amigable para Google.
  • Photofont soporta Kerning y codificación Unicode
  • Photofont es una colección de imágenes bitmap que utilizan color RGB con comprensión sin pérdidas y transparencias alfa.
  • Podremos utilizar estas tipografías en nuestro sitio web sin tener que convertirlas a imágenes, para ello deberemos comprar el software Photofont WebReady (79,95$).

Dependiendo del programa que utilices deberás descargarte el plugin indicado (existen versiones para PC y Mac)

  • Photofont Start: para su utilización en Photoshop (CS2, CS3 o CS4), Ilustrator (CS3 o CS4) y cualquier aplicación que permita utilizar plugins de Photoshop
  • Photofont ID: para su utilización con Indesign (CS3 o CS4)
  • Photofont QX: para su utilización con Quark Xpress (7 u 8)

Podéis ver algún ejemplo de este tipo de fuente en Desfaziendo Entuertos

Podéis ver algún ejemplo de este tipo de fuente:

En Desfaciendo Entuertos podréis descargaros este tipo de tipografías disponibles en alta y baja resolución.

URL: http://www.photofont.com

Vía: Desfaciendo Entuertos

Nimbu, el vigilante de nuestro sitio web

La importancia de que nuestro proveedor de hosting sea eficaz es vital para que tus clientes estén tranquilos. Últimamente he visto pequeños cortes de servicio que no acaban de gustarme, entiendo que no es algo habitual pero la necesidad de controlarlo y cuantificarlo me ha llevado a buscar en internet alguna herramienta que monitorice la efectividad de mi servidor.

Como herramientas, por un lado está PingDom (de pago) y Mon.ito.us (gratuito) estas herramientas son muy completas, pero para lo que yo quiero, demasiado complicadas, sin embargo Nimbu es una herramienta muy simple de utilizar, sin demasiados datos que nos mareen.

Una vez registrados podremos introducir nuestro móvil para que nos avise de si existe alguna incidencia en nuestro servidor. También podremos recibir las alertas vía Twitter o tener una versión para nuestro iPod e iPhone.

La única limitación es que de momento, ya que está en fase beta, solo podemos registrar 3 sitios web.

URL: http://nimbu.net

Vía: Diego Mattei

Ninite, descarga masiva de software libre

ninite

Ninite es una utilidad que nos permite descargar de una sola vez aquellas pequeñas aplicaciones de las cuales no se puede prescindir (Firefox, Chrome, Skype, Openoffice etc…)

Esta genial utilidad está dirigida a personas que a lo largo del día deben instalar de forma periódica las mismas aplicaciones básicas o para aquellas que no quieren complicarse la cabeza.

De momento las versiones de las aplicaciones que se pueden descargar están prácticamente todas en ingles pero se están incorporando poco a poco versiones en nuestro idioma. Lo único malo es que esta todo orientado a usuarios de Windows, esperemos que los susarios de Macintosh tengan la oportunidad en un futuro de disfrutar de esta aplicación.

URL: ninite.com

Vía: Diego Mattei

Crear un portfolio con Google Maps

Leo en Isopixel la posibilidad de utilizar Google Maps para diseñar nuestro porfolio. La idea es crear nuestra propia cuadrícula navegable formada por imágenes de nuestros trabajos, dándole coordenadas y posibilidad de zoom.

Hay aplicaciones como Image Cutter o Automatic Tile Cutter que nos permiten realizar este tipo de modificaciones permitiéndonos crear portfolios originales y distintos.

blaubo

academie

stas

Vía: Isopixel

Gridmaker, extensión para el Photoshop CS4

Gridmaker

Gridmaker es una extensión para el Photoshop CS4 y nos permite generar líneas guías que nos ayudarán a cuadrar los elementos gráficos en nuestros diseños.

El autor de este fantástico plugin es un desarrollador británico llamado Andrew Ingram.

Para su instalación deberemos descargarnos loa archivos gridmaker.jsx y gridmaker.swf y moverlos a la carpeta plug-ins/panels de nuestro photoshop CS4.

Para acceder al plugin desde photoshop deberemos acceder a Windows/Estensions/Gridmaker

Descarga de Gridmaker

Vía: Photodesigners

Divine, de Photoshop a WordPress

divine

Divine es una herramienta que añadida a nuestro Photoshop (a partir de la versión CS3) nos permite transformar nuestro bonito diseño en una plantilla para WordPress, impresionante verdad?.

El funcionamiento parece sencillo, sobre nuestro diseño deberemos delimitar los elementos típicos (header, footer, comentarios, contenido, sidebar etc…) y marcarlos como variables para que Divine los interprete. A continuación subimos el resultado por FTP y comprobamos que esta todo ok y listo.

El software es gratuito, aunque debemos registrarnos para descargarlo.

Vía: PixMedial

Blendfu o la gran enciclopedia de pinceles

blendfu

Blendfu no solo es una enorme enciclopedia de brushes/pinceles para photoshop o gimp (más de 1300 referencias). Además podremos probarlos, modificar el tamaño, opacidad, color antes de descargarlos, por supuesto de forma gratuita.

Cada pincel tiene su ficha técnica donde podremos consultar los detalles del mismo, autor, pinceles relacionados, etc…

Los pinceles están clasificados en artístico, básico, decorativo, fiestas y miscelánea.

Sin duda una herramienta indispensable para cualquier diseñador.

URL: Blendfu

Vía: Criterion