Si eres un programador/a web avispado probablemente notes que en este texto pasa algo raro, e incluso concluyas que se trata de un gráfico y no de un texto.

Pues no es así: se trata de un texto normal al que le aplicado mi último engendro en javascript: la librería vcTypewriter.

Ésta se encarga, mediante una parametrización muy sencilla, de transformar los textos dentro de un elemento HTML dándoles cierta variabilidad en el color y en la altura de las letras, imitando de manera sencilla y rápida el feeling de las viejas máquinas de escribir.

Ess posible ajustar la librería para conseguir efectos muy sutiles o, por el contrario, completamente desmadrados.

Se puede utilizar con cualquier fuente, aunque lo ideal, si se busca cierto verismo, son las monoespaciadas con serif como la Courier New.

Por otra parte, es lo suficientemente inteligente como para trabajar con elementos HTML complejos y no estropear posibles tags embebidas dentro de los textos a transformar. Además, cada vez que se genera la página los resultados son distintos ya que trabaja mediante probabilidades.

La librería es compatible con Firefox, donde va como la seda, y con Explorer, donde dará problemas en distintas versiones por culpa de las diferentes gestiones de los elementos con transparencia; es precisamente la transparencia de las letras las que las hace más o menos tenues permitiendo utilizar cualquier color de tinta y/o de fondo.

Perlas microsoft: ¿sabías que la definición DocType del documento influye en la gestión de la transparencia en la versión 8? ¿Que en la versión 7 sólo se cambia la transparencia en elementos con width y height declarados de modo explícito? Con lo que… ¡que le den al Explorer! No pienso perder tiempo por culpa de la ineptitud del Sr.Gates.

Así que incluyo dos variantes de la librería: una que trabaja con transparencias y que te será más útil si no te importa demasiado como responde el explorer, y otra más limitada en la que se utilizan variaciones de gris pero que es más compatible con el Explorer.

No hace falta que rebusques en el código fuente de esta página para bajarte el código: aquí puedes bajar la librería completa, en sus dos sabores, con HTMLs de ejemplo incluídos.

Puedes usar la librería tanto para tus webs como para ayudarte a generar gráficos para tus diseños, sean web o no. Por ejemplo, contraportadas de libros de género negro.

De nada.