Textillate.js o como animar el texto de nuestra web fácilmente

Textillate.js o como animar el texto de nuestra web fácilmente

El diseño de cualquier web es fundamental para que tenga éxito, debe ser visualmente agradable y atractiva para los usuarios que la visitan pero no debe ser una penalización en el posicionamiento dentro de los principales buscadores. Unir ambos requisitos suele ser complicado y no siempre se logran todos los objetivos deseados.

Para ayudar en el diseño de nuestra web o mejor dicho, para hacer más atractiva y llamativa nuestra web sin penalizar notablemente el SEO de la misma. Se ha creado un plugin nuevo de jQuery, Textillate.js que nos permitirá dotar de animación a nuestros textos de una forma sencilla gracias a CSS3.

Hasta ahora si queríamos animar cualquier texto existente en nuestra web, debíamos recurrir a la creación de una animación flash. Dicha animación nos mejoraba el aspecto estético de nuestra web pero nos perjudicaba el SEO, sobre todo por que aumentaba los tiempos de carga de nuestra web en el navegador del usuario y por que los principales motores de búsqueda no indexan correctamente las web que contienen animaciones flash.

El plugin de jQuery, Textillate.js, nos permite crear animaciones de texto sin necesidad de tener que recurrir a flash, para las animaciones aprovecha toda la potencial de CSS3. Lo que nos permite dotar a nuestra web de mayor vistosidad sin sobrecargar los tiempos de carga y por lo tanto sin penalizar el SEO de la misma. Sin duda alguna, Textillate.js es una gran ayuda para la animación de textos.

Para utilizar Textillate.js en nuestra web solo necesitamos incluirlo como cualquier otro plugin de jQuery junto a las librerías de las que depende, jQuery, animate.css y lettering.js. Una vez incluido podemos utilizarlo como cualquier otro plugin

            $(function () {
    $('.tlt').textillate();
})

Si no especificamos nada el plugin aplica una animación por defecto, mediante la API podemos modificar y adaptar la animación que más nos guste. En la web oficial del plugin () podemos ver los efectos disponibles, así como podemos descargar el plugin para utilizarlo en nuestra web.

El plugin Textilllate.js es de gran utilidad ya que simplifica la animación de textos en la web, el único inconveniente que tiene es la compatibilidad del navegador, ya que para que se visualice correctamente el navegador debe admitir las propiedades específicas de CSS3. Las versiones más recientes de los navegadores son compatibles con el plugin, por lo que no debemos tener problemas para su correcta visualización.

Tags de búsquedas:

agradables para animar,jquery textos,jquery animar texto,el texto tenga animacion en la pqgina web,animar textos con jquery,animar texto web,animar texto jquery,animación textos wordpress,animacion sencilla de texto con javascript,animacion de texto jquery,parametros para usar textillate

Noticias relacionadas »

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Invertir en criptomonedas: »

 

Cómo comprar bitcoin

Invertir y comprar Bitcoin y otras altcoins es más fácil de lo que crees.

1) Si sólo quieres comprar Bitcoin, Ethereum o Litecoin como inversión, tu opción es Coinbase

2) Si quieres probar con otras criptomonedas tu opción es Binance

3) Cualquier duda escríbeme con total libertad al formulario de contacto para resolver dudas: https://www.pedroventura.com/contacto/

¡Comparte este artículo! »

  • Irene (20 horas)
    I used www.zerobounce.net and it is an amazing platform for…
  • Felipe Albornoz (2 días)
    Agradecido. Saludos.
  • Joel (2 semanas)
    Este grupo es buenísimo hay personas de todo el mundo…
  • Citricus (2 semanas)
    Análisis muy buenos y detallados: Crypto Trading Campus https://t.me/cryptotradingcampus
  • Vane (2 meses)
    Hola muy buena información, en lo personal mino con Javascript…
  • Gabriel Roncancio (2 meses)
    Hola Pedro, gracias por compartir. Tu artículo me dió algunas…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
Aplicaciones para administrar y ahorrar batería en Android

Cualquier usuario de Smartphones en general sabrá que las baterías de los mismos no suelen precisamente durar el tiempo que quisiéramos  más aún...

Cerrar