Tingle.js - Free Vanilla JS Modal Window Script minimalisteille
Modal-ikkunat ovat korvanneet nopeasti oletusselainvalintaruudun. Hyvin suunnitellut modaalit ovat yhteensopivia suuren käyttäjäkokemuksen ja modaaliset ikkunat sisältävät monia mukautettuja tehosteita ja malleja.
On mahdollista rakentaa puhtaita CSS-modaaleja, mutta niistä puuttuu usein varma je ne sais quoi että löydät JS-powered-komentosarjoista.
Ja yksi suosikeistani on Tingle.js, ilmainen JavaScript-modaali, joka on rakennettu minimalistisille sivustoille.
Tämä kirjasto on ollut jo jonkin aikaa, mutta se on vielä teknisesti v1.0-kehityksessä, jossa on usein parannuksia.
Mutta se on vakaa käsikirjoitus, jossa on puhdas vanilja JS joten voit käyttää tätä missä tahansa. Se ei vaadi mitään tietoa ECMAScriptistä eikä tarvita korkeamman tason kirjastoja, kuten TypeScript.
Kaikki Tingle.js-ohjelmassa on hyvin dokumentoitu ja siinä on jopa selkeä API animaatioiden, painikkeiden tehosteiden ja soittotoimintojen mukauttamiseen.
Tutustu GitHub-repoon lisätietoja ja linkkejä pääliittymään ja takaisinsoitto-toiminnot, jotka kaikki löydät yksityiskohtaisesti Tingle.js-kotisivulta.
Jos tunnet muokkauksen JavaScriptin avulla, rakastat tätä pluginia. Se on erittäin helppo työskennellä, ja CSS-koodit ovat entistä helpompi korvata omalla tyylitaululla.
Pääasiakirjat on kuvattu selkeästi elävien esimerkkien avulla kopioi / liitä HTML-koodiin.
Tingle.js on melko yksinkertainen käsikirjoitus. Pidän siitä, miten se toimii, tai et.
Muutaman minuutin kuluttua tärkeimmältä demo-sivulta sinun pitäisi pystyä kertomaan, pidätkö tästä vai ei. Se tukee niin monta painiketta kuin tarvitset yhdessä käyttäjän syöttökenttien kanssa, jos haluat vetää tietoa käyttäjältä.
Lisäksi tämä voi toimia valtavat pitkät palvelumallit, mukautetut hälytysviestit ja jopa upotettu sisältö kuvien ja videoiden kanssa.
Ehdottomasti yksi hyvin tuetuista modaalivälineistä ja puhdas muotoilu on helppo palauttaa mihin tahansa asetteluun.