Προβολή οποιουδήποτε φύλλου στυλ CSS με στατιστικά στοιχεία CSS
Αναρωτηθήκατε πόσοι κανόνες CSS υπάρχουν σε ένα φύλλο στυλ; Ή έχετε ήθελε ποτέ να δείτε ένα οπτική αναπαράσταση του όλα τα χρώματα που χρησιμοποιείται σε ένα αρχείο CSS; Με Στατιστικά CSS, μπορείτε να συνδέσετε οποιαδήποτε ιστοσελίδα και τραβήξτε μια δέσμη πρώτων δεδομένων CSS για να ικανοποιήσει την περιέργειά σας.
Και αυτή η εφαρμογή web πηγαίνει πολύ πιο βαθιά από την απλή εμφάνιση όλων των χρωμάτων για ένα φύλλο στυλ. Μπορείτε να απεικονίσετε όλες τις τιμές του δείκτη z, όλα τα μεγέθη γραμματοσειράς, όλα τα ερωτήματα των μέσων ενημέρωσης και ακόμη και να δείτε ένα γραφική παράσταση οπτικής ειδικότητας.
Αυτή η εφαρμογή καλύπτει τόσο πολύ, ώστε είναι πρακτικά αδύνατο να καταναλώνονται τα πάντα σε μια συνεδρίαση. Θα σας δώσει μια τεράστια επισκόπηση οποιουδήποτε δικτυακού τόπου μόνο από επιδεικνύοντας τι υπάρχει στο φύλλο στυλ τους.
Για να ξεκινήσετε, επισκεφθείτε την ιστοσελίδα CSS Στατιστικά και συνδέστε οποιαδήποτε διεύθυνση URL θα'θελες. Θα μπορούσατε επίσης να επιλέξετε από μια σειρά από προτεινόμενες τοποθεσίες όπως το Facebook, η Apple και το Pinterest (μεταξύ άλλων).
Στη σελίδα αποτελεσμάτων, θα δείτε το συνολικό μέγεθος αρχείου CSS σε kilobytes, μαζί με μια λίστα με το τις πιο συνηθισμένες ιδιότητες και δηλώσεις. Όλα αυτά εμφανίζονται ως μια μακρά λίστα αριθμών, ώστε να μπορεί να προκαλέσει σύγχυση στην πρώτη ανάγνωση.
Αλλά όσο περισσότερο χρησιμοποιείτε αυτό το app, τόσο πιο διασκεδαστικό παίρνει! Εδώ είναι α λίστα όλων θα βρείτε στη σελίδα στατιστικών στοιχείων:
- Συνολικά ιδιότητες, επιλογείς, και κανόνες
- Ολα χρώματα γραμματοσειράς με παραδείγματα και δεκαεξαδικούς κωδικούς
- Ολα χρώματα φόντου με παραδείγματα και δεκαεξαδικούς κωδικούς
- Ολα μέγεθος γραμματοσειράς με παραδείγματα
- Λίστα από οικογένειες γραμματοσειρών
- Κατάλογος όλων τιμές z-δείκτη
- Ένα διάγραμμα ράβδων συνολικές / μοναδικές δηλώσεις CSS
- Γραφή εξειδίκευσης
- Σύνολο sizeet κανόνων
- Ολα ερωτήματα μέσων
- ο πρώτος κώδικας CSS μαζί με Σύνδεσμοι URL στο μεμονωμένα αρχεία CSS
Τα στατιστικά στοιχεία CSS είναι αρκετά έξυπνα ώστε να τραβούν όλα τα αρχεία CSS και συγχώνευση των δεδομένων μαζί. Οι προγραμματιστές έβαλαν πολύ μεγάλη προσπάθεια σε αυτό το πράγμα για να το λειτουργήσουν σωστά.
Και, το επιπλέον φοβερό μέρος είναι το πλήρες repo GitHub με πηγαίου κώδικα για ολόκληρο το έργο. Έτσι, μπορείτε να κατεβάσετε αυτό και να το φιλοξενήσει ξανά στο δικό σας διακομιστή (τοπικά ή αλλιώς) για να παίξετε γύρω, αν θέλετε να σκάψετε στον κώδικα.
Έχετε την επιλογή τραβώντας κάθε μεμονωμένο αρχείο CSS ή αναλύοντας όλα τα φύλλα στυλ σε έναν μόνο τομέα. Υπάρχουν τόσα πολλά που μπορείτε να μάθετε από τη μελέτη αυτού του εργαλείου και προσφέρει βαθύτερη γνώση για τους προγραμματιστές που κατεβαίνουν στις ιδιαιτερότητες.
Για να δοκιμάσετε τον εαυτό σας, απλά επισκεφθείτε τα στατιστικά στοιχεία CSS και συνδέστε έναν ιστότοπο. Θα εκπλαγείτε πόσα δεδομένα είναι διαθέσιμα και πόσα μπορείτε να μάθετε από ένα τόσο απλοϊκό εργαλείο.
