CleanCSS

CleanCSS είναι μια απλή pythonic γλώσσα για CSS εμπνευσμένο από CleverCSS αλλά απλούστερο και λιγότερο αποφρακτική χαρακτηριστικά.
Γιατί
Μου άρεσε πολύ η ιδέα πίσω από CleverCSS αλλά όταν χρησιμοποιείται στην παραγωγή συνειδητοποίησα ότι ήμουν προσπαθεί να ξεφύγει από το πρόγραμμα ανάλυσης του από τη διαφυγή χορδές και δεν υποστηρίζεται ιδιότητες CSS τρόπος πάρα πολύ συχνά. Χρησιμοποιώντας προθέματα πωλητή όπως -webkit-κλίση και αξίες όπως η RGBA οδήγησε σε ένα ακατάστατο CSS, έτσι αποφάσισα να γράψω τη δική μου αναλυτή για μια παρόμοια σύνταξη χωρίς όλα τα σύνθετα χαρακτηριστικά που δεν είχα χρησιμοποιήσει έτσι κι αλλιώς και λειτουργεί τώρα μια χαρά για μένα REAL σύγχρονες ιστοσελίδες.
Παραδείγματα Σύνταξη
Πάω να κρατήσει τα παραδείγματα CleverCSS, όπου είναι δυνατόν, δεδομένου ότι η σύνταξη είναι πολύ παρόμοια.
Ένα μικρό παράδειγμα που ακολουθεί. Σημειώστε την εσοχή με βάση τη σύνταξη και πώς μπορείτε να κανόνες φωλιά:
#header, #footer:
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? margin: 0
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? padding: 0
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? font->
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? family: Verdana, sans-serif
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? Μέγεθος: .9em
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? li:
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? padding: 0.4em
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? Περιθώριο: 0.8em 0 0.8em
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? Η3:
                        font-size: 1.2em
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? p:
                        padding: 0.3em
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? p.meta:
                        text-align: right
                        Χρώμα: #ddd
Φυσικά μπορείτε να κάνετε το ίδιο σε CSS, αλλά λόγω της επίπεδης φύσης του, ο κώδικας θα εξετάσουμε πιο φλύαρη. Το παρακάτω κομμάτι κώδικα είναι η έξοδος CleanCSS του παραπάνω αρχείου:
#header, #footer {
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? margin: 0?
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? padding: 0?
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? font-family: Verdana, sans-serif
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? font-size: .9em
}
#header Li,
#footer li {
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? padding: 0.4em?
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? Περιθώριο: 0.8em 0 0.8em?
}
#header li Η3,
#footer li h3 {
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? font-size: 1.2em?
}
#header li p,
#footer li p {
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? padding: 0.3em?
}
#header li p.meta,
#footer li p.meta {
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? text-align: right?
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? Χρώμα: #dddddd?
}
Χρήση Βιβλιοθήκη
Εισαγωγή της μονάδας cleancss και να καλέσετε τη λειτουργία μετατροπής () με ένα αρχείο που μοιάζει με το αντικείμενο.
Παράδειγμα:
cleancss εισαγωγής
με ανοικτό («file.css») ως στ:
& Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? & Nbsp? cleancss.convert εκτύπωσης (στ)
Η χρήση της γραμμής εντολών
Καλέστε το cleancss.py χωρίς παραμέτρους για να δείξει τις οδηγίες χρήσης. Περάστε οποιοδήποτε αριθμό αρχείων με cleancss.py και το script θα μετατρέψει τα αρχεία σε CSS και να εκτυπώσετε το αποτέλεσμα με την κονσόλα.
Παράδειγμα:
cleancss.py file.css> result.css

Απαιτήσεις :

• Python