Tingle.js - En Gratis Vanilla JS Modal Window Script for Minimalister

Modale vinduer har hurtigt erstattet standardbrowserens alarmboks. Veldesignede modeller er mere kompatible med en stor brugeroplevelse og Modal vinduer kommer med mange brugerdefinerede effekter og designs.

Det er muligt at bygge rene CSS-modeller, men disse mangler ofte en vis du ne sais quoi som du finder i JS-drevne scripts.

Og en af ​​mine favoritter er Tingle.js, et gratis JavaScript-modalt vindue bygget til minimalistiske hjemmesider.

Dette bibliotek har eksisteret i et stykke tid, men det er stadig teknisk i v1.0-udvikling med hyppige forbedringer.

Men det er en stabilt script kører på ren vanille JS så du kan bruge dette overalt. Det kræver ikke nogen viden om ECMAScript eller har du brug for biblioteker på højere niveau som TypeScript.

Alt i Tingle.js er veldokumenteret og leveres endda med en klar API til at tilpasse animationer, knapeffekter og tilbagekaldsfunktioner.

Tag et kig på GitHub repo for flere oplysninger med links til de vigtigste API og tilbagekaldsfunktioner, som du kan finde i detaljer på Tingle.js hjemmeside.

Hvis du har det godt til at redigere JavaScript, så vil du elske dette plugin. Det er super nemt at arbejde med, og CSS-koderne er endnu lettere at overskrive med dit eget stilark.

Hoveddokumentationen er tydeligt skitseret med levende eksempler, du kan Kopier / indsæt i din HTML.

Tingle.js er et ret simpelt script. Du vil enten lide den måde det virker på, eller det gør du ikke.

Med et par minutter på hoveddemosiden skal du kunne fortælle om du kan lide dette eller ej. Det understøtter så mange knapper, som du har brug for sammen med brugerinputfelter, hvis du vil trække information fra brugeren.

Plus dette kan fungere med store lange modeller i form af service, brugerdefinerede advarselsmeddelelser og endda indlejret indhold med billeder og videoer.

Endelig er et af de mest velunderbyggede modalvinduer derude og det rene design let at restylle til ethvert layout.