Αυτή η βιβλιοθήκη Checkbox προσφέρει δεκάδες ελεύθερες μορφές CSS Checkbox

Ψάχνω προσαρμοσμένα πλαίσια ελέγχου UI για την ιστοσελίδα σας; Ρίξτε μια ματιά στο Βιβλιοθήκη ελέγχου CSS φιλοξενείται δωρεάν στο GitHub.

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

Εσύ αποκτήστε πλήρη πρόσβαση στον κώδικα HTML / CSS, έτσι είναι ένα αεράκι για να το ξεκινήσετε και να τρέξετε στο site σας. Για να μην αναφέρουμε ότι είναι επίσης απόλυτα ανοικτού κώδικα και διαθέσιμο τόσο για προσωπικά όσο και για εμπορικά έργα.

Για να ξεκινήσετε, μπορείτε να επισκεφθείτε το GitHub repo και κατεβάστε όλα τα αρχεία τοπικά στο μηχάνημά σας. Ή, μπορείτε να εγκαταστήσετε τη βιβλιοθήκη μέσω npm.

Από προεπιλογή, κάθε στυλ κουτιού checkbox έρχεται με τη δική του τάξη. ο checkboxes.min.css το φύλλο στυλ έχει όλα όσα χρειάζεστε, οπότε αν αυτό περιλαμβάνεται στη σελίδα σας, τότε είστε έτοιμοι.

Κάθε στυλ πλαισίου ελέγχου υποστηρίζει σύγχρονα προγράμματα περιήγησης και τα περισσότερα προγράμματα περιήγησης παλαιού τύπου, συμπεριλαμβανομένου του IE9+.

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

Από εκεί, μπορείτε να διαλέξετε ό, τι λειτουργεί καλύτερα. Κάντε κλικ στο κουμπί HTML εμφανίζει ένα modal με τον πηγαίο κώδικα για αυτό το πλαίσιο ελέγχου. Τώρα, απλά αντιγράψτε / επικολλήστε το στον ιστότοπό σας, δώστε το σωστό όνομα / αξία (αν υπάρχει) και είστε έτοιμοι!

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

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

Με 25 διαφορετικά στυλ και πολλά διαφορετικά κινούμενα σχέδια, Πρέπει να πω ότι αυτή η βιβλιοθήκη CSS Checkbox είναι εντυπωσιακή. Εξαιρετική για κάθε προγραμματιστή frontend που θέλει να εξοικονομήσει χρόνο στη δουλειά τους και να βελτιώσετε το σχεδιασμό του UI σε οποιαδήποτε φόρμα ιστού.