Tingle.js - bezmaksas vaniļas JS modāla logu skripts minimālistiem

Modālie logi ir ātri aizstājuši noklusējuma pārlūka brīdinājuma lodziņu. Labi izstrādāti modāli ir vairāk saderīgi ar lielisku lietotāja pieredzi un modālie logi nāk ar daudziem pielāgotiem efektiem un dizainiem.

Ir iespējams izveidot tīru CSS modālus, taču tiem bieži vien nav konkrētu je ne sais quoi ka jūs atradīsiet JS darbināmos skriptos.

Un viens no maniem favorītiem ir Tingle.js, bezmaksas JavaScript modāla logs, kas veidots minimālisma vietnēm.

Šī bibliotēka ir bijusi jau kādu laiku, bet tehniskā ziņā v1.0 izstrādē joprojām ir tehniski uzlabojumi.

Bet tas ir stabils skripts, kas darbojas ar tīru vaniļu JS lai to varētu izmantot jebkur. Tam nav nepieciešamas nekādas zināšanas par ECMAScript, kā arī nav nepieciešamas augstāka līmeņa bibliotēkas, piemēram, TypeScript.

Tingle.js viss ir labi dokumentēts un pat ar skaidru API animāciju, pogas efektu un atzvanīšanas funkciju pielāgošanai.

Apskatiet GitHub repo par vairāk informācijas ar saitēm uz galveno API un atzvanīšanas funkcijas, kuras visas jūs atradīsiet detalizēti Tingle.js mājas lapā.

Ja jūtaties ērti JavaScript rediģēšanā, tad jums patiks šis spraudnis. Tas ir super viegli strādāt, un CSS kodi ir vēl vieglāk pārrakstīt ar savu stilu.

Galvenie dokumenti ir skaidri izklāstīti ar dzīviem piemēriem kopējiet / ielīmējiet savā HTML.

Tingle.js ir diezgan vienkāršs skripts. Jūs vai nu patiks tā, kā tas darbojas, vai arī jūs to nedarīsiet.

Ar dažām minūtēm galvenajā demonstrācijas lapā jums vajadzētu būt iespējai pateikt, vai jums tas patīk vai nē. Tas atbalsta tik daudz pogas, cik nepieciešams, kopā ar lietotāja ievades laukiem, ja vēlaties lietot informāciju no lietotāja.

Turklāt tas var strādāt milzīgs garš modals pakalpojumu ziņā, pielāgotus brīdinājuma ziņojumus un pat iegultu saturu ar attēliem un video.

Noteikti viens no labākajiem atbalstītajiem modālajiem logiem un tīrais dizains ir viegli atjaunojams jebkuram izkārtojumam.