State of the art Web Design & Internet Marketing

UnCss It!!! Αφαιρέστε τον css κώδικα που δεν θέλετε

Πολλές φορές σε μικρά ή μεγάλα project, περισσεύουν κομμάτια Το καλύτερο θα ήταν να χρησιμοποιείτε κάποιον preprocessor όπως το less ή  το sass ώστε να έχετε καλύτερα δομημένο κώδικα και να μην σας χρειάζονται εργαλεία όπως το uncss.

Τι διαδικασίες ακολουθεί όμως το uncss

  1. Ανοίγει τα αρχεία html μέσω του PhantomJS.
  2. Διαβάζει τα css αρχεία που βλέπει να καλούνται στο html.
  3. Κάνει ανάλυση με το  css-parse.
  4. Με document.querySelector φιλτράρει ποιες κλάσεις ή ταυτότητες δεν χρησιμοποιούνται.
  5. Οτι απομένει το κάνει ένα css αρχείο

Ο καλύτερος τρόπος να το εγκαταστήσετε είναι

npm install -g uncss

Μπορείτε να εξαιρέσετε κλάσεις και να κάνετε πολλές batch εργασίες, δείτε περισσότερα εδώ
https://github.com/giakki/uncss

Τα developer tools του Chrome έχουν μια πολύ ωραία επιλογή με την οποία μπορούμε σε μία μόνο σελίδα να βρούμε τα κομμάτια κώδικα css που δεν χρησιμοποιούμε αλλά περιορίζονται μόνο σε αυτή την σελίδα