Αρχική σελίδα » Εργαλειοθήκη » Τα 10 πιο συναρπαστικά πλέγματα jQuery

    Τα 10 πιο συναρπαστικά πλέγματα jQuery

    Το jQuery είναι συνήθως η πρώτη επιλογή για τους περισσότερους ανθρώπους που θέλουν να βουτήξουν τα πόδια τους στον προγραμματισμό JavaScript, καθώς παρέχει μια εύκολη μέθοδο επιλογής στοιχείων HTML και χειρισμού του DOM. Το jQuery είναι άκρως δημοφιλές, σύμφωνα με τα πρόσφατα στατιστικά στοιχεία των W3Techs, “Το jQuery χρησιμοποιείται από το 95,4% όλων των ιστότοπων των οποίων η βιβλιοθήκη JavaScript γνωρίζουμε.”

    Το jQuery χρησιμοποιείται επίσης από πολλές βιβλιοθήκες JavaScript ως εξάρτηση και η έκδοση alpha της νέας μεγάλης έκδοσης, το jQuery 3.0 είναι ήδη εκεί έξω. Εάν το σχέδιό σας χρησιμοποιεί jQuery με οποιονδήποτε τρόπο και θέλετε ένα δυναμική, ευέλικτη διάταξη για το σχέδιό σας αξίζει να εξετάσετε το ενδεχόμενο να συμπεριλάβετε ένα plugin πλέγματος jQuery στη στοίβα των frontend σας.

    Πώς λειτουργούν τα πλέγματα jQuery?

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

    ΕΙΚΟΝΑ: Περιοδικό DHOMIE Home Design

    Το κύριο πλεονέκτημα των πλέγματος jQuery σε σχέση με τα δίκτυα CSS είναι ότι λειτουργούν με εικόνες ή άλλα στοιχεία μέσων που έχουν διαφορετικά πλάτη και ύψη. Τα δροσερά εφέ JavaScript είναι επίσης ένας μεγάλος λόγος για να χρησιμοποιήσετε τα πλέγματα jQuery για να δημιουργήσετε μια σύγχρονη διάταξη.

    Σε αυτή τη θέση μπορείτε να διαβάσετε για το 10 πιο συναρπαστικά δίκτυα jQuery που κυκλοφορούν σήμερα στην αγορά - φυσικά, όπως ακριβώς και το jQuery, όλα είναι ανοιχτά και δωρεάν.

    1. jQuery Nested

    Το jQuery Nested σας παρέχει ένα εύχρηστο διαμόρφωση πλέγματος πολλαπλών στηλών που ανταποκρίνεται και λειτουργεί σε όλα τα είδη συσκευών. Αυτό το plugin jQuery διαφημίζει τον εαυτό του ως εντελώς κενό-ελεύθερο. Αρχικά, αυτό το σύνθημα μπορεί να ακούγεται σαν ένα φτηνό τέχνασμα μάρκετινγκ, αλλά το plugin ουσιαστικά επιτυγχάνει την ελευθερία χάσματος πολύ ωραία, ακριβώς όπως υποσχέθηκαν οι δημιουργοί του.

    jQuery Nested ακολουθεί ένα μοναδικό σενάριο στο γεμίζοντας τη μήτρα πλέγματος. Κατ 'αρχάς δημιουργεί ένα πλέγμα πολλαπλών στηλών, τότε σαρώνει τη μήτρα για κενά και τις γεμίζει αναδιατάσσοντας τα διάφορα στοιχεία. Τελικά - και αυτό είναι το βήμα που κάνει αυτό το πλέγμα κενό - αλλάζει οποιοδήποτε στοιχείο στην κάτω σειρά που δεν ταιριάζει σωστά στο διάκενο.

    2. Freewall

    Το Freewall σας επιτρέπει να δημιουργήσετε τη διάταξη που θέλετε είτε πρόκειται για ένα πλέγμα εικόνας, ένα ένθετο πλέγμα, μια τοιχοποιία ή ένα πλέγμα με το στυλ του μετρό. Έχει πολλές επιλογές που μπορείτε να ορίσετε ως μεταβλητές JavaScript όπως gutterX, gutterY, animate, cellW, cellH, κλπ. Έχει προσαρμοσμένα συμβάντα, όπως onGapFound και onResize, και προσαρμοσμένες μεθόδους επίσης.

    Μπορείτε να βρείτε ωραία παραδείγματα κώδικα στην ιστοσελίδα τους. Οι devs νοιαζόταν επίσης για τις φτωχές ψυχές που πρέπει ακόμα να σχεδιάσουν για παλαιότερα προγράμματα περιήγησης, έτσι υποστηρίζει το Freewall Internet Explorer 8, και έχει επίσης ένα λύση για απενεργοποιημένη JavaScript, όπως χρησιμοποιεί CSS 3 ως στρατηγική εναλλαγής JS. Δείτε το άρθρο μας σχετικά με το Freewall εδώ.

    3. Τοιχοποιία

    Το όνομα του καλού παλιού Τοιχοποιίας πρέπει να είναι οικείο στα αυτιά κάθε έμπειρου σχεδιαστή. Σε περίπτωση που δεν το έχετε ακούσει, το Masonry είναι α διαδοχική βιβλιοθήκη διαμόρφωσης πλέγματος που λειτουργεί με jQuery και JavaScript.

    Αυτό το εύχρηστο plugin είναι η βάση πολλών δημοφιλών θεμάτων του WordPress. Δεν χρειάζεται καν να το φορτώσετε στο διακομιστή σας, καθώς μπορείτε εύκολα να συνδέσετε τη βιβλιοθήκη απευθείας από ένα CDN.

    >