Recursos

Tingle.js – Librería De Javascript Puro Para Crear Ventanas Modales Minimalistas

Las ventanas modales han reemplazado rápidamente los predeterminados cuadros de alerta del navegador web. Los modales bien diseñados son más compatibles para dar una gran experiencia de usuario y las ventanas modales vienen con muchos diseños y efectos personalizados.

Es posible construir estilos para ventanas modales en CSS puro, pero a menudo carecen de un cierto ingrediente que encontrará en los scripts o librerías de JS.

Y una de estas increíbles herramientas es Tingle.js, una librería gratuita para crear o usar una ventana modal de JavaScript para sitios web con estilos minimalistas.

Esta biblioteca ha existido por un tiempo, pero todavía está técnicamente en desarrollo v1.0 con mejoras frecuentes.

Pero es un script estable que se ejecuta JS puro, por lo que puedes usarlo en cualquier lugar. No requiere ningún conocimiento de ECMAScript ni necesita ninguna biblioteca de nivel superior como TypeScript.

Todo en Tingle.js está bien documentado e incluso viene con una API clara para personalizar las animaciones, los efectos de los botones y las funciones de devolución de llamada.

Eche un vistazo al repositorio de GitHub para obtener más información con enlaces a la API principal y funciones de devolución de llamada, que encontrará en gran detalle en la página de inicio de Tingle.js.

Si te sientes cómodo editando JavaScript, te encantará este complemento. Es muy fácil trabajar con él y los códigos CSS son aún más fáciles de sobrescribir con su propia hoja de estilo.

La documentación principal está claramente delineada con ejemplos en vivo que puede copiar/pegar en su HTML.

Tingle.js es un script bastante sencillo. Te gustará la forma en que funciona, o no.

Con unos minutos en la página principal de la demostración, podrá saber si le gusta o no. Admite tantos botones como necesite junto con campos de entrada de usuario si desea obtener información del usuario.

Además, esto puede funcionar con grandes ventanas modales como las de los términos de servicio, mensajes de alerta personalizados e incluso contenido incrustado con imágenes y videos.

Definitivamente una de las ventanas modales mejor respaldadas y el diseño limpio es fácil de personalizar para cualquier diseño.

WP Dev JaGonzalez

Hijo, esposo y padre de un hermoso niño. Amante de los animales, la tecnología, informática y programación. Si tienes alguna duda, inquietud, comentario o deseas comunicarte directamente conmigo, puedes enviarme un correo electrónico a admin@jagonzalez.org

Entradas recientes

iPhone Hackeado: Qué Hacer para Proteger tu Dispositivo y Asegurar tu Seguridad

¿Has notado aplicaciones desconocidas o un drenaje inesperado de la batería? Estos podrían ser indicios…

2 meses hace

Cómo Restablecer un iPhone a su Estado de Fábrica

Saber cómo Restablecer un iPhone a su Estado de Fábrica es clave para solucionar problemas…

2 meses hace

Motorola planea lanzar al menos dos nuevos teléfonos Moto G en septiembre

Motorola ha confirmado el lanzamiento de Moto G84 5G y Moto G54 5G en India,…

1 año hace

El equipo de WizardLM afirma que un modelo de IA de terceros les robó el trabajo

Recuerde WizardCoder, ¿el codificador de IA que cubrimos recientemente aquí en Windows Report? Nos jactamos…

1 año hace

Las fallas del complemento Jupiter X Core amenazaron a 172.000 sitios web con apropiaciones de cuentas

Los investigadores han descubierto numerosos fallos de seguridad en el complemento WordPress Jupiter X Core…

1 año hace

Consola portátil Xbox: aquí tienes todo lo que necesitas saber al respecto

Para solucionar problemas del sistema de PC con Windows, necesitará una herramienta dedicada Fortect es…

1 año hace