Έχω δουλέψει σε μια νέα τοποθεσία Web τις τελευταίες εβδομάδες. Αλλά αντί να το κάνω μόνο, αποφάσισα να πάρω κάποια βοήθεια από τις επεκτάσεις του Firefox. Έκαναν τη δουλειά μου πολύ ευκολότερη και όλοι μπορούν να τηλεφορτωθούν μέσα σε λίγα δευτερόλεπτα.

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

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

Validator CSS: Το Validator CSS προσθέτει μια επιλογή δεξί κλικ στο πρόγραμμα περιήγησής σας, αποστέλλοντας το CSS στον Validator του W3C CSS. Ανοίγει τα αποτελέσματα σε μια νέα καρτέλα. CSS Validator είναι ένα ωραίο εργαλείο που θα έρθει σε πρακτικό συχνά.

CSSViewer: Κανένας σχεδιαστής ιστού δεν πρέπει να εργάζεται χωρίς το CSSViewer. Το πρόσθετο σας ενημερώνει για όλες τις πληροφορίες CSS που χρειάζεστε από έναν ιστότοπο. Απλά κάντε κλικ στη σελίδα που θέλετε, ανοίξτε την στο μενού Εργαλεία και θα εμφανιστούν πληροφορίες CSS. Το χρησιμοποιώ σχεδόν καθημερινά.

FireBug: Το Firebug είναι μία από αυτές τις επεκτάσεις που απλά δεν μπορεί να είναι χωρίς. Σας επιτρέπει να επεξεργάζεστε, να εντοπίζετε σφάλματα και να προβάλλετε CSS, HTML και JavaScript. Αφού κάνετε μια αλλαγή στο HTML στον ιστότοπο, το Firebug το εμφανίζει αυτόματα στο ίδιο παράθυρο. Είναι εξαιρετικά ισχυρό.

FirePHP: Το FireBug είναι ένα εξαιρετικό εργαλείο για CSS, HTML και JavaScript, αλλά το FirePHP, το οποίο λειτουργεί μόνο όταν έχετε εγκατεστημένη την επέκταση του FireBug, δημιουργεί μια πλήρως αναπτυγμένη εμπειρία ανάπτυξης. Με τη βοήθεια και των δύο πρόσθετων, μπορείτε να δείτε την ποιότητα της PHP σας και να βρείτε σφάλματα. Είναι ένα μεγάλο βοήθημα.

Αναζήτηση γραμματοσειράς: Το Finder γραμματοσειρών σας επιτρέπει να επισημάνετε μια γραμματοσειρά που σας αρέσει σε κάθε τοποθεσία, κάντε δεξί κλικ στην επιλογή και μετά επιλέγοντας "Font Finder", δείτε το πλήρες στυλ κειμένου CSS της επιλογής. Στη συνέχεια, μπορείτε να το επικολλήσετε στη δική σας ιστοσελίδα.

HTML Validator: Το HTML Validator είναι ένα εξαιρετικά ισχυρό εργαλείο που διατίθεται μόνο στους χρήστες των Windows. Το πρόσθετο σάς παρέχει πληροφορίες σχετικά με σφάλματα στη σελίδα. Σας επιτρέπει επίσης να μάθετε πού πρέπει να αντιμετωπιστούν τα προβλήματα. Αλλά αν δεν είστε προηγμένος σχεδιαστής ιστοσελίδων, παραμείνετε μακριά από αυτό το εργαλείο. Είναι πολύ περίπλοκο.

Προβολή IE: Εφ 'όσον εκτελείτε τα Windows, το IE View είναι ένα χρήσιμο εργαλείο. Η επέκταση προσθέτει μια επιλογή "Ανοίξτε σε IE" στο μενού δεξιού κλικ, επιτρέποντάς σας να ανοίξετε γρήγορα έναν ιστότοπο στον Internet Explorer. Είναι ένας πολύ καλός τρόπος για να ελέγξετε τον τρόπο εμφάνισης μιας σελίδας και στα δύο προγράμματα περιήγησης.

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

LinkChecker: Το LinkChecker υπογραμμίζει τους συνδέσμους σε οποιαδήποτε τοποθεσία στο Web και σας ενημερώνει εάν ο σύνδεσμος θα σας κατευθύνει σε έναν ζωντανό ιστότοπο ή αν θα επιστρέψει ένα 404. Το χρησιμοποιώ κάθε μέρα.

Αφίσα: Εάν θέλετε να εντοπίσετε σφάλματα σε διακομιστές και να κάνετε αιτήσεις HTTP, το Poster είναι το εργαλείο για εσάς. Είναι εύκολο στη χρήση, μπορείτε να ορίσετε έναν τύπο περιεχομένου και μέσα σε λίγα λεπτά θα έχετε όλες τις πληροφορίες που χρειάζεστε για να ελέγξετε τα αποτελέσματα του ερωτήματος HTTP. Χρήσιμος.

Style Sheet Chooser II: Το Style Sheet Chooser II αντικαθιστά τον ενσωματωμένο διακόπτη φύλλων στυλ του Firefox και σας επιτρέπει να επιλέξετε ένα εναλλακτικό στυλ που θα παραμείνει σε όλες τις σελίδες μιας ιστοσελίδας. Δεν είναι κάτι που θα χρησιμοποιείτε συχνά, αλλά όταν χρειάζεστε κάτι τέτοιο, το Style Sheet Chooser II είναι ο τρόπος να πάτε.

Web Developer: Αν εγκαταστήσετε οποιαδήποτε από τις επεκτάσεις σε αυτό το roundup, θα πρέπει να συμπεριληφθεί και ο Web Developer. Προσθέτει ένα μενού και μια γραμμή εργαλείων στον Firefox δίνοντάς σας τη δυνατότητα να εμφανίσετε το στυλ σελίδας, να προβάλετε και να επεξεργαστείτε το CSS και πολλά άλλα. Κανένας προγραμματιστής ιστού δεν πρέπει να είναι χωρίς αυτό.

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