Petal είναι ένα οργανωμένο και ελαφρύ πλαίσιο CSS UI που εκτελείται σε λιγότερο
Από το Bootstrap μέχρι το Ίδρυμα φαίνεται ότι υπάρχει ένα ατελείωτη ροή πλαισίων CSS να πάρει από. Αλλά λίγοι τρέχουν σε λιγότερο και ακόμη λιγότερες είναι όπως επίσης οργανώθηκε ως Petal.
Αυτό το μικρό έργο ανοιχτού κώδικα ήταν δημιουργήθηκε εσωτερικά για την ομάδα του Shakr αλλά αποφάσισαν απελευθερώστε τα όλα στο GitHub. Είναι ακόμα α νέο πλαίσιο έτσι υπάρχει αρκετό περιθώριο βελτίωσης. Στην παρούσα κατάσταση του, το Petal είναι α πλούσιο σε χαρακτηριστικά πλαίσιο για οποιοδήποτε πρόγραμμα ιστού.
Όσοι ενδιαφέρονται πρέπει να ελέγξουν το κύρια σελίδα και κοιτάξτε πάνω μερικά από τα έγγραφα.
Το φύλλο στυλ Petal χωρίζεται σε διαφορετικά αρχεία MORE, έτσι είναι οργανωμένο με βάση τις λειτουργίες και τις ρυθμίσεις. Με αυτόν τον τρόπο, εάν θέλετε να κάνετε αλλαγές ή να βρείτε μια συγκεκριμένη κλάση που πρέπει να κάνετε περιηγηθείτε σε ένα μόνο αρχείο, για παράδειγμα τυπογραφία
, παρά μια ολόκληρη βιβλιοθήκη.
Μπορείτε να δείτε μερικά από τα πιο κοινά χαρακτηριστικά σχεδιασμού σε αυτό το στυλό μαζί με αποσπάσματα κώδικα μπορείτε να αντιγράψετε.
Το πέταλο πρέπει να είναι α μινιμαλιστικό πλαίσιο με απλά προ-κατασκευασμένα στυλ.
Δεν θέλουν όλοι να εργαστούν προσθέτοντας χρώμα ή τόνο στα σχέδιά τους. Η ομορφιά ενός πλαισίου CSS είναι ότι μπορεί παρέχουν το σχέδιο και το ύφος, έτσι απλά προσθέστε το HTML και κινήστε.
Αυτό είναι Το πέταλο κάνει καλά, και είναι μια ανάσα φρέσκου αέρα σε έναν κόσμο γεμάτο από ιστοσελίδες που κινούνται με Bootstrap.
Αν θέλετε να το δοκιμάσετε μόνοι σας πρόσθεσε το Petal.css
φύλλο στυλ δεξιά στο σας έγγραφα Ενότητα. Από εκεί, θα εφαρμοστούν όλες οι βασικές μορφές απευθείας σε όλα τα στοιχεία HTML.
Μπορείς με τα μαθήματα με τον έλεγχο της σελίδας εγγράφων στον ιστότοπο. Υπάρχει πράγματι ένα ολόκληρο τμήμα που καλύπτει βασική ρύθμιση σελίδας χρησιμοποιώντας μια κλάση, όπως .Ενότητα
ως δοχείο με τάξεις όπως .σειρά
ή .στήλη
για τη δομή.
Επιλογές διάταξης είναι σχεδόν ατελείωτες και μπορείτε πάντα να προσθέσετε επιπλέον μορφοποίηση για τοποθέτηση και περιθώρια αν χρειαστεί.
Για ένα τόσο μικρό πλαίσιο CSS, το Petal είναι πραγματικά εντυπωσιακό. Αυτή τη στιγμή είναι στα σπάργανα στο v0.5, αλλά θα αναπτυχθεί συνεχώς καθώς περνάει ο καιρός. Να μάθω περισσότερα ελέγξτε την αρχική σελίδα του Petal, και να δούμε τι μπορείτε να χτίσετε!