15 επεκτάσεις Chrome για σχεδιαστές και προγραμματιστές ιστού

Χρησιμοποιώ το Google Chrome ως κύριο πρόγραμμα περιήγησης ιστού. Γιατί; Επειδή είναι γρήγορο, εύκολο στη χρήση, αξιόπιστο, ασφαλές, εύκολο στη χρήση, εξαιρετικά προσαρμόσιμο και διαθέτει το δικό του διαδικτυακό κατάστημα. Εάν δεν χρησιμοποιείτε ακόμα το Google Chrome, θα πρέπει να το λάβετε υπόψη. Εγκαταστήστε τουλάχιστον και προσπαθήστε να το χρησιμοποιήσετε για περίπου μία εβδομάδα.

καθαρή αλήθεια ή τολμήστε ερωτήσεις πάνω από το κείμενο

Ως σχεδιαστής ιστοσελίδων ή προγραμματιστής, πιθανότατα βρίσκεστε πολύ χρόνο στο Chrome. Αυτό που με εκπλήσσει περισσότερο για τα άτομα που χρησιμοποιούν το Chrome, είναι ότι δεν εκμεταλλεύονται τις επεκτάσεις.

Οι επεκτάσεις είναι βασικά προσαρμοσμένα εργαλεία που σας επιτρέπουν να αξιοποιήσετε πλήρως το Chrome. Για παράδειγμα, μπορείτε να τραβήξετε στιγμιότυπα οθόνης με ένα κλικ ή ένα κουμπί, να μοιραστείτε ιστότοπους με φίλους, να ελέγξετε τη μουσική σας, να λάβετε πληροφορίες κατάταξης για διάφορους ιστότοπους και πολλά άλλα.



Το κατάστημα Chrome είναι γεμάτο με επεκτάσεις που θα αυξήσουν την παραγωγικότητά σας και θα βελτιώσουν τη συνολική ροή εργασίας σας. Έτσι, μπορείτε επίσης να χρησιμοποιήσετε τα εργαλεία που υπάρχουν εκεί έξω για να κάνετε τη ζωή σας πιο εύκολη. Το καλύτερο είναι ότι είναι όλοι * δωρεάν!

Δείτε αυτές τις 15 επεκτάσεις Chrome που μπορούν να σας βοηθήσουν στην εργασία σας:

Επεκτάσεις Chrome

Πίνακας περιεχομένων

1. FireBug Lite

Το FireBug είναι ένα γνωστό πρόσθετο FireFox που πήγε στο Chrome. Είναι ιδιαίτερα χρήσιμο για τον εντοπισμό σφαλμάτων κώδικα. Σας επιτρέπει επίσης να παρακολουθείτε ζωντανά JavaScript, HTML και CSS για οποιαδήποτε ιστοσελίδα.

Εγκαθιστώ

2. WhatFont

Το WhatFont επιτρέπει στους σχεδιαστές να ανακαλύπτουν ποια γραμματοσειρά χρησιμοποιείται σε μια ιστοσελίδα με ένα απλό δείκτη. Θα μπορούσατε επίσης να το καταλάβετε χρησιμοποιώντας το FireBug και τον καθαρισμό του κώδικα, αλλά αυτή η επέκταση το καθιστά πολύ πιο εύκολο.

πώς να συνδέσετε το δρομολογητή στο μόντεμ φάσματος

Εγκαθιστώ

3. Chrome Sniffer

Έχετε κοιτάξει ποτέ έναν ιστότοπο και σκεφτήκατε, 'Πώς είναι ακόμη δυνατό αυτό;' Το Chrome Sniffer σάς επιτρέπει να μάθετε πώς. Μπορεί να σας πει το πλαίσιο των περισσότερων ιστότοπων. Αυτή τη στιγμή μπορεί να ανιχνεύσει περισσότερα από 100 πλαίσια.

Εγκαθιστώ

4. Κώδικας Cola

Το Code Cola επιτρέπει στους χρήστες να επεξεργάζονται οπτικά το CSS. Αυτό σημαίνει ότι οι χρήστες μπορούν να κάνουν κλικ σε μια περιοχή μιας ιστοσελίδας και να χειριστούν εύκολα το CSS. Αυτό θα μπορούσε ενδεχομένως να εξοικονομήσει πολύ χρόνο στους σχεδιαστές.

Εγκαθιστώ

5. ColorZilla

Το ColorZilla περιλαμβάνει ένα εργαλείο επιλογής χρωμάτων, ένα σταγονόμετρο, μαζί με ένα γεννήτρια ντεγκραντέ . Υπάρχουν επίσης μερικά πιο προηγμένα εργαλεία χρώματος . Μπορείτε να χρησιμοποιήσετε το εργαλείο επιλογής χρωμάτων για να προσδιορίσετε το χρώμα HTML οποιουδήποτε μέρους μιας ιστοσελίδας και μπορείτε να αποθηκεύσετε αυτό το χρώμα σε μια προσαρμοσμένη παλέτα. Όλοι χρειάζονται ένα εργαλείο επιλογής χρωμάτων και το ColorZilla είναι ένα από τα καλύτερα.

Εγκαθιστώ

6. Ταινία

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

καλημέρα παραθέτω η όμορφη βασίλισσα

Εγκαθιστώ

7. Δοκιμή ανάλυσης

Οι σχεδιαστές και οι προγραμματιστές ιστού πρέπει να δοκιμάσουν τους ιστότοπούς τους σε διαφορετικές αναλύσεις, αλλά ποιος είναι ο καλύτερος τρόπος για να γίνει αυτό; Η επέκταση δοκιμής ανάλυσης για το Chrome επιτρέπει στους χρήστες να αλλάζουν το μέγεθος του παραθύρου του προγράμματος περιήγησης για να βλέπουν τον ιστότοπό τους σε διαφορετικές αναλύσεις. Μπορείτε να επιλέξετε από κοινές αναλύσεις οθόνης ή να εισαγάγετε μια προσαρμοσμένη.

Εγκαθιστώ

8. Speed ​​Tracer

Έχετε βρεθεί ποτέ σε περίπτωση που ο ιστότοπός σας φορτώνει αργά και δεν καταλαβαίνετε γιατί; Το Speed ​​Tracer μπορεί να βοηθήσει. Το Speed ​​Tracer μπορεί να εντοπίσει προβλήματα που προκαλούνται από JavaScript, CSS, χρονοδιακόπτες και πολλά άλλα.

Εγκαθιστώ

βρώμικες αστείες γραμμές για παιδιά

9. Γεννήτρια lorem ipsum

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

Εγκαθιστώ

10. Καρτέλα Internet Explorer

Όταν αναπτύσσετε ή σχεδιάζετε, πρέπει να δοκιμάσετε τον ιστότοπό σας σε διαφορετικά προγράμματα περιήγησης, ένα από τα οποία είναι ο Internet Explorer. Η καρτέλα Internet Explorer σάς επιτρέπει να βλέπετε εύκολα τον ιστότοπό σας στο IE μέσω του Chrome. Αυτό είναι ένα λιγότερο πρόγραμμα περιήγησης που πρέπει να ανοίξετε.

Εγκαθιστώ

11. Κατάταξη κυκλοφορίας Alexa

Ως προγραμματιστής ιστού ή σχεδιαστής, πιθανότατα σας ενδιαφέρει η κίνηση που λαμβάνουν άλλοι ιστότοποι. ο Alexa Το Traffic Rank σάς επιτρέπει να βλέπετε την κίνηση που λαμβάνει κάθε ιστότοπος. Αυτό μπορεί να είναι ένα ενδιαφέρον στατιστικό στοιχείο που πρέπει να παρατηρηθεί. Μπορείτε ακόμη να το χρησιμοποιήσετε στον δικό σας ιστότοπο, παρόλο που έχετε πιθανώς άλλους τρόπους για να το προσδιορίσετε.

Εγκαθιστώ

12. Microstock Photo Power Search Tool

Η αναζήτηση για εικόνες μπορεί να είναι χρονοβόρα και ενοχλητική. Το Microstock Photo Power Search Tool κάνει αυτή τη διαδικασία πολύ πιο εύκολη. Αυτή η επέκταση σάς επιτρέπει να αναζητήσετε εικόνες αποθεμάτων από τα 5 κορυφαία γραφεία μετοχών, όπως το Fotolia και το Shutterstock.

πώς να βρείτε φίλους με οφέλη στο διαδίκτυο

Εγκαθιστώ

13. Παλέτα για Chrome

Το Palette για Chrome είναι ένα διασκεδαστικό, χρήσιμο εργαλείο για σχεδιαστές ιστοσελίδων. Μπορείτε να επιλέξετε οποιαδήποτε εικόνα και να δημιουργήσετε ένα παλέτα χρωμάτων από αυτήν την εικόνα. Μπορείτε να δημιουργήσετε παλέτες με 16, 24 ή 32 χρώματα. Εάν έχετε μια αγαπημένη εικόνα, μπορείτε να δημιουργήσετε ένα παλέτα χρωμάτων από αυτό και χρησιμοποιήστε αυτό παλέτα χρωμάτων στο σχεδιασμό της ιστοσελίδας σας.

Εγκαθιστώ

14. TooManyTabs

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

Εγκαθιστώ

15. Απλά ρούχα

Το PlainClothes σάς επιτρέπει να προβάλλετε έναν ιστότοπο στο μαύρο και άσπρο . Αυτό μπορεί να σας βοηθήσει να βρείτε λάθη σε ιστότοπους ή να μάθετε πώς λειτουργούν τα πράγματα. Είναι ένα χρήσιμο εργαλείο για χρήση τόσο στον δικό σας ιστότοπο όσο και σε άλλους ιστότοπους.

Το Chrome διαθέτει πολλές επεκτάσεις για προγραμματιστές και σχεδιαστές ιστού, καθεμία από τις οποίες προσφέρει κάτι μοναδικό. Η παραπάνω λίστα περιέχει 15 εργαλεία που είναι χρήσιμα για τους περισσότερους σχεδιαστές ιστοσελίδων. Ωστόσο, εάν έχετε μια συγκεκριμένη ανάγκη που δεν ικανοποιείται από μια επέκταση παραπάνω, μπορείτε να διαβάσετε το Chrome Web Store για να δείτε εάν υπάρχει επέκταση για εσάς.