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

Modale vinduer har raskt erstattet standardvarselboksen for nettleseren. Veldesignede modeller er mer kompatible med en flott brukeropplevelse, og modale vinduer kommer med mange tilpassede effekter og design .

Det er mulig å bygge rene CSS-moduler, men disse mangler ofte en viss du ne sais quoi som du finner i JS-drevne skript.

Og en av mine favoritter er Tingle.js, et gratis JavaScript-modalvindu bygget for minimalistiske nettsteder.

Dette biblioteket har eksistert en stund, men det er fortsatt teknisk i v1.0-utvikling med hyppige forbedringer.

Men det er et stabilt skript som kjører på ren vanilje JS, slik at du kan bruke dette hvor som helst. Det krever ingen kjennskap til ECMAScript, og du trenger heller ikke noen bibliotek på høyere nivå som TypeScript.

Alt i Tingle.js er godt dokumentert og leveres enda med en klar API for å tilpasse animasjonene, knappeffektene og tilbakeringingsfunksjonene.

Ta en titt på GitHub-repoen for mer informasjon med lenker til de viktigste API- og tilbakeringingsfunksjonene, som alle finner du i detalj på Tingle.js hjemmeside.

Hvis du føler deg komfortabel med å redigere JavaScript, vil du elske dette pluginet. Det er super lett å jobbe med, og CSS-kodene er enda enklere å overskrive med ditt eget stilark.

Hoveddokumentasjonen er tydelig angitt med levende eksempler du kan kopiere / lime inn i HTML-en .

Tingle.js er et ganske enkelt skript. Du vil enten like måten den fungerer, eller det vil du ikke.

Med noen få minutter på hoveddemosiden, bør du kunne fortelle om du liker dette eller ikke. Den støtter så mange knapper som du trenger sammen med brukerinnmatingsfelt hvis du vil ha informasjon fra brukeren.

I tillegg kan dette fungere med store, lange modeller når det gjelder service, tilpassede varslingsmeldinger og til og med innebygd innhold med bilder og videoer.

Definitivt en av de mest støttede modal-vinduene der ute og det rene designet er enkelt å restylle for ethvert oppsett.