Pedro Puig

Entradas de la categoría ‘Utilidades’

21 muestras de aplicaciones jQuery para nuestros proyectos

Antes era el Flash una de las principales tecnologías utilizadas por los diseñadores para añadir interactividad a los proyectos.

Aunque Flash sigue siendo una herramienta muy poderosa y que funciona bien en muchos de los casos también podemos implementar este tipo de funciones usando jQuery.

Aquí os dejo un link con 21 demos en línea que muestran el poder del jQuery para crear efectos avanzados y que puede rivalizar con Flash.

PilotHandwriting, escribir a mano en el ordenador

PilotHandwriting es una novedosa aplicación web que nos permite crear nuestra propia tipografía de forma sencilla y poder utilizarla en nuestros programas digitales favoritos.
Es muy similar a otra aplicación de la que ya hable en este blogYourFonts”.

Los pasos a seguir son muy sencillos, lo primero es imprimir una plantilla en la que deberemos escribir las letras indicadas, tanto en mayúscula como en minúscula. A continuación deberemos introducir los resultados, bien por webcam, escáner o cámara digital. PilotHandwriting analizará nuestra tipografía y nos permitirá realizar modificaciones en los caracteres que deseemos.

Ya con la tipografía generada, podremos escribir nuestro correo electrónico con nuestra propia letra.

Podéis ver un video con un resumen del proceso de creación:

Readability o como leer mejor en Internet

Readability es una herramienta que nos permite leer los artículos con un formato determinado, el objetivo es facilitar la lectura eliminado graifos y publicidad, centrándose en lo realmente importante, lo esencial; podremos personalizar los márgenes, texto negro y fondo blanco o viceversa.

Lo único que deberemos hacer, una vez configurado es añadirlo a nuestros favoritos y al pulsarlo, cualquier contenido se presentara con las opciones configuradas inicialmente.

Se trata de un desarrollo de arc90.com y realmente vale la pena tenerlo en tus favoritos.

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