Δημιουργία πλέγματος γραμμής βάσης στον ιστό χρησιμοποιώντας το Sassline
Ένα μεγάλο μέρος του διαδικτυακού περιεχομένου βασίζεται στο κείμενο, αλλά οι άνθρωποι δεν θα ενδιαφέρονται να διαβάζουν το κείμενο στον ιστότοπό σας εκτός εάν η τυπογραφία είναι καλά σχεδιασμένη.
Μπορεί να εργαστείτε με προσαρμοσμένα πλαίσια, αλλά αυτά μπορούν να αισθάνονται περιοριστικά. Αντ 'αυτού, δοκιμάστε την Sassline, μια ελεύθερη βιβλιοθήκη Sass για τη δημιουργία τέλειων γραμμών πλέγματος στο διαδίκτυο.
Αυτό το δωρεάν εργαλείο δουλεύει στο Sass, οπότε θα πρέπει πρώτα να γνωρίσετε το δρόμο σας γύρω από αυτή τη γλώσσα προετοιμασίας. Αν είστε ακόμα νέοι στην ανάπτυξη ιστού τότε είναι καλή ιδέα εξασκηθείτε στο CSS και Sass πριν σηκώσετε τη Sassline.
Αλλά μόλις το μάθετε ποτέ δεν θα σχεδιάσετε τις διατάξεις με τον ίδιο τρόπο και πάλι.
Χρησιμοποιεί μονάδες rem για δημιουργία προσαρμοσμένες γραμμές βάσης που ταιριάζουν στο κείμενο σας στο πλάι. Αυτό περιλαμβάνει όλες τις κεφαλίδες, τις παραγράφους, τα blockquotes, τα πάντα.
Και το Sassline έρχεται με αποκρίσιμα σημεία διακοπής ώστε να μπορείτε να προσαρμόζετε αυτόματα το μέγεθος του κειμένου (και το ύψος της γραμμής) με βάση το πλέγμα Sassline. Αυτό εξαρτάται από τα Sss mixins που απαιτούν εμπειρία Sass εάν θέλετε να συνεργαστείτε μαζί τους.
Γι 'αυτό συστήνω ειδικά αυτό το εργαλείο έμπειρους προγραμματιστές ιστού προσπαθώντας να βελτιώσουν τη ροή εργασίας τους.
Η σελίδα επίδειξης προσφέρει ένα αρκετά σαφές παράδειγμα του τρόπου με τον οποίο λειτουργεί αυτό το πλέγμα γραμμής βάσης, συμπεριλαμβανομένων των στοιχείων λίστας, των αποσπασμάτων και των διαφόρων μεγεθών κεφαλίδων.
Επιπλέον, μπορείτε να προσθέσετε αυτό το πλαίσιο frontend, όπως το Bootstrap, εάν είστε πρόθυμοι να κάνετε μερικές μικρές προσαρμογές στον κώδικα σας. ο ολόκληρη η βιβλιοθήκη Sassline είναι εξαιρετικά ευέλικτη και θα πρέπει να είναι βασικό για τους λάτρεις του Sass παντού.
Για να ξεκινήσετε, επισκεφτείτε το κύριο GitHub repo και κατεβάστε ένα αντίγραφο των αρχείων προέλευσης.
Θα βρείτε επίσης οδηγίες εγκατάστασης και έναν σύνδεσμο σε αυτό το φοβερό μήνυμα στο blog που θα σας καθοδηγήσει στη λειτουργία της βιβλιοθήκης Sassline.
