Librería javascript
vcTypeWriter

La librería vcTypeWriter está pensada para seleccionar los nodos de una etiqueta HTML concreta y transformar el texto en su interior de tal modo que las letras tengan pequeñas variaciones de intensidad y altura, consiguiendo así un efecto de máquina de escribir antigua.

En este caso, la librería está afectando a los elementos BLOCKQUOTE mediante la siguiente sencilla llamada: vcTypewriter(‘BLOCKQUOTE’).

La librería es fácilmente parametrizable para que se puedan conseguir efectos muy evidentes (como en esta demostración) o muy sutiles. Asimismo, respeta los posibles tags embebidos dentro del elemento HTML a transformar.

Puede que esta librería no sea compatible con algunos navegadores. Tampoco hace uso de JQuery, pero es fácilmente adaptable ya que sólo consta de tres funciones:

  • function vcTypewriter(argtag): selecciona los nodos de la etiqueta HTML a la que debe afectar.
  • function vcTypewriterTraverse(vcnode): recorre el interior de cada nodo seleccionado por la anterior función.
  • function vcTypewriterTextNode(vctexto): transforma cada nodo de texto presente en cada uno de los nodos anteriores.

El fichero .js se puede descargar de aquí: vctypewriter.js. Use el botón derecho y la opción “guardar como”. Tenga en cuenta que está codificada en UTF-8, si observa caracteres extraños al editarla.

Adicionalmente sugiero el uso de una fuente monoespaciada como Courier New (esta) para un efecto estético más logrado.

[c] Alberto Viñuela Miranda / Cranfcom 2013-2014

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.