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.
¿Has notado aplicaciones desconocidas o un drenaje inesperado de la batería? Estos podrían ser indicios…
Saber cómo Restablecer un iPhone a su Estado de Fábrica es clave para solucionar problemas…
Motorola ha confirmado el lanzamiento de Moto G84 5G y Moto G54 5G en India,…
Recuerde WizardCoder, ¿el codificador de IA que cubrimos recientemente aquí en Windows Report? Nos jactamos…
Los investigadores han descubierto numerosos fallos de seguridad en el complemento WordPress Jupiter X Core…
Para solucionar problemas del sistema de PC con Windows, necesitará una herramienta dedicada Fortect es…