Tingle.js - Free Vanilla JS modalinio lango scenarijus minimalistams

Modaliniai langai greitai pakeitė numatytąjį naršyklės įspėjimo langelį. Gerai suprojektuoti modalai yra labiau suderinami su puikia vartotojo patirtimi ir modaliniai langai turi daug pasirinktinių efektų ir dizaino.

Galima sukurti švarius CSS modalus, tačiau dažnai jų trūksta je ne sais quoi kuriuos rasite JS valdomuose scenarijuose.

Ir vienas iš mano mėgstamiausių yra „Tingle.js“, nemokamas „JavaScript“ modalinis langas, sukurtas minimalistinėms svetainėms.

Ši biblioteka jau seniai veikia, tačiau techniniu požiūriu v1.0 kūrimas vis dar techniškai atliekamas dažnai.

Bet tai yra stabilus scenarijus, veikiantis gryną vanilę JS todėl galite naudoti bet kur. Tai nereikalauja jokių žinių apie ECMAScript ir jums nereikia jokių aukštesnio lygio bibliotekų, tokių kaip „TypeScript“.

Viskas Tingle.js yra gerai dokumentuota ir netgi su aiškia API, skirta animacijoms, mygtukų efektams ir atgalinio ryšio funkcijoms pritaikyti.

Pažvelkite į „GitHub“ repo daugiau informacijos su nuorodomis į pagrindinę API ir atgalinio ryšio funkcijos, kurias rasite išsamiai Tingle.js pagrindiniame puslapyje.

Jei jaučiatės patogiai redaguodami „JavaScript“, tuomet jums patiks šis įskiepis. Tai lengva dirbti ir CSS kodai yra dar lengviau perrašyti su savo stilių.

Pagrindiniai dokumentai yra aiškiai išdėstyti su galimais pavyzdžiais nukopijuokite / įklijuokite į HTML.

Tingle.js yra gana paprastas scenarijus. Jums patiks tai, kaip jis veikia, arba jūs to nedarysite.

Turėdami keletą minučių pagrindiniame demonstraciniame puslapyje, turėtumėte galėti pasakyti, ar jums tai patinka, ar ne. Jis palaiko tiek mygtukų, kiek reikia, kartu su vartotojo įvesties laukais, jei norite iš naudotojo ištraukti informaciją.

Be to, tai gali dirbti labai ilgas modals paslaugų atžvilgiu, priskirti įspėjimo pranešimai ir netgi įterptas turinys su vaizdais ir vaizdo įrašais.

Tikrai vienas iš gerai palaikomų modalinių langų ir švarus dizainas yra lengvai atkuriamas bet kokiam išdėstymui.