Tingle.js - Μια ελεύθερη βινυλίου JS Modal Window Script για τους μινιμαλιστές

Τα παράθυρα τύπου έχουν αντικαταστήσει γρήγορα το προεπιλεγμένο πλαίσιο ειδοποίησης του προγράμματος περιήγησης. Οι καλά σχεδιασμένες μορφές είναι πιο συμβατές με μια μεγάλη εμπειρία χρήστη και modal windows έρχονται με πολλά προσαρμοσμένα εφέ και σχέδια.

Είναι δυνατή η κατασκευή καθαρών μεθόδων CSS, αλλά αυτές συχνά δεν διαθέτουν κάποιο είναι ne sais quoi που θα βρείτε σε δέσμες ενεργειών JS.

Και ένα από τα αγαπημένα μου είναι το Tingle.js, ένα δωρεάν παράθυρο στυλ JavaScript που έχει κατασκευαστεί για μινιμαλιστικές ιστοσελίδες.

Αυτή η βιβλιοθήκη ήταν για λίγο, αλλά εξακολουθεί να είναι τεχνικά στην ανάπτυξη v1.0 με συχνές βελτιώσεις.

Αλλά είναι α σταθερό σενάριο που τρέχει σε καθαρή βανίλια JS έτσι μπορείτε να το χρησιμοποιήσετε οπουδήποτε. Δεν απαιτεί καμία γνώση του ECMAScript ούτε χρειάζεστε βιβλιοθήκες υψηλότερου επιπέδου όπως το TypeScript.

Τα πάντα στο Tingle.js είναι καλά τεκμηριωμένα και έρχονται ακόμη και με ένα σαφές API για την προσαρμογή των κινούμενων εικόνων, των εφέ κουμπιών και των λειτουργιών επανάκλησης.

Ρίξτε μια ματιά στο repo GitHub για περισσότερες πληροφορίες με συνδέσμους προς το κύριο API και λειτουργίες επανάκλησης, όλες τις οποίες θα βρείτε με μεγάλη λεπτομέρεια στην αρχική σελίδα του Tingle.js.

Εάν αισθάνεστε άνετα να επεξεργαστείτε το JavaScript τότε θα σας αρέσει αυτό το plugin. Είναι εξαιρετικά εύκολο να δουλέψετε και οι κώδικες CSS είναι ακόμα πιο εύκολο να αντικατασταθούν με το δικό σας φύλλο στυλ.

Η κύρια τεκμηρίωση σκιαγραφείται σαφώς με ζωντανά παραδείγματα που μπορείτε αντιγράψτε / επικολλήστε το HTML σας.

Το Tingle.js είναι ένα αρκετά απλό σενάριο. Θα σας αρέσει είτε ο τρόπος που λειτουργεί, είτε δεν θα το κάνετε.

Με λίγα λεπτά στην κύρια σελίδα επίδειξης, θα πρέπει να είστε σε θέση να πείτε αν σας αρέσει αυτό ή όχι. Υποστηρίζει όσα κουμπιά χρειάζεστε μαζί με τα πεδία εισαγωγής χρηστών αν θέλετε να τραβήξετε πληροφορίες από το χρήστη.

Επιπλέον αυτό μπορεί να λειτουργήσει με τεράστιες χρονοβόρες μεταφορές από πλευράς εξυπηρέτησης, προσαρμοσμένα μηνύματα ειδοποίησης και ακόμη και ενσωματωμένο περιεχόμενο με εικόνες και βίντεο.

Σίγουρα ένα από τα πιο καλά υποστηριζόμενα modal παράθυρα εκεί έξω και το καθαρό σχέδιο είναι εύκολο να restyle για οποιαδήποτε διάταξη.