Μορφοποιητής CSS

Αυτός είναι ένας μορφοποιητής CSS που ομορφαίνει τα φύλλα στυλ με καθαρή, σταθερή εσοχή ή τα ελαχιστοποιεί για να συρρικνωθεί το μέγεθος του αρχείου. Επιλέγετε το μέγεθος εσοχής για ωραιοποίηση και αλλάζετε σε ελαχιστοποίηση όταν θέλετε το μικρότερο αποτέλεσμα.

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

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

Το minifier είναι προσεκτικό όπου έχει σημασία. Διατηρεί τα κενά γύρω από το συν και το πλην μέσα στο calc(), επομένως το calc(100% - 30 px) παραμένει έγκυρο και αφαιρεί κενά μόνο γύρω από δομικούς χαρακτήρες όπως αγκύλες, άνω και κάτω τελείες και ερωτηματικά. Χειρίζεται επίσης σωστά τα ένθετα ερωτήματα πολυμέσων.

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

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