Normalmente cuando comienzo un sitio web analizo cuál será la fuente o tipografía a utilizar en el mismo, siempre acorde al diseño e interfase que el cliente requiere. Muchos se habrán dado cuenta que en lo que se refiere a texto plano en el navegador, las fuentes son siempre iguales y es porque si utilizaramos alguna que uno de nuestros visitantes no tiene instalada en su computadora, probablemente vería las cosas bastante diferentes a como las vemos nosotros en la nuestra.

Si bien hay varios cientos de miles de fuentes gratuitas para descargar de Internet, a veces se nos pide ser más originales que lo normal y es ahí cuando debemos optar por liberar la mente y realizar algo totalmente diferente. Lo mejor en ese caso sería crear nuestra propia tipografía  y qué mejor que aprovechar las bondades de la Web 2.0 con algo como FontStruct, un generador de fuentes online que nos permitirá crear una desde cero, paso a paso.

Utilizarlo es tan sencillo como registrarnos, elegir del menú de la izquierda el tipo de bloque con el que dibujaremos y diseñar una a una las letras de nuestra nueva tipografía. Una vez terminada, podremos guardarla, compartirla con el resto de los usuarios (o en nuestro blog mediante un código de embed) o descargarla a nuestra computadora en formato TTF, lista para ser utilizarla.

En caso de que seamos un poco perezosos para desarrollarla nosotros mismos, podremos optar por descargar algunas de las tipografías generadas por los demás usuarios, las cuales por suerte en su mayoría son gratuitas.

Realmente una herramienta de suma utilidad para diseñadores y desarrolladores web que permite crear algo único sin necesidad de acudir a software extra o aplicaciones pagas.

Enlace | FontStruct
Vía | Genbeta

Leer el post completo »

Si son desarrolladores web, de los verdaderos y no de los que tocan de oido, es probable que las diferentes versiones de navegadores fuera desde un principio un dolor de cabeza a la hora de crear un sitio.  Se podría decir también que la muerte del Netscape logró ahorrarnos mucho tiempo hasta la llegada del Mozilla Firefox, donde todo volvió a ser como antes.

Es que en realidad, el gran problema en la ecuación es el IE y su falla en cumplir los estandares, lo que hoy nos obliga a testear en diferentes versiones del mismo sus creaciones.  El problema es primero que muchos amantes de Firefox se niegan siquiera a tenerlo en su PC y esto es un error garrafal si pensamos en la gran mayoría que todavía usa Windows Xp y su browser por defecto, el Internet Explorer 6.

Claro que como tampoco es seguro y moderno tener el IE6 instalado, lo ideal será optar por el IETester , una aplicación que nos permite testear un sitio en las versiones 5.5, 6, 7 y 8 Beta 1 del Internet Explorer, sin necesidad de instalarlas a todas en nuestra computadora.

Un caballito de batalla de instalación obligada a la hora de testear un sitio antes de que salga a la luz.

Enlace | IETester
Vía | Anieto2K

Leer el post completo »

Hoy por la tarde estuve buscando un efecto innovador para mi Tlog. La idea en mente era modificar esa línea estática de fotos de Flickr en la parte superior, por un efecto coverflow digno de un sitio Pro-Mac. Pese a que encontré varias scripts escritos en JavaScript y hasta uno pago en Flash, ninguno pudo satisfacer mis necesidades. Sin embargo me crucé con algunas herramientas muy interesantes que pueden cambiar la estética de Flickr y Picasa, al menos desde afuera.

En primer lugar tenemos el proyecto de Schimi de 1Stein.org, cuyo proyecto que en primera instancia se llamó FlickrFlow, ahora es bautizado Guckn y como función extra añade a Picasa como servicio extra. El otro punto interesante es su customización, a la cuál se accede haciendo click en el signo de interrogación de la derecha, y que permite levantar en una dirección personalizada (solamente modificando la palabra flickr o picasaweb.google por Guckn), nuestras fotos personales con una gama de colores a elección.

En segundo lugar tenemos al GWTFlow, otro servicio muy similar desarrollado por Adam Houghton que también permite visualizar imágenes de Flickr y Picasa. Pese a que esta versión es más animada que la anterior, no permite visualizar datos sobre la imagen en cuestión, verla a pantalla a completa o direccionarnos al enlace de origen.

Sea cual fuere el elegido, las dos son interesantes opciones para cambiarle la cara a nuestro servicio de alojamiento gratuito de imágenes.

Enlaces | Guckn | GWTFlow

Leer el post completo »

La fiebre del favicon se ha desatado en la gran red de redes. Será eso o simplemente que cuando alguien lanza una aplicación muchos copian la idea y tiran el enlace a la blogósfera viral para que se prendan todos de la novedad.

Con un aire muy similar a Favicon.cc y al Favicon Generator, el sitio Degraeve.com presentó su propia versión denominada Favicon Editor. Sus funciones incluyen la creación píxel por píxel y la importación a través de cualquier tipo de imagen.

Lo gracioso fue que lo que más llamó mi atención no fue el editor sino los enlaces que incluye a la izquierda, en donde se destacan un generador de avatar para MySpace, un creador de ringtones y un juego de ahorcado.

Enlace | Favicon Editor

Leer el post completo »

Hace unos meses le dimos el visto bueno a Jotit, un generador de Sitios Web online básico pero muy simple de utilizar.

Hoy Download Squad nos trae un nuevo servicio mucho más completo y novedoso. Se trata de Doodlekit, un servicio que nos permite crear un sitio de características profesionales en un abrir y cerrar de ojos. Siguiendo la elección de un esquema de color junto a una plantilla, estaremos listos para darle al mundo la dirección URL de nuestro sitio que podrá contener elementos extra como formularios, foros, subida de archivos, un carrito de compras de Paypal, un blog y hasta publicidad. Seguramente las opciones que más llamaron su atención son las que necesitan una cuenta premium en Doodlekit que va desde los U$S 15 a los U$S 50 dólares mensuales.

De igual manera funciona bien, se siente bien y los resultados son asombrosos.

Enlace | Doodlekit
Vía | Download Squad

Leer el post completo »

No todo el mundo sabe que las imágenes en la computadora se dividen en dos grupos. Por un lado tenemos los típicos bitmaps o gráficos rasterizados, que podemos identificar como cualquier fotografía que tengamos en la PC, y por el otro tenemos los vectoriales, generados por primitivas geométricas como en Second Life, y que tienen la particularidad de poder utilizarse a escalas muy grandes sin perder calidad.

Ahora bien, muchas veces puede suceder, especialmente si trabajás en una revista, que los logos que te manden para publicar en alguna sección, sean en JPG y con pobre resolución. El resultado puede darle muy mala imagen a la publicación, así que lo mejor será (de ser posible) convertir ese logo en un gráfico vectorial.

Lo que alguna vez hizo Corel hoy puede hacerse con VectorMagic, una aplicación online cuya función es justamente convertir un mapa de bits en un gráfico vectorial. La transformación se realiza en cuatro sencillos pasos, donde responderemos a preguntas como la cantidad de colores que tiene la imagen, la calidad que deseamos obtener, el estilo de bordes y el formato en el que lo queremos guardar en nuestra PC, que puede ser PNG, SVG o EPS.

Los resultados son bastante aceptables y pueden ser modificados jugando con los parámetros.

Enlace | VectorMagic

Leer el post completo »

Hace unos años, hacer un sitio web era sólo cosa de conocedores. Hoy la oferta de diseñadores y desarrolladores es extensa pero hay que admitir que muchos no son verdaderos expertos en la materia, sino personas que de un día para otro dicen ser Webmasters porque saben usar el Dreamweaver o el Flash. Desarrollar un sitio tiene varios factores importantes a tener en cuenta que solamente hacerlo, incluyendo compatibilidad con navegadores, resolución, optimización para buscadores, etc.

De todas maneras, en la actualidad hay varias herramientas para tener un espacio propio en cuestión de minutos. Desde Blogger, los Windows Live Spaces o MySpace, son algunas de las opciones a tener en cuenta aunque a veces pueden resultar poco serias para muchos, por las redes sociales en las que se encuentran inmersas.

Jotit es un sitio que hace tan fácil crear un sitio web como llenar una caja de texto, donde uno coloca la información que desea mostrar y automáticamente se le genera un sitio personal al que se le pueden agregar varias secciones. Esas cajas de texto permiten incluir código html en el que podemos incluir una imagen, un enlace o una animación en flash por ejemplo, pero que tendremos que hostear en un servicio aparte como Filelime para que funcione.

Claro que lo más interesante de Jottit es que una vez terminado el sitio podemos obtener nuestro subdominio propio, acceder mediante una contraseña a su edición e incluso restringir el acceso a terceros.

Una mezcla entre Wiki, sitio y herramienta colaborativa, totalmente online, de fácil acceso, creación y administración. Un ejemplo más del poder de la Web 2.0.

Enlace | Jottit | Dotpod en Jotit

Leer el post completo »

Hoy mientras le mostraba el sitio a un cliente casi me agarra un ataque cuando ví el nuevo logo de Dotpod con fondo gris en el Internet Explorer 6. La principal razón de dicho problema es que el formato PNG no es compatible con esa versión del navegador de Microsoft y por ende pasan cosas como la de la foto.

El PNG o Portable Network Graphics, es un formato gráfico que data del año 1996 y que sería algo así como la versión 2.0 del GIF, por manejar las transparencias sin pérdida de calidad de color y posibilitando incluso las semitransparencias. Como en los inicios de la Web no era muy utilizado, el navegador de Gates no lo soportó hasta su versión 7, cosa que parece totalmente increíble.

Claro que como todo en esta vida “hecha la ley, hecha la trampa”, hay una forma de solucionarlo utilizando un script pngfix.js y colocando este código en el header de nuestro template de Wordpress o de cualquier sitio web:

<!–[ if lt IE 6.] ><script defer type="text/javascript" src="pngfix.js" src="pngfix.js"></script><!–[endif] >

Tengan en cuenta que la ruta del script puede variar dependiendo del directorio donde lo subamos. En cuanto a resolverlo o no, si pensamos en que el IE6 viene por defecto con el Windows XP en su instalación, es prácticamente obligatorio hacerlo mientras Billy no se ocupe del tema.

Vía | Daniblog

Leer el post completo »

Los favicons son hijos directos de Internet. Se trata nada menos que de un icono que representa al sitio o blog que estamos visitando y que normalmente se coloca a la izquierda del dominio en la barra de dirección. Su uso en los lectores de feeds y en las últimas versiones de los navegadores extendió su popularidad, pudiendo encontrar hoy herramientas online para crearlos.

El Sitio Favicon.cc nos permite generar nuestro propio favicon en unos minutos, utilizando nuestra imaginación con las paletas de colores disponibles, o bien subiendo alguna imagen de nuestro agrado. Lo bueno es que no es necesaria la registración para aprovecharlo, aunque es posible hacerlo si queremos mantener un registro de los iconos que hemos creado, publicarlos bajo licencia totalmente libre o valorar los de los demás usuarios.

La verdad es que para hacer esto, antes hacia falta tener un programa instalado en la PC que sólo cumplía esta tarea, hoy gracias a Favicon.cc podemos obviarlo y liberar espacio en el disco.

Enlace | Favicon.cc
Vïa | Lifehacker

Leer el post completo »

Hace unos días se hablaba mucho en Twitter de los famosos Favicon o Favorite Icon, los cuales no son más que iconos asociados a una página. En los primeros navegadores el mismo sólo se veía cuando agregabas el sitio a los favoritos, hoy puede visualizarse también en los RSS y en la barra de dirección, siendo de alguna manera una marca registrada.

Para los que quieran generar su propio icono sin tener que terminar utilizando alguna herramienta especializada, pueden optar por el Favicon Generator con el que, modificando ciertos parámetros, podremos crear en cuestión de segundos un Favicon personalizado.

Para insertar el icono o imagen personalizada a nuestro sitio, sólo tenemos que agregar las siguientes sentencias en el de nuestra plantilla:

<link rel=”shortcut icon” href=”http://example.com/favicon.ico” /”>
<link rel=”icon” href=”http://example.com/favicon.ico” /”>

El sitio nos ofrece otros generadores de imágenes que pueden sernos realmente útiles. En primer lugar está el Pixel Button y el Brilliant Buttón Maker, dos generadores de los míticos botones antipixel, creados por Jeremy Hedley y que se hicieron muy famosos entre los bloggers hace algunos años.

Luego tenemos un Generador de Texto que puede utilizarse cuando estamos desarrollando un sitio y no tenemos material para postear, y el famoso E-mail Icon Generator que sirve para poder colocar nuestro correo sin que los bots comiencen a enviarnos spam.

Por último, además de citar algunas herramientas para manejo de paleta de colores como Color Schemes Generator y el Color Palette Generator, me pareció muy interesante el Robots.txt Generator que simplifica de manera increíble la creación de este archivo utilizado por los spiders para analizar sitios.

Enlaces | Favicon Generator | Pixel Button | Brilliant Buttón Maker | Generador de Texto | E-mail Icon Generator | Color Schemes Generator | Color Palette Generator | Robots.txt Generator

Leer el post completo »