Code Typing Animaciones de texto con jQuery TypeIt

El combo de jQuery y texto no tiene límites en la web. Puede construir casi cualquier cosa con un poco de creatividad y las bibliotecas de JavaScript correctas.

Una de esas bibliotecas es TypeIt, construida como un plugin jQuery gratuito. Te permite crear animaciones de tipeo dinámicas que se ven increíblemente realistas. Incluso puede definir pausas personalizadas entre pulsaciones de teclas para crear su propia relajación para la animación.

TypeIt es 100% gratuito y de código abierto, creado como una herramienta de texto para la comunidad jQuery . Toda la documentación está disponible en línea e increíblemente fácil de seguir.

Sin embargo, solo tenga en cuenta que aunque TypeIt viene con una licencia personal gratuita, las licencias comerciales, por desgracia, cuestan dinero. Sin embargo, puede usar la licencia personal gratuita para siempre y nunca caduca, por lo que es un gran recurso para todos sus proyectos personales o incluso su sitio web personal.

Puede comenzar agregando el archivo Raw TypeIt JavaScript a través de CDN directamente al encabezado de su página. Luego agregue jQuery, escriba algo de texto y conéctelo todo junto. ¡Sencillo!

Normalmente, apuntarás a un div específico en la página y lo usarás como un contenedor para la animación de texto. Aquí hay un fragmento de código de muestra para mostrarle cómo funciona esto:

 $ ('. type-it'). typeIt ({cadenas: ['Esta es mi cadena!']}); 

Al pasar opciones personalizadas a la función typeIt(), puede ralentizar la velocidad de escritura, agregar pausas en ciertos intervalos e incluso restablecer la configuración en ciertos intervalos para cambiar la velocidad media de mecanografía.

Incluso puedes probar estas opciones en la página de complementos si estás dispuesto a pasar algún tiempo jugando con la configuración.

Este generador de animación de texto es el ejemplo perfecto de lo que puedes hacer con este complemento. ¡Obtienes tantas opciones personalizadas que incluso puedes crear una aplicación web, usando este complemento, para crear animaciones sobre la marcha !

En la página del complemento principal, también encontrará opciones más avanzadas hacia abajo con fragmentos de código que puede copiar.

Por lo tanto, descarga TypeIt y pruébalo! Una vez que lo haces funcionar, es realmente muy divertido. Y, si tiene alguna pregunta o sugerencia para el desarrollador, puede conectarse con él en Twitter @amacarthur.