es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

Crear información sobre herramientas modificadas en CSS puro con Wenk

Crear información sobre herramientas modificadas en CSS puro con Wenk

Con un nombre tan extraño, no esperarías mucho de Wenk, una biblioteca gratuita de información sobre herramientas de CSS . Sin embargo, es una de las bibliotecas más pequeñas que puedes medir por debajo de 1 KB cuando tienes gzip.Wenk usa CSS puro con atributos data-* para crear información sobre herramientas en vivo que puede cambiar de estilo y posicionar a su gusto. Lo m

(Consejos de tecnología y diseño)

Cómo excluir XML Sitemaps del almacenamiento en caché en WordPress

Cómo excluir XML Sitemaps del almacenamiento en caché en WordPress

El uso de complementos de almacenamiento en caché es probablemente la forma más fácil de acelerar su sitio de WordPress. Sin embargo, puede terminar obteniendo su mapa del sitio también en caché y esa no es una buena idea.El mapa del sitio XML siempre debe reflejar las últimas publicaciones y las direcciones URL de su sitio web para que los motores de búsqueda obtengan la última versión de lo que esté actualizado.En esta p

(Consejos de tecnología y diseño)