Tingle.js - Een gratis vanille JS Modal Window Script voor minimalisten

Modale vensters hebben snel het standaardbrowserwaarschuwingsvak vervangen. Goed ontworpen modals zijn meer compatibel met een geweldige gebruikerservaring en modale vensters worden geleverd met veel aangepaste effecten en ontwerpen.

Het is mogelijk om pure CSS-modals te bouwen, maar deze missen vaak een zekere je ne sais quoi dat vind je in JS-powered scripts.

En een van mijn favorieten is Tingle.js, een gratis JavaScript-modaal venster dat is gebouwd voor minimalistische websites.

Deze bibliotheek bestaat al een tijdje, maar het is nog steeds technisch in v1.0-ontwikkeling met frequente verbeteringen.

Maar het is a stabiel script dat draait op pure vanille JS zodat je dit overal kunt gebruiken. Het vereist geen kennis van ECMAScript en ook geen bibliotheken van hoger niveau zoals TypeScript.

Alles in Tingle.js is goed gedocumenteerd en wordt zelfs geleverd met een duidelijke API voor het aanpassen van de animaties, knopeffecten en callback-functies.

Bekijk de GitHub-repo voor meer info met links naar de hoofd-API en callback-functies, die u allemaal in detail zult vinden op de startpagina van Tingle.js.

Als je je prettig voelt bij het bewerken van JavaScript, ben je dol op deze plug-in. Het is supereenvoudig om mee te werken en de CSS-codes zijn nog gemakkelijker te overschrijven met je eigen stylesheet.

De belangrijkste documentatie is duidelijk beschreven met live voorbeelden die u kunt gebruiken kopieer en plak in je HTML.

Tingle.js is een vrij eenvoudig script. Je zult het leuk vinden zoals het werkt, of niet.

Met een paar minuten op de hoofddemo-pagina zou je moeten kunnen zeggen of je dit leuk vindt of niet. Het ondersteunt zoveel knoppen als je nodig hebt samen met gebruikersinvoervelden als je informatie van de gebruiker wilt ophalen.

Bovendien kan dit werken enorme lange modals in termen van service, aangepaste waarschuwingsberichten en zelfs ingesloten inhoud met afbeeldingen en video's.

Absoluut een van de best ondersteunde modale vensters die er zijn en het strakke ontwerp is eenvoudig opnieuw te ontwerpen voor elke lay-out.