Bttn.css - Awesome CSS Κουμπιά κάτω από 4Kb

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

Μια τέτοια βιβλιοθήκη είναι Bttn.css, δημιουργήθηκε από τον προγραμματιστή Ganapati V S. Το έργο του είναι εξαιρετικό και αυτή η βιβλιοθήκη κουμπιών είναι μία από τις καλύτερες για τη σύγχρονη ανάπτυξη frontend.

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

Μπορείτε να κάνετε λήψη της βιβλιοθήκης από το GitHub ή μπορείτε να χρησιμοποιήσετε το Έκδοση CDN για τοπικές δοκιμές. Ακόμα και λειτουργεί σε IDE σύννεφο όπως το CodePen, αν θέλετε να το πάρετε στο browser σας.

Το Bttn.css είναι στην πραγματικότητα μια μικρότερη βιβλιοθήκη που προσφέρει περίπου 13 διαφορετικά στυλ. Ορισμένα από αυτά περιλαμβάνουν τα στυλ υλικού, τις κλίσεις, τα κουμπιά φάντασμα και τα παραδοσιακά κουμπιά χάπι χρησιμοποιώντας στρογγυλεμένα σύνορα CSS3.

Σημειώστε ότι αυτή η βιβλιοθήκη είναι παρόμοια με τη βιβλιοθήκη Butns χρησιμοποιώντας μια σύντομη γραφή “κουμπιά” και καθαρό κώδικα CSS.

Ωστόσο, το Bttn.css προσφέρει διαφορετικά στυλ κουμπιών, αντί μιας μεγάλης βιβλιοθήκης παρόμοιων στοιχείων. Αυτός είναι ένας λόγος για τον οποίο προτείνω το Bttn.css για σχεδόν οποιοδήποτε σχέδιο web-out και από τα 13 στυλ, είστε αναγκασμένοι να βρείτε κάτι που ταιριάζει.

Μπορείτε να διαβάσετε περισσότερα σε αυτή τη Μεσαία Δημοσίευση, γραμμένη από τον δημιουργό του Bttn.css. Εξηγεί γιατί έκανε τη βιβλιοθήκη και τι σκοπό εξυπηρετεί σε ένα τυπικό αναπτυξιακό έργο.

Αν ψάχνετε πιο ολοκληρωμένη τεκμηρίωση ρίξτε μια ματιά στο GitHub repo. Περιλαμβάνει όλες τις κλάσεις CSS για στυλ, μεγέθη και χρώματα, καθώς και πληροφορίες εγκατάστασης χρησιμοποιώντας το CDN ή ένα διαχειριστή πακέτων όπως το Bower.

Βεβαιωθείτε επίσης ότι έχετε δει το σελίδα επίδειξης για να δείτε τι μπορεί να κάνει αυτή η βιβλιοθήκη. Και διστάσετε να μοιραστείτε τις σκέψεις σας με τον δημιουργό στο Twitter @ganapativs του.