Herramientas

Tingelets, bookmarklets para identificar elementos en una página

por

Tingelets es un sitio que ofrece una serie de bookmarklets muy interesantes para diseñadores, podemos encontrar bookmarklets que nos ayuden a identificar los distintos elementos de una página de una manera más visual, por ejemplo, queremos ubicar todos los elementos h3 de un sitio, ejecutamos el bookmarklet y nos resaltará todos los que correspondan en la página.

La lista de bookmarklets disponibles es bastante amplia, lo ideal es crear una carpeta especial para alojarlos a todos y tenerlos siempre a mano. No me voy a poner a nombrar uno por uno los que hay, pero les recomiendo que se den una vuelta por el sitio y los prueben para ver que son realmente útiles.

Visto en Webmaster Libre

Traductor de URLs acortadas

por
LongURL

A través de un interesante post de Héctor en GeeksRoom encuentro una herramienta llamada LongURL, que te permite traducir las URLs acortadas por varios sistemas de los más conocidos. Hace unas semanas les comenté de una herramienta que proveía el mismo TinyURL para traducir una dirección, pero obviamente sólo las creadas por este sistema.

Actualmente el sitio soporta sistema como tinyurl.com, is.gd, ping.fm, ur1.ca, bit.ly, snipurl.com, tweetburner.com, metamark.net, url.ie, x.se, 6url.com, yep.it y piurl.com, aunque dicen que la lista sigue, pero no creo que tengan problemas ya que lo más utilizados están.

PicSlice, herramienta para recortar imágenes online

por

PicSlice es una herramienta que te da la posibilidad de recortar cualquier imagen al tamaño que queramos, o bien recortarla en secciones para acelerar la carga (si quieren una buena explicación sobre el tema pueden leer el comentario de Lorenzo en un post similar a este.

Lo único que tienen que hacer es especificar la ubicación de la imagen en la computadora o bien poner la URL en el caso de que esté ya en internet. Luego podemos elegir entre las dos opciones, la de recortar a gusto, o bien recortar en secciones que podemos elegir entre filas y columnas, luego podemos guardar el resultado, incluso la imagen recortada en secciones se puede descargar en un zip.

Una herramienta similar que ya hemos comentado es Image Online Splitter, que sólo te permite recortar la imagen en secciones.

Visto en SimpleSpark

9 Bookmarklets esenciales para bloggers

por

Los bookmarklets son herramientas muy útiles ya que ofrecen funcionalidades extra y son muy rapidos a la hora de ejecutarse, pero primero, para los que no saben bien de lo que estoy hablando, los bookmarklets son la unión entre la palabra bookmark y applet, ya que están hechos en JavaScript, para tener una idea más clara pueden consultar la Wikipedia.

  • Instapaper: Es un interesante servicio que tiene un bookmarklet que te permite guardar enlaces para leerlos luego, por ejemplo, quieren leer algo pero se tienen que ir, lo envían a Instapaper y listo. Para generar el bookmarklet hay que registrarse ya que es único.
  • Google Cache: Este bookmarklet es extremadamente útil ya que nos permite el acceso a la caché almacenada por Google del sitio que estemos visitando, en el caso de que la tenga obviamente. Especial para cuando entramos a algún sitio y está caído. [Vía Daniel Robles]
  • Add2Netvibes: Un bookmarklet que sólo les servirá a los usuarios de Netvibes, pero que no les puede faltar, ya que con un sólo click podrán añadir el feed del sitio que estén visitando a sus páginas de Netvibes.
  • Add2GReader: Al igual que el anterior, Google Reader también ofrece un bookmarklet de suscripción al feed del sitio que estemos visitando.
  • Add2Delicious: Bookmarklet para añadir el enlace que estemos visitando a nustra cuenta de Delicious.
  • XRAY: Es una interesante herramienta que te permite ver las propiedades CSS de un elemento que seleccionemos en la página, especial para bloggers y diseñadores que les guste tener todo bajo control en cuanto a diseño. [Más info]
  • TinyURL: No hay mucho que aclarar de esta herramienta, nos permite acortar la URL que estemos viendo en el navegador con el servicio comentado antes. Especial para cuando queremos postear una URL en Twitter o comentar en algún blog y no hacer estragos en el diseño del anfitrión.
  • Traductor Google: Con este bookmarklet de Google podremos traducir la página que estemos navegando al español. El sistema autodetecta el idioma de origen y se encarga de traducir al español con el servicio de Google. Cabe aclarar que tambien podemos seleccionar una porción del texto que queremos traducir y ejecutamos el bookmarklet y traducirá sólo esa sección. [Más info]
  • Snipshot Import: Es el bookmarklet proveído por el sitio Snipshot.com, que ofrece servicios de edición básica de imágenes, rotar, redimensionar, rotar, ajustar valores, agregar efectos, etc. Sólo tenemos que cargar la imagen deseada en una nuesta ventana o pestaña y al ejecutar el bookmarklet importará automáticamente la imagen para su edición.

Instalación de los bookmarklets

Instalar un bookmarklet es muy sencillo, sólo tienen que arrsatrar el enlace del que deseen a su barra de marcadores, luego cuando estén en algún sitio y quieran ejecutar uno de ellos sólo pinchan en él y listo. En el caso de Instapaper tienen que entrar en el sitio y registrarse para obtener el bookmarklet.

Cabe aclarar que cuando arrastren el bookmarklet a su barra de marcadores éste aparecerá con el texto del enlace que yo les puse en este post, ustedes pueden, luego de instalarlo, editarlo y ponerle el texto que deseen.

AbouThiSite, información simple sobre un sitio web

por
AbouThiSite

AbouThiSite es un nuevo sitio que se suma a la lista de las herramientas que te muestran información sobre un sitio web. Con sólo ingresar el dominio del sitio que queremos analizar el sistema nos mostrará datos como:

  • Nombre del sitio
  • Fecha de creación del dominio e IP del mismo
  • PageRank
  • Un estimativo de visitas diarios, que no sé como lo calculan pero lo hacen muy mal
  • Una captura de pantalla con una paleta de colores, muy interesante
  • Validación de código
  • Información sobre el servidor, con la ubicación en un mapa
  • Y demás datos

Visto en SimpleSpark

flickrSLiDR, excelente widget para embeber tus fotos de Flickr

por
flickrSLiDR

flickrSLiDR es una interesante herramienta que te permite crear un widget que muestre diapositivas de las fotos de tu cuenta (o de la cuenta que desees) de Flickr. Primero tenemos que especificar los datos de la cuenta, ya sea que muestre las fotos del usuario, un álbum en particular, o basándose en tags que nosotros queramos.

Luego podemos personalizar el tamaño del widget, no tiene tamaños predefinidos, eso es interesante ya que nos deja elegir el tamaño que queramos, no tiene que ser «relativo» o mantener una proporción. Por último el sistema nos genera el código para instalar el widget en nuestro sitio web.

EN el widget tenemos varias funciones muy interesantes, como elegir el intervalo que queda la foto en pantalla, avanzar de foto en foto, ver la info de la misma, etc. Si se fijan, al pasar el mouse por la parte inferior del widget se  muestran todas las fotos para que podamos elegir la que queramos, al sacar el mouse las fotos se ocultan nuevamente.

Pueden ver un demo del widget funcionando en mi blog personal, en la barra lateral, abajo a la derecha, realmente es excelente.

DrPic, editor básico de imágenes en AJAX

por
DrPic, editor de imágenes online

DrPic es un nuevo editor básico de imágenes que funciona online y te permite realizar tareas sencillas como rotar, redimensionar, recortar, ajustar los valores de brillo y contraste, agregar efectos de marcos, etc. Lo interesante es que la interfaz no está creada en flash ni flex, sino que está desarrollada en puro HTML, AJAX y JavaScript.

Al archivo que vamos a editar lo podemos subir desde nuestra computadora o bien especificar la URL en el caso de que ya se encuentre en internet. Luego de aplicar y hacer las tareas de edición que queramos podemos guardar el archivo en nuestro equipo en varios formatos disponibles, JPG, PNG, GIF y BMP.

También tenemos la posibilidad de subir esa imagen a un hosting de imágenes, que lo provee el mismo DrPic, algo realmente útil si no queremos andar perdiendo tiempo en subirla a otro hosting.

Visto en Lifehacker

Guarda y comparte un texto online con Textsave

por

Textsave es una de esas simples herramientas que me gustan a mí, nada de funcionalidades extra y centrados en una única finalidad, lo que te permite hacer es guardar un texto online y luego compartirlo con quien queramos o acceder al mismo desde una URL en otra computadora.

Como les dije, es tan sencillo que no requiere de ninguna explicación, sólo escribimos el texto y al guardarlo el sistema nos da una URL que será la de acceso al mismo, nada más que eso. No necesita registro de ningún tipo ni almacena cookies.

Noutmi, gestor de tareas pendientes en español

por

A través de un post de Pablo en Kabytes encuentro una herramienta muy interesante llamada Noutmi, un gestor de tareas pendientes especial para personas que se olvidan las cosas que tienen que hacer, como yo. Está comprobado (por mí) que las personas que utilizan listas de tareas tienen mayor productividad que las que no lo hacen.

Con Noutmi podemos gestionar todas nuestras tareas pendientes y  tener nestras actividades organizadas. Lo interesante es que tiene dos interfaces de acceso, una es a través de una computadora o bien desde el iPhone mediante una interfaz mucho más sencilla y optimizada que nos permite estar al tanto de nuestras tareas en todo momento.

Hay muchas herramientas de este tipo, ya sea vía web o de escritorio, pero lo que me gustó de Noutmi es su simplicidad, si bien todavía se encuentra en fase beta hasta ahora no he notado nada fuera de lo normal. Igualmente, si quieren seguir las novedades de desarrollo del sitio pueden visitar el blog oficial de Noutmi.

Interfaz iPhone y PC de Noutmi

Round My Corners, redondea tus imágenes online

por

A través de Bitelia encuentro una herramienta excelente llamada Round My Corners y, como su nombre lo dice, te permite redondear las esquinas de cualquier imagen online.

Realmente la herramienta es muy sencilla y sólo basta con especificar la imagen que queremos redondear, elegir el radio de la «redondez» de las esquinas, lo bueno es que cuando modificamos el mismo nos muestra un preview, luego elegimos el formato del archivo de salida de la imagen y configuramos el color de fondo, también nos dan la opción de agregar un reflejo a la imagen.

Por último le damos al botón «Round My Corners!» y listo, podremos guardar la imagen en nuestra computadora con las esquinas ya procesadas.