Συμβουλές για εργασία με τα φύλλα στυλ CSS3

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

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

Φροντίστε να δημιουργήσετε μια αποτελεσματική σειρά και δομή στα φύλλα στυλ CSS3 σας

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

Επιλέξτε σαφή και συνοπτικά ονόματα για κάθε έναν από τους επιλογείς σας

Υπάρχει κάτι πολύ σημαντικό που πρέπει να λάβετε υπόψη και αυτό είναι ότι το CSS3 διαφέρει στη χρήση κεφαλαίων και πεζών γραμμάτων, οπότε η σύνταξη μιας λέξης με κεφαλαίο γράμμα μπορεί να σημαίνει κάτι διαφορετικό και μπορεί να προκαλέσει λάθη. Το ευκολότερο είναι να χρησιμοποιείτε πάντα πεζά γράμματα για να αποφύγετε τέτοιου είδους προβλήματα. Δοκιμάστε επίσης επιλέξτε ονόματα για τα μαθήματά σας και τα αναγνωριστικά σας που είναι σαφώς αναγνωρίσιμα και ότι δεν μας οδηγούν σε αμφιβολίες ή λάθη.

Μην ξεχάσετε να προσθέσετε διευκρινιστικά σχόλια

Σίγουρα πρέπει να μοιραστείτε τα αρχεία σας με άλλα άτομα, ίσως τον πελάτη ή τους συναδέλφους σας από την ομάδα εργασίας σας, όπως σχεδιαστές διάταξης, άλλους σχεδιαστές ή προγραμματιστές. Για το λόγο αυτό είναι πολύ σημαντικό να δοθεί προσοχή στη δομή και να διασφαλιστεί ένα καθαρό και ομαλό φινίρισμα. Τα διευκρινιστικά σχόλια θα βοηθήσουν όσους έχουν πρόσβαση στο φύλλο στυλ μας να βρουν γρήγορα τη διαδρομή τους με μια ματιά. Οποιοσδήποτε τύπος παρατήρησης που πρέπει να ληφθεί υπόψη πρέπει να εμφανίζεται ως περιεχόμενο. Να θυμάστε ότι μπορείτε να συμπεριλάβετε περιεχόμενο τόσο στο αρχείο Html όσο και στο αρχείο CSS και ότι και στις δύο περιπτώσεις είναι σχόλια που δεν λογικά θα αντικατοπτρίζονται στο τελικό αποτέλεσμα και θα είναι ορατά μόνο όταν έχει πρόσβαση στον πηγαίο κώδικα του ίδιου, ώστε μπορεί να είναι πολύ χρήσιμο.

Πάντα να εφαρμόζετε επαναφορά στα φύλλα στυλ σας

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

Επιλέξτε το πιο αποτελεσματικό εργαλείο

Υπάρχουν πολλά εργαλεία που μπορείτε να χρησιμοποιήσετε για να είστε όσο το δυνατόν πιο αποτελεσματικοί όταν εργάζεστε στο σχεδιασμό του ιστότοπού σας. Από τη δημιουργία Wireframes έως την ανάπτυξη της δομής του ιστότοπού σας, καθώς και όλων των ειδών εφαρμογών, συμπεριλαμβανομένων Adobe Photoshop, Illustrator ή Fireworks. Έχετε επίσης πολλούς επαγγελματίες συντάκτες να είναι ένας από τους πιο συνιστώμενους (τουλάχιστον αυτός που χρησιμοποιώ) Υψηλό κείμενο ή, ελλείψει αυτού, το Adobe Dreamweaver δεδομένου ότι παρέχουν πολύ απλές διεπαφές με υψηλούς βαθμούς προσωπικότητας, καθώς και τη δυνατότητα εργασίας με τους κωδικούς μας μέσω ενός συστήματος συντομεύσεων και με ένα σύστημα αυτόματης συμπλήρωσης που θα μας βοηθήσει να εξοικονομήσουμε περισσότερο από το 70% του χρόνου που θα χρησιμοποιούσαμε με έναν συντάκτη παραδοσιακού απλού κειμένου.