Οι υπεύθυνοι ανάπτυξης ιστού πρέπει να είναι εξοικειωμένοι με έναν ή και τους δύο προεπεξεργαστές
Coke ή Pepsi, Mac ή PC, Marvel ή DC; Σε κάθε κοινότητα, υπάρχει μια συζήτηση για το ποια είναι καλύτερη. Για τους σχεδιαστές ιστοσελίδων ή τους προγραμματιστές, αυτή η συζήτηση είναι Sass ή λιγότερο.
Τι είναι το Sass και λιγότερο;
Τα συνθετικά φρεσκά φύλλα στυλ (Sass) και το Leaner CSS (LESS) είναι και οι δύο προεπεξεργαστές CSS. Πρόκειται για πρόσθετες επεκτάσεις στυλ φύλλου που κάνουν το σχεδιασμό ευκολότερο και αποτελεσματικότερο. Τόσο το Sass όσο και το LESS μεταγλωττίζονται σε φύλλα στυλ CSS, έτσι ώστε τα προγράμματα περιήγησης να μπορούν να τα διαβάσουν, κάτι που είναι απαραίτητο, επειδή τα σύγχρονα προγράμματα περιήγησης δεν μπορούν να διαβάσουν τους τύπους αρχείων .sass ή .less.
Εάν σχεδιάζετε να είστε στον κόσμο της ανάπτυξης ιστού, είναι καλή ιδέα να είστε καλά-versed σε έναν από τους δύο προεπεξεργαστές-ή και τα δύο .
Όταν έρχεται σε αυτό, και οι δύο είναι παρόμοιες. Κάνουν γραφή CSS απλούστερη, πιο αντικειμενοστρεφής και πιο ευχάριστη εμπειρία. Παρ 'όλα αυτά, υπάρχουν μερικές βασικές διαφορές. Πέντε από αυτούς αναφέρονται εδώ.
01 Sass είναι σε Ruby. Λιγότερο υπάρχει στο JavaScript
LESS κατασκευάστηκε σε Ruby όπως Sass, αλλά έχει μεταφερθεί σε JavaScript. Για να χρησιμοποιήσετε λιγότερα, μεταφορτώστε τα κατάλληλα αρχεία JavaScript στον διακομιστή σας ή μεταγλωττίσετε τα φύλλα CSS μέσω ενός μεταγλωττιστή εκτός σύνδεσης.
02 Για να εκχωρήσετε μεταβλητές: Sass Χρησιμοποιεί $; Λιγότερες χρήσεις @
Τόσο το Sass όσο και το λιγότερο χρησιμοποιούν εξειδικευμένους χαρακτήρες για την εκχώρηση μεταβλητών. Με αυτόν τον τρόπο δεν χρειάζεται να εισάγετε τις προδιαγραφές. μπορείτε απλά να εισάγετε τον χαρακτήρα.
Στο Sass, είναι το σύμβολο του δολαρίου ($). Σε λιγότερο, είναι το σύμβολο (@). Το μόνο μειονέκτημα για το LESS είναι ότι υπάρχουν μερικοί υπάρχοντες επιλογείς CSS που χρησιμοποιούν ήδη @, οπότε μπορεί να σκληρύνει λίγο η καμπύλη εκμάθησης.
03 Sass έχει πυξίδα, λιγότερο έχει Preboot
Το Sass και το LESS έχουν διαθέσιμες επεκτάσεις για την ενσωμάτωση των mixins (δυνατότητα αποθήκευσης και κοινής χρήσης των δηλώσεων CSS σε έναν ιστότοπο).
Το Sass διαθέτει Compass για αναμίκτες, το οποίο περιλαμβάνει όλες τις διαθέσιμες επιλογές με ενημερώσεις για μελλοντική υποστήριξη.
Λιγότερα έχουν Preboot.less, λιγότερα Mixins, λιγότερα στοιχεία, gs και Frameless. Η υποστήριξη λογισμικού LESS είναι πιο κατακερματισμένη από την Sass, με αποτέλεσμα πολλές διαφορετικές επιλογές για επεκτάσεις που μπορεί να μην λειτουργούν όλοι με τον ίδιο τρόπο. Για το έργο σας, μπορεί να χρειαστείτε όλες τις αναφερόμενες επεκτάσεις για να έχετε μια παρόμοια απόδοση με την Compass.
04 Λιγότερο έχει καλύτερα μηνύματα σφάλματος από το Sass
Τόσο το Sass όσο και το LESS έχουν δοκιμαστεί για την ικανότητά τους να αναφέρουν σφάλματα στη σύνταξη. Το LESS έχει πιο ακριβή μηνύματα σφάλματος στις δοκιμές κατά το ότι ανέφερε τη σωστή θέση του σφάλματος.
Κάτι τέτοιο θα μπορούσε να εξοικονομήσει λίγο χρόνο εφίδρωση πάνω από ένα τυπογραφικό λάθος.
05 Μείον έχει πιο φιλική προς το χρήστη τεκμηρίωση από το Sass
Η τεκμηρίωση LESS είναι οπτικά ελκυστική και πιο εύκολη για τους πρώτους χρήστες. Η τεκμηρίωση του Sass έχει πολύ περισσότερη βάση γνώσης ή εγκατάσταση wiki.
Αυτό είναι ένα γεγονός που θα μπορούσε να είναι σημαντικό για τα ποσοστά υιοθέτησης είτε του Sass είτε του LESS επειδή είναι μια πλατφόρμα σχεδιασμένη για χρήση στον σχεδιασμό ιστοσελίδων.