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

Modale vinduer har raskt erstattet standardvarslingsboksen 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-modeller, 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 en stabilt skript kjører på ren vanilje JS slik at du kan bruke dette hvor som helst. Det krever ingen kunnskap om ECMAScript, og du trenger heller ikke noen høyere nivåer som TypeScript.

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

Ta en titt på GitHub repo for mer informasjon med lenker til hoved API og tilbakeringingsfunksjoner, 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 skildret med levende eksempler du kan Kopier / lim inn HTML-koden din.

Tingle.js er et ganske grei 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 modaler 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.