Fuentes pixeladas en Semplice Pixelfonts

Luego de las fiestas, vuelvo lentamente a este querido espacio para seguir ofreciendo recursos que que pueden resultar útiles para el blogger en general. En esta oportunidad, y recordando una antigua entrada dedicada a los botones pixelados, vuelvo a la carga tras los cuadritos de pixeles otra vez: en esta ocasión, quiero hablar de las fuentes pixeladas y un servicio en internet que resulta muy útil para usarlas desde incursiones amateurs en el diseño web hasta los trabajos pro.

Las fuentes pixeladas son fuentes tipográficas digitales que usan menos cantidad de pixeles que una fuente "true type" normal, es decir, no son indicadas para imprimir en papel, sino para verse en pantalla. De alguna manera las fuentes pixeladas recuerdan a las letras que podrías encontrar en ordenadores y sistemas operativos antiguos, como el MS-DOS. Pero hoy en día, muchos de los botones 2.0 que ves en la web como los contadores de Feedburner, los botones de directorios de blogs y hasta los "faves" de Technorati utilizan estas fuentes acompañadas de pequeñas imágenes o iconos que al final resultan muy livianos y si no tienen muchos colores, generalmente no pasan de 1KB.

Si tenés ganas de generar botones con auténticas fuentes pixeladas, no tenés que buscar mucho. Recientemente encontré por la web la página de Semplice Pixelfonts que ofrece una buena variedad de fuentes distintas, pero con una ventaja: también son true type, es decir, se pueden imprimir, si alguna vez necesitás hacerlo. Una buena oportunidad de generar botones livianos, si las añadís a las posibilidades de editores gráficos como Photoshop, Gimp, o incluso el básico Paint.

All you can upload, un excelente hosting de imágenes

Convengamos cuando escribís en Blogger no hay demasiados problemas al subir imágenes para decorar tu artículos. Pero la cosa cambia cuando utilizas plataformas donde no siempre te dan estas facilidades como en foros, o inclusive en espacios propios por miedo a que te pases del espacio disponible en tu cuenta.

Para evitar estas cosas está All you can Upload. Bueno, está bien, no es en sí una novedad porque desde hace muchos años pululan otras alternativas en la red (como los veteranos ImageShack o ImageAvenue, entre otros). Pero lo especial de ésta que recomiendo es que no hay límites de cantidad ni tamaño de los archivos, no hay necesidad de registrarse, se pueden subir varias imágenes a la vez y te brindan un historial temporal que muestra las fotos que ya has subido, por si necesitás un código html distinto para incrustar en tus posts.

Ah, y hablando de códigos hay dos versiones: miniaturas (thumbnails) o imagen original, para incrustar en blogs, foros, email, messengers y demás.

Creo que más de uno/a se va a divertir con esta herramienta, por lo fácil que es de usar.

De firmas digitales, glitters y textos cool

Navegando al azar me encontré con un par de herramientas que a más de uno les va a resultar útiles. Se tratan de 3 opciones para generar logos.

La primera, My Live Signature, sirve para generar una especie de "firma digital" que podés utilizar en tu myspace, tus foros favoritos, o mejor aún, para firmar las entradas que escribas en tu blog. Configurá tu firma para escribirla con letra cursiva, imprenta, o mezcla de ambas. Elegí de que color querés que sea, y a que tonalidad (en escala de grises), así como el tamaño de la imagen resultante. La página genera códigos para mostrar tu firma personal en foros que usen los códigos BB Code, o bien para incrustar como html en cualquier página web. Cada firma generada ofrece un número de ID que te identifica en la red: es decir, que vos sos el que tiene esa firma y no otro/a. Si te registrás, podés llevar un control de tus firmas, y otras cosas más.

Ej:

La segunda, My Glitter Z, es una página que sirven para generar "glitters". Éstos no son más que gif animados con colores muy brillantes e impactantes a la vista, tanto que pecan de dar un toque demasiado "glamoroso", pero si no te gusta así, se pueden elegir colores más apagados, e incluso regular el tamaño del logo resultante para que no sea tan chocante ni vuelva lenta la carga de la página donde lo uses. Yo generé un glitter de "Inicio" en la columna derecha del blog, y pude elegirle la letra y todo. No está mal...

Ej:

La tercera su propio nombre lo define, se trata de Cool Text, un servicio que sirve para generar logos atractivos que pueden servir incluso para cosas más grandes como generar un logotipo para tu página web. Tiene una amplia selección de texturas y efectos para agregar a los logos, pero lo que más abundan son las fuente tipográficas. Hay tanto como para cansarse. Otra buena opción, sencilla y rápida de generar tu logotipo. A diferencia de las anteriores tenés que bajar la imagen a tu computadora, porque pasada la hora se borra en el servidor.

Ej:

NetWeather, el tiempo en tu web

Hace poco me topé con netWeather, uno de esos servicios que sirven para mostrar cómo está el Tiempo en dónde vives. En varias ocasiones he probado servicios similares, pero no me convencían porque no mostraban como estaba la cosas exactamente donde yo vivo (Grand Bourg, Buenos Aires), solo estaban disponibles las capitales de los países o por provincias.

En cambio, esta herramienta provee de un widget para que puedas mostrar el Tiempo en tu blog. Si querés hacerlo, fijate si tenés suerte y encontrás tu ciudad. Para instalar el widget, hacé lo siguiente:

1. Clic en "Get my NetWeather".
2. Seleccionar unidad de medición (en Argentina usamos ºC), lenguaje (3 nomás...), Nombre de ciudad o código postal (cualquiera de las dos que elijas, haz clic en "Search" y te dará opciones de lugares disponibles). Clic en "Next".
3. Seleccionar tamaño del widget (a mayor tamaño más información, con mapas y todo), categoría de diseño (colores, amor o estaciones del año) y theme. Clic en "Next".
4. Aparecen términos y condiciones, hacer clic en "I agree..." y luego copiar el código html (2 opciones: web o myspace).
5. Pegar lo que has copiado en el código html de tu web. Acá en Blogger se puede copiar directamente en los post o en las barras laterales por medio de las opciones de diseño.

Weather Forecast | Weather Maps | Weather Radar

Espero que te sea útil. Saludos!

Gatos, música y gif animados.

La sección de b3ta stuff denominada "La tienda de discos de los gatos" (entre otras muy buenas), se ha convertido en un clásico humorístico de internet. Una muestra para que veas:



¿Es difícil generar tu propio gif animado? Para nada. Solo necesitás varias fotos o "secuencias" que al repetirse generarán la animación deseada y un programa que te permita unir todas esas fotos en un solo archivo gráfico. Para eso existe Gickr, como nos cuenta Juan Diego.

Snap Preview Mania

Como muchos a estas alturas deben saber, o para vos que no te enteraste todavía, hace poco tiempo en la red disponemos de un servicio que sirve para previsualizar los enlaces externos que tenemos en nuestro blog o sitio web.

Snap Preview Anywhere es un servicio del buscador revelación del 2006: Snap (bah, para mí es la figurita del año por la forma peculiar de presentar los resultados), que a diferencia de otros buscadores, ofrece previsualizaciones de los sitios webs antes de entrar en ellos, como si fueran ventanitas donde mirás un paisaje desde lejos.

Rápidamente, está produciendo un "efecto viral" sobre numerosos sitios que se han sumado a la iniciativa, u otras parecidas. Directorios de blogs de la talla de Argenblogs y Buzzear, usan Websnapr para previsualizar los sitios afiliados por tirar algunos ejemplos. Me gustaría que Blogalaxia también lo empleara, pero parece que utilizan la alternativa propuesta por MSNSearch.

Volviendo al tema en cuestión, la Snap Mania se ha hecho sentir entre los usuarios del WordPress, que ya disponen de un plugin para implementar el motor de previsualización. Pero la verdad es que no necesitás instalar este plugin para disfrutar del servicio, porque solo hay pegar el script que suministran en la página oficial, antes de la etiqueta de cierre </head> presente en el código html de tu blog o sitio web.

Por ejemplo, puedes ver los resultados posicionando el puntero del mouse sobre los enlaces de estos sitios amigos que también han implementado Snap:
- Digizen.
- Proyecto Mayhem.

Para más información sobre esta herramienta, recomiendo visitar: Ñblog, Blogultura, Webmaster Libre y unijimpe.

Cuestión de Avatars

Hoy en día hay muchas formas divertidas de representarte en internet: tus firmas en los foros, un fragmento de tu voz en Odeo, tu foto personal, y por supuesto, los avatars.

¿Qué son los avatars? Básicamente son imágenes digitales (ni muy pequeñas, ni muy grandes) que te representan en internet, pudiendo ser fotos reales tuyas o bien ficticias, como las basadas en famosos/as, en personajes de dibujos animados, películas, series, fotos de paisajes, etc. Se usan generalmente en los foros, donde los usuarios los utilizan para otorgar una identidad gráfica a su nick o seudónimo con el fin de diferenciarse de otros usuarios.

En los blogs, la iniciativa más popular se llama Gravatar, donde subes una imagen pequeña de no más de 80x80 pixeles, que puede ser empleada para distinguirte en una gran variedad de medios aparte de los blogs (foros, wikis, fotologs, live spaces, etc.)

Recientemente, en este blog he colocado un avatar basado en los serie cómica South Park, donde puedes elegir entre gran variedad de opciones para crear un avatar totalmente personalizado, distinto de los personajes de la serie. Para crear tu propio personaje, puedes visitar Planearium.de, donde tienes a tu disposición la aplicación para crear los muñecos. Cuando termines de editarlo, debes hacer una captura de pantalla con la tecla del teclado "Impr Paint" y luego pegar la imagen en tu editor de imágenes para poder recortarla y dejarla lista en el tamaño que quieras.

Otra opción son los Yahoo! Avatars, que a diferencias de Meebo del Messenger, son gratuitos y se pueden lucir en muchos medios digitales por medio de la colocación de un código html que el servicio te ofrece con la opción "Exportar". Como todo servicio Yahoo! hay que registrarse para poder usarlo, aunque al igual que el caso anterior, los modelos son altamente configurables. Un ejemplo, es esta "visita imaginaria" que realicé a las pirámides mayas el verano pasado...

Pero si lo que quieres es algo más convencional, puedes encontrar muy buenos avatares de 50x50, 120x120 y más pixeles en Glitter Graphics, que divide los aportes de los usuarios por categorías. Y ya al hablar de aporte de doy la pauta de que podés registrarte y subir los propios. Lo único que te piden para poder usar estos avatars en otros medios es que te encargues de guardarlos en un servidor propio, o bien, en uno gratuito como el mítico Imageshack, Flickr, o el favorito de la casa: Twango.

Por último, para los amantes del minimalismo gráfico, les dejo este otro recurso: Charas. (Que en realidad más que avatars, se trata de muñequitos pixelados, que son ultrapequeños)

Botones web 2.0

Uno de los fenómenos más interesantes de analizar en la blogósfera (es decir, la comunidad mundial de blogs en Internet) es el tema de los botones. Desde los manifiestos (por la cultura veraz, free culture, fundación copyleft, soy un blogfesor, nosoypirata, etc), pasando por las iniciativas (amnistía, ad-free blog, pro-ad blog, etc.) llegamos a los botones antipixel, que es lo que me interesa comentar hoy.

La idea de los botones antipixel surgió como bien dicen en ChochitoPelao con Jeremy Hedley en su blog Antipixel. El propuso el uso de pequeños botones de 88x15 pixeles de tamaño que te tienen la ventaja de ser fáciles de cargar porque no pesan prácticamente nada, solo unos pocos KB que se cargan en menos de un segundo en tu navegador.

Este tipo de botones se utiliza mucho para dos cosas principales: comentar al usuario visitante del blog de una forma visual, las tecnologías (php, xml, rss, mysql, wordpress, firefox, internet explorer, etc.) servicios a los cuales el autor adhiere (blogalaxia, lablogoteca, anecdotario,etc.), o para publicitar tu blog permitiendo que otros coloquen tu botón en sus webs. Por ejemplo, si usás Blogger como yo, automáticamente se genera el botón "I power blogger" con claros fines publicitarios, pero no se puede negar que estos pequeños botones son atractivos.

Realmente me gustan tanto, que no puedo dejar de recomendarles la colección espléndida de botones antipixel de gtmcknight de uso libre (solo recordá bajarlos y subirlos a tu servidor, porque no se permite el hotlinking) Por último si te interesa crear tu propio botón utiliza cualquiera de estas herramientas: Pixel Button, Online Button, Brilliant Button (permite agregar imagen). Un popular engine basado en los consejos de creación de botones de J. Hedley. Fijate como quedó el botón:

Post-It virtuales

¿Conoces los Post-It? Seguro que sí: son esos papelitos que sirven para hacer anotaciones y que se pueden pegar en muchas superficies porque son adhesivos. Vienen de varios colores, aunque los más populares son los amarillos. Son útiles si no estás acostumbrado a anotar tus tareas en una agenda, y son muchos mejores para cuando quieres dejar AVISOS.

En internet también se pueden dejar Post-Its, ya sea para dejar un memo, una frase célebre, un aviso a los visitantes de tu blog, un recordatorio a los participantes de un foro, una fecha para un concurso, etc. Hay dos servicios muy populares que te permiten hacer esto:

1. BlinkYou

Es el servicio que utilizamos para informarte sobre las tareas de mantenimiento de Google. Está muy bueno, e incorpora varios diseños.

2. WebNote

Genera un tablón de anuncios para poner en tu web. La gente que quiera escribir un post-it deberá pinchar en el cuadrito amarillo, escribir, elegir el color, guardar los cambio, y listo.

Firma GMail

Supongamos que recibiste una invitación para usar GMail y alegremente proporcionas tu dirección en tu foro, página, o blog favorito (o en tu propio sitio).... A las pocas horas es muy posible que veas tu cuenta colmada de mensajes en la casilla de SPAM o en la misma Bandeja de Entrada, y si bien la cuenta borra automáticamente los mensajes al mes (si no los borraste vos antes, je) a nadie le gusta recibir mensajes no solicitados.

La solución es simple: proporcionar nuestro mail como imagen.

De esta manera, los robots de spam no tomarán tu dirección de email, porque no sería un texto. Este servicio se puede conseguir en cualquiera de las siguientes direcciones:

PDA Expertos (La opción elegante)
Free E-Mail Signature Generator (Este también sirve para Hotmail, MSN, Bigfoot, etc.)
Gmail Signature Generator (La opción creativa)

Sin saberlo imitamos de forma manual a la 'Protección Captcha' (Te atrapé!, o algo así en inglés), que son esas imágenes al azar (con códigos o palabras) que te piden cuando te vas a registrar a un servicio o cuando dejás un comentario en los que tienen esa función activada.