Τι είναι ένα “Reset CSS”

Για όσους δεν γνωρίζεται τι είναι το “Reset CSS”, είναι ένα σετ από κανόνες στο CSS που βάζουν στα στοιχεία μιας σελίδας κάποιους κοινούς κανόνες δίνοντας έτσι ομοιομορφία ανάμεσα στις διαφορετικές μηχανές των browser.

Η πρώτη προσπάθεια είχε γίνει με ένα πολύ απλό κανόνα που έμπαινε στην αρχή του κάθε αρχείου CSS:
* { margin:0; padding:0; }

Το κακό με αυτόν τον κανόνα ήταν ότι δημιουργούσε πρόβλημα στους browser, γιατί εκτός του ότι αφαιρούσε μόνο 2 πράγματα, προσπαθούσε να εφαρμόσει τους κανόνες και σε στοιχεία που δεν χρειαζόταν.

Eric Meyer’s “Reset CSS”

Η συνεχείς αναζήτηση για καλύτερους κανόνες έκανε τον Eric Meyer να δημιουργήσει ένα κομμάτι κανόνων που έβγαζαν όλους του μη επιθυμητούς κανόνες δίνοντας έτσι στον δημιουργό πλήρης έλεγχο για το πως θα εμφανίζει την σελίδα του.

Προβλήματα

Βέβαια όλα αυτά δεν μπορείς να τα έχεις χωρίς προβλήματα. Όπως σωστά επισημαίνει ο Jonathan Snook, το μεγαλύτερο πρόβλημα που δημιουργεί είναι ότι για κάθε στοιχείο κάνεις διπλή δουλειά, αφού πρώτα αφαιρείς όλους τους αρχικούς κανόνες και μετά βάζεις τους δικούς σου. Κατά την γνώμη του, προτιμά να χρησιμοποιεί τους αρχικούς κανόνες και ανάλογα με ότι θέλει να προσθέτει.

Αυτή η άποψη είναι σωστή. Βοηθάει και στο να κρατήσεις τα CSS αρχεία σου χαμηλά ώστε να μην έχεις προβλήματα με το χρόνο ανταπόκρισης. Αλλά τι γίνεται όταν στην εξίσωση μπαίνουν και άλλα άτομα όπως developers και διαχειριστές ιστοσελίδων;

Αντίλογος

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

Η απάντηση που όλοι έχουν να δώσουν είναι να τους παρέχεις κανόνες για το πως θα προσθέσουν το κάθε κομμάτι. Αλλά, όπως όλοι ξέρουμε, σε μια μεγάλη εταιρία ο κάθε developer κάνει ταυτόχρονα πολλά project με αποτέλεσμα να μην έχει το χρόνο και τη διάθεση να διαβάσει και να εφαρμόσει αυτούς τους κανόνες. Επίσης, το πιο πιθανό είναι να μην μπορέσεις εσύ σαν σχεδιαστής να καλύψεις όλες τις περιπτώσεις που θα εμφανιστούν. Όσο για τους διαχειριστές, όλοι ξέρουμε δεν τους ενδιαφέρει αν θα γίνει κάτι σωστά, αρκεί να μοιάζει σωστά στον browser που το βάζουν.

Χρησιμοποιώντας ένα τέτοιο κομμάτι κανόνων, ελαχιστοποιείς την δυνατότητα που υπάρχει να “χαλάσει” το σχέδιο που έχεις κάνει. Στην χειρότερη περίπτωση το κάθε μη κανονικό στοιχείο να εμφανιστεί σαν κανονικό κείμενο.

Προσωπικά το “Reset CSS” μου έχει λύσει τα χέρια σε όλα τα projects που έχω κάνει για την εταιρία που δουλεύω τώρα. Έχω αντιμετωπίσει πολλά προβλήματα, από λάθος στοιχεία σε λάθος μεριά μέχρι εντελώς λάθος κώδικα και στις περισσότερες περιπτώσεις με έχει βοηθήσει. Τώρα όμως αν κάνω ένα project που θα είναι προσωπικό ή κάτι που θα έχω τον τελευταίο λόγο ίσως τότε να μην χρειαστεί να το χρησιμοποιήσω. Τα πάντα είναι θέμα ανάγκης.