What the Font es realmente una joyita que te puede ahorrar algo de tiempo en buscar una fuente.

A veces vemos alguna fuente en algun lado que realmente nos gusto pero no conocemos el nombre. ¿Que hacemos?

Solo basta con subir una imagen o indicar el URL de la letra que nos interesa y WTF nos indicara el nombre de la fuente. En algunos casos podemos bajar la fuente directamente a nuestra pc.

El e-mail marketing es la interseccion entre CMS (content management system), CRM (Customer relashionships manager) y BI (Business Intelligence). Si se utilizan sabiamente, las campañas de e-mail marketing pueden tener un efecto contundente en una campaña de promocion. Lo interesante es que los resultados pueden medirse facilmente.



OpenEMM es una poderosa herramienta open source de gran nivel para llevar a cabo esta importante estrategia de marketing.

Entre algunas de sus cualidades podemos escoger un template para el diseño de los e-mails, crear listas de correo, configuracion para distintos usuarios, analisis de cantidad de clics, segmentacion de los usuarios, estadisticas, medir el exito de las campañas y comparacion de distintas campañas entre otras.

Freeway es una plataforma de e-commerce de codigo abierto que te permite vender servicios, suscripciones o eventos ademas de productos.

Es una aplicacion construida con PHP y usa MySQL como base de datos y puede integrarse a Joomla y Drupal (gestores CMS).

Todavia no pude probarlo pero me hablaron muy bien de esta aplicacion. Si alguien lo hizo lo invito a compartir su experiencia.

Magtoo es una manera interesante de compartir tus fotos. Luego de subir nuestras fotos podemos crear tres tipos de widgets:

• Slideshow con transiciones, efectos y sonidos.
• Vistas panoramicas en 360º de nuestras fotos.
• Trip view: fotos de nuestro viaje dispuestas en un mapa como el Google Maps.

Los widgets pueden ser colocados en facebook, blogger, xanga, flickr o en nuestra web.

Enlace | Magtoo

¿Se acu erdan hace muuuucho tiempo que publique un post acerca de un programa que sirve para hacer superficies acuaticas animadas en nuestras imagenes?

Wavemypic es una utilidad online que permite crear un efecto parecido en cuestion de segundos. No es tan buena como la otra pero si es rapido y facil de usar: solo debemos subir un imagen y listo. Eso si, cada imagen pesa bastante porque genera un gif animado cuadro a cuadro.

Ideales para colocar en portfolios o venta de software, las cajas en 3D pueden aportar un toque distintivo a nuestros productos.

3D-BOX maker es un generador online de cajas tridimensionales donde lo unico que tenemos que hacer es colocar una imagen de frente, una de costado y una de arriba. Un simple clic y el generador hace el resto.

• 3D Box Maker

Los Site Tours son una manera de guiar al usuario por el contenido de nuestra web e incrementar la usabilidad. Estos asistentes suelen utilizarse en varios sitios, por ejemplo, en la descripcion de las cualidades de algun servicio o para registrarse en una web. Algunos ejemplos: Facebook, USDA, Aetna.

Si necesitas crear un site tour para tu web la solucion es Amberjack. Se trata de una manera gratuita y open source para personalizar un tour segun nuestros requerimientos mediante javascript: un asistente nos permite elegir las URL de nuestro sitio y genera un codigo que debemos pegar en nuestro sitio. Ademas el tour puede adaptarse al estilo de nuestra web mediante nuestras hojas de estilo.

• Amberjack

Una buena de Micro$oft: probablemente si abrieron sus cuentas de hotmail habran notado un banner con una leyenda asi como "Windows Skydrive, hace clic y conocelo" (lo que me recuerda al famoso chiste de Marcelo).

SkyDrive es una herramienta que nos brinda un espacio de 5Gb para almacenar nuestros archivos en la red con la posibilidad de restringir su acceso en distintos niveles. Esto significa que al subir un archivo puedo elegir si quiero que cualquiera pueda acceder a el, o solo mis amigos, o solamente yo. Bastante util.

• Live Skydrive

Con "optimizar" me refiero a comprimir una imagen de manera tal que ocupe el menor espacio posible sin perder calidad. Si no tenemos ganas de abrir nuestro editor de imagenes para realizar esta tarea podemos recurrir a una herramienta que nos permite convertir nuestras imagenes online.

• Image Optimizer

Abriste el Photoshop, trazaste una cuadricula y colocaste las guias muy meticulosamente... luego de un tiempo dedicado a la maquetacion, armaste un flor de diseño que tenes que tener listo para dentro de 10 minutos porque tu cliente quiere ver como esta quedando... ¿que hacemos?

A menos que seas un "as" del CSS podrias llamar a Mandrake para que te transforme tu archivo PSD a Html. O mejor aun, podes subir tu archivo a PSD2CSS Online y convertir tu diseño de manera simple, rapida y gratuita.

Solo tenes que enviar el archivo y luego de unos segundos tendras tu xhtml + css listo para bajar a tu maquina. Interesante ¿cierto?

• Converti tu PSD a HTML!

Agradecimientos a Juan Manuel Lucero por el dato.

Lightbox es un script que permite visualizar imagenes en un sitio web sin necesidad de usar popups. Probablemente hayan visto varias webs utilizando este complemento.

Cuando hacemos clic sobre la miniatura de la imagen, la pantalla se oscurece y se abre la imagen en tamaño real en la misma ventana. Para utilizarlo debemos pegar un codigo en el html, modificar el archivo CSS y adjuntar un par de archivos en la carpeta de nuestro diseño.

Algunos links para ver las demos y bajar los archivos:

• Lightbox JS
• Lightbox JS 2
• Shadowbox

Por fin salio la version online del editor de imagenes mas famoso del mundo. Luego de meses de espera, Adobe anuncio el lanzamiento de Photoshop Express, la version online del fetiche por excelencia de cualquier diseñador. Ademas de incorporar las herramientas mas frecuentes de la version estandar, Photoshop Express permite crear galerias y un espacio gratuito de 2 Gb para guardar tus trabajos. Eso si, requiere Flash Player 9.

Estan invitados a probarlo:

• Photoshop Express

Este dato me lo paso Agus:

1. Se van a dot.tk e ingresan el nombre de URL con terminacion .tk que les gustaria tener.
2. Eligen "dominio gratis"
3. Ingresan el URL del sitio web que quieren acortar
4. Siguen los pasos del asistente hasta finalizar

Resultado:

Al dirigirse a tudominio.tk este te redirecciona a la URL del sitio original sin perder el nombre de dominio anterior.

Por ejemplo: http://multimedius.blogspot.com = http://multimedius.tk

Visitar Sitio

Autoviewer es un visor de imagenes en flash muy piola. Simplemente elegimos las fotos que nos gustan, editamos el archivo XML indicando la ubicacion de las imagenes y una descripcion para cada una. Las imagenes pueden pasar automaticamente como un slideshow o pueden detenerse. Ver Demo

Desde el sitio oficial pueden descargar Autoviewer y utilizarlo para sus propios diseños.

Website Grader es una herramienta que sirve para comparar el posicionamiento de tu web con respecto a tus competidores. Para ello solo hay que colocar el URL de tu web, agregar otros datos adicionales y Website Grader elabora un analisis detallado de SEO (Optimizacion en Buscadores) que dara como resultado un puntaje de 1 a 100.

Simplemente otra joyita para tener en cuenta al momento de pensar en posicionar una web.

Como sabemos, la grilla (o reticula) es una herramienta basica para cualquier diseñador porque permite la organizacion coherente del contenido e imagenes, teniendo en cuenta el objetivo principal de un diseño.

Aca les dejo una pequeña recopilacion de herramientas para diseñar con grid:

• Design es una suite de herramientas orientadas al diseño web que puede utilizarse online sobre cualquier sitio web. Para utilizarlo debemos cargar una URL y luego iniciar el widget que guardamos previamente en nuestros marcadores. Entre las herramientas contamos con una grilla, regla, medidor de unidades y una mira que permite dibujar sobre el diseño. Realmente bueno, pruebenlo!

• Grid Calculator es un generador de reticulas en el que debemos ingresar el tamaño de la fuente, el numero de columnas, el ancho de columna y de espaciado y podremos descargar una grilla hecha a nuestra medida.

• Grid Generator es otro generador similar al anterior... es bueno contar con alternativas.

• Grilla generica que sirve para los diseños mas frecuentes de la web. Descarguen la imagen y pueden utilizarla de fondo en Dreamweaver.

• BluePrint CSS es un generador de grillas CSS. Nosotros le damos los valores y el generador nos permite descargar el css.
  

• DesignbyGrid es quizas el mas importante. Se trata de una galeria de diseños inspiradores totalmente realizados con grilla. Ademas publican una infinidad de tutoriales y cuenta con varias herramientas para ayudarnos en nuestros propios diseños.

Ademas de todo esto recomiendo utilizar la grilla para observar y analizar muchos de los diseños que vemos a diario. De esta manera vamos incorporando la reticula como una herramienta natural que nos ahorra tiempo y esfuerzo.

Estamos muy acostumbrados a diseñar nuestras paginas para una o dos resoluciones, sin embargo, con el advenimiento de otros dispositivos y lel mayor consumo de notebooks (cada vez mas accesibles) es necesario plantearse seriamente si todos nuestros proyectos merecen funcionar en pantallas de 1024 x 768 o requieren otro tamaño.

Para ello existe una herramienta online que nos permite visualizar nuestras web con diferentes resoluciones. Simplemente debemos introducir el URL de nuestro sitio y especificar una resolucion y observaremos los resultados de manera instantanea.

360PanViewerPRO es un componente para flash que sirve para crear panoramas en 360 grados. Una vez instalado, simplemente hay que arrastrar el componente al escenario y configurar la foto que queremos utilizar.

Entre algunas de sus características podemos mencionar que es compatible con XML, soporta zoom de imagenes y permite agregar Hot Spots de manera dinámica.

Les dejo el link para descargar el componente desde rapidshare. Que lo disfruten!

Se dice que un 10% de la poblacion masculina sufre de ceguera a ciertos colores. La enfermedad más común es la Protanopia y quien la padece tiene problemas para percibir los colores rojos y verdes.

Un diseñador web responsable se involucra con el diseño para que sea accesible a la mayor cantidad de usuarios posibles. Es por eso que pasamos horas haciendo pruebas de accesibilidad, compatibilidad con navegadores y pensando en las mejores estrategias de posicionamiento. ¿Pero qué hay de ese 10%? ¿Qué sucede con aquellos usuarios con monitores de bajo contraste? ¿Pensamos en ellos?

Si les interesa pensar en ellos, les dejo dos herramientas que les pueden ser de utilidad:

• COLORBLIND WEB PAGE FILTER: permite ingresar un URL, escoger un tipo de ceguera de color
  y genera una pagina con el filtro indicado.

• COLOUR CONTRAST CHECK: herramienta que evalua si el color frontal y el color de fondo hacen un buen contraste o no.

Herramientas para tener en cuenta si pensamos en nuestros usuarios...

Vector Magic es una alucinante herramienta que nos permite vectorizar una imagen de manera simple, gratuita y online, con resultados asombrosos. Simplemente subimos nuestra imagen (grafico, logo, foto), realizamos algunos ajustes y el programa se encarga de vectorizar rápidamente.

Si el resultado nos complace, simplemente seleccionamos el modo de descarga: EPS, SVG o PNG.