25+ πρέπει να έχουν επεκτάσεις Chrome για σχεδιαστές ιστοσελίδων και προγραμματιστές
Για πολλούς σχεδιαστές ιστοσελίδων και προγραμματιστές, ο Firefox είναι αξεπέραστη. Για άλλους, ο Firefox τρώει τη σκόνη του Chrome.
Τα τελευταία δύο χρόνια, μετά την απελευθέρωση του Google Chrome, υπήρξε έντονη συζήτηση σχετικά με το ποιο πρόγραμμα περιήγησης είναι ανώτερο. Το προϊόν ανοιχτού κώδικα της Mozilla έχασε τη δοκιμασία του χρόνου και ο Firefox έγινε γρήγορα το πιο χρησιμοποιούμενο πρόγραμμα περιήγησης, έχοντας ξεπεράσει τον Internet Explorer της Microsoft.
Ωστόσο, μην λυπάστε για το Google Chrome. Ακόμα και στα σπάργανα, το Chrome έχει ήδη φτάσει στο δεύτερο πιο δημοφιλές, αφού έχει ξεπεράσει τον Internet Explorer και έχει μεγάλη πιθανότητα να ξεπεράσει τον Firefox.
Παρόλο που ο Firefox είναι πιο ισχυρός (κυρίως λόγω της δημοτικότητάς του), το Chrome είναι αστραπιαίο και, με νέες επεκτάσεις που προστίθενται καθημερινά, αποτελεί μια συναρπαστική επιλογή για το σοβαρό web designer.
Και εδώ θα βρείτε εργαλεία που θα σας κάνουν χρήσιμο το Chrome ως σχεδιαστής ή προγραμματιστή. Ευτυχώς, το Chrome έχει μια αυξανόμενη συλλογή επεκτάσεων που θα κάνει τη μετάβαση από τον Firefox πολύ πιο εύκολη.
1. Εκκίνηση εφαρμογών Appjump και Organizer
Αφού τελειώσετε τη λήψη όλων των επεκτάσεων σε αυτήν τη λίστα, θα χρειαστείτε σίγουρα έναν διοργανωτή. AppJump είναι μια επέκταση του Chrome που σας επιτρέπει να εντοπίζετε και να εκκινείτε γρήγορα τις εφαρμογές και τις άλλες επεκτάσεις σας από ένα αναπτυσσόμενο μενού στη γραμμή εργαλείων σας. Ένα δροσερό χαρακτηριστικό του AppJump είναι η δυνατότητα να οργανώνουν εφαρμογές και επεκτάσεις σε διαφορετικές ομάδες. Για παράδειγμα, μπορείτε εύκολα να διαχωρίσετε τις επεκτάσεις εργασίας από την προσωπική σας, για πιο αποτελεσματική διαχείριση του χρόνου.
2. Awesome Screenshot
Εξαιρετικό στιγμιότυπο οθόνης ζει μέχρι το όνομά του. Αυτή η εκπληκτική επέκταση σάς επιτρέπει να λαμβάνετε στιγμιότυπα ολόκληρης ή τμηματικής σελίδας. Αφού τραβήξετε ένα στιγμιότυπο οθόνης, μπορείτε να περιγράψετε ή να υπογραμμίσετε τα σχετικά μέρη, να εξαλείψετε τα άσχετα μέρη και να κάνετε σχόλια. Έχετε την επιλογή να αποθηκεύσετε σε τοπικό ή να ανεβάσετε και να λάβετε έναν σύνδεσμο εικόνας για κοινή χρήση.
3. Συλλογή οθόνης πτηνών
Μετά την αποτρίχωση του ποιητικού σχετικά με το Screenshot Screenshot Awesome παραπάνω, μπορεί να αναρωτηθείτε γιατί δύο επεκτάσεις λήψης οθόνης προστίθενται σε αυτόν τον κατάλογο. Ένα μειονέκτημα για το Awesome Screenshot είναι ότι απαιτεί πρόσβαση σε όλα τα δεδομένα στον υπολογιστή σας και στο ιστορικό περιήγησής σας. Για εκείνους τους χρήστες που θεωρούν ότι είναι μια εισβολή της ιδιωτικής ζωής, Πτηνοτροφείο είναι μια τέλεια ικανή επιλογή.
4. Chrome Sniffer
Chrome Sniffer σας επιτρέπει να ελέγξετε το πλαίσιο οποιουδήποτε ιστοτόπου. Εντοπίζει και εμφανίζει κάθε γνωστό Σύστημα Διαχείρισης Περιεχομένου (CMS) ή βιβλιοθήκη Javascript σε έναν ιστότοπο. Αυτή η επέκταση είναι ιδανική για εκείνους τους ιστότοπους που σας αφήνουν να αναρωτιέστε: "Πώς είναι δυνατό αυτό;" Σήμερα, το Chrome Sniffer μπορεί να ανιχνεύσει περισσότερα από 100 πλαίσια.
5. Αποθήκευση νέφους
Υπάρχει μια τεράστια στροφή από την τοπική λειτουργία στην εργασία στο σύννεφο. Ως σχεδιαστές και προγραμματιστές, είστε εξοικειωμένοι με την εργασία στο διαδίκτυο, αλλά αποθηκεύετε επίσης σημαντικά αρχεία στο διαδίκτυο; Εάν η δικαιολογία σας είναι ότι δεν είναι τόσο βολικό, μπορεί να θέλετε να εξετάσετε σοβαρά Cloud Save . Η Cloud Save σάς επιτρέπει να αποθηκεύετε αρχεία από οποιονδήποτε ιστότοπο σε υποστηριζόμενες υπηρεσίες cloud. Αποθηκεύστε στο Amazon Cloud Drive, το Dropbox και το Flickr.
6. Κωδικός Cola
Κωδικός Cola είναι μια επέκταση που επιτρέπει στους χρήστες να επεξεργάζονται μεμονωμένες σελίδες μέσα σε έναν ιστότοπο. Η επέκταση σάς επιτρέπει να κάνετε κλικ σε μια περιοχή εντός μιας ιστοσελίδας και να επεξεργαστείτε αυτόματα το CSS.
7. Εταιρική Ipsum
Επιχειρησιακό Ipsum είναι μια διασκεδαστική εναλλακτική λύση στο κανονικό πλήρωσης κειμένου Lorem Ipsum. Με αυτήν την επέκταση, μπορείτε να πληκτρολογήσετε τον ιστότοπό σας με λέξεις "επιχειρηματικές" και κουβεντιά. Ένα παράδειγμα της εταιρείας Corporate Ipsum είναι: "Η πληροφόρηση στοχεύει στο σύνολο της επιχείρησης σε δεδομένα με πολυλειτουργικές ιδέες". Αυτή η επέκταση βασίζεται στο δημοφιλές widget Mac με το ίδιο όνομα.
8. Diigo Bookmark, Archive, Highlight και Sticky Note
Diigo είναι σύντομη για το Digest των ομάδων πληροφοριών στο Internet και άλλα πράγματα. Πρόκειται για ένα online εργαλείο έρευνας που επιτρέπει στους χρήστες να διαχειρίζονται πληροφορίες. Επισημάνετε ιστοσελίδες σε πολλά χρώματα, δημιουργείτε κολλητικές σημειώσεις, ανταλλάσσετε σελίδες στο κοινωνικό σας δίκτυο και δημιουργείτε ομάδες για να μοιραστείτε την έρευνά σας.
9. Drag2up
Drag2up είναι ένα εύκολο στη χρήση σύστημα προσάρτησης αρχείων. Αντί να κάνετε κλικ σε διάφορα παράθυρα, απλά σύρετε το αρχείο που θέλετε να επισυνάψετε από τον υπολογιστή σας στο πεδίο εισαγωγής. Εναλλακτικά, μπορείτε να ανεβάσετε αρχεία σε διάφορους ιστότοπους φιλοξενίας, συμπεριλαμβανομένων των Flickr, ImageShack, Twitpic και Box.net. Αυτή η επέκταση είναι εύκολα μια από τις απαραίτητες λήψεις.
10. Δρομέας ματιών
Κάθε λίγο καιρό, θα συναντήσετε την τέλεια σκιά του πράσινου που πρέπει να ενσωματώσετε στο web design σας. ο Δρομέας ματιών επέκταση σάς επιτρέπει να εντοπίσετε την ακριβή σκιά. Παρακολουθεί επίσης την ιστορία των χρωμάτων σας.
11. Firebug Lite
Firebug είναι ένα από τα μεγάλα εργαλεία που καθιστά δύσκολη τη μετάβαση από τον Firefox και την αφήστε πίσω του. Ευτυχώς, το Chrome έχει μια επέκταση που ονομάζεται Firebug Lite και προσφέρει παρόμοια λειτουργία. Το Firebug Lite λειτουργεί παράλληλα με τα Εργαλεία Ανάπτυξης Chrome για να επιτρέπει στους προγραμματιστές να επιθεωρούν και να επεξεργάζονται στοιχεία HTML και DOM. Σας επιτρέπει επίσης να εντοπίζετε σφάλματα με ευκολία. Firebug Lite είναι στην πραγματικότητα ένα αρχείο JavaScript που λειτουργεί σαν το αρχικό Firebug όταν εισάγεται σε μια ιστοσελίδα.
12. Greplin
Greplin είναι μια επέκταση που σας επιτρέπει να κάνετε αναζήτηση στα προσωπικά σας δεδομένα. Χρησιμοποιήστε αυτήν την επέκταση για να εντοπίσετε μια πληροφορία που δημοσιεύετε σε διάφορους ιστότοπους κοινωνικής δικτύωσης, όπως το Twitter, το Facebook ή ακόμα και το Gmail. Ευρετηρεί τα δεδομένα σας για εύκολη αναζήτηση. Αντί να βυθίσετε την ιστορία σας, μπορείτε εύκολα να καλέσετε δεδομένα με το Greplin.
13. HTML Instant
HTML Instant είναι ένα HTML πραγματικού χρόνου. Διαθέτει μια διαχωρισμένη οθόνη. Καθώς πληκτρολογείτε τον κωδικό σας στην αριστερή πλευρά της διαχωρισμένης οθόνης, τα αποτελέσματα εμφανίζονται αυτόματα στη δεξιά πλευρά. Το HTML Instant όχι μόνο λειτουργεί με HTML, αλλά υποστηρίζει επίσης CSS και JavaScript. Μπορείτε επίσης να ανεβάσετε εικόνες από το Image Shack, Photobucket ή έναν τυχαίο ιστότοπο που φιλοξενεί μια εικόνα. Αυτός ο επεξεργαστής HTML είναι πολύ φιλικός προς το χρήστη, για τον αρχάριο σχεδιαστή.
14. Καρτέλα IE
ο IE Tab επέκταση σάς επιτρέπει να προβάλετε μια ιστοσελίδα από έναν προσομοιωμένο Internet Explorer, ενώ εξακολουθείτε να χρησιμοποιείτε το πρόγραμμα περιήγησης Chrome. Ο Internet Explorer εξακολουθεί να είναι το προτιμώμενο πρόγραμμα περιήγησης των περισσότερων χρηστών του Διαδικτύου. Και εξακολουθούν να υπάρχουν ορισμένοι ιστότοποι που λειτουργούν καλύτερα ή και αποκλειστικά με τον Internet Explorer. Αυτή η καρτέλα σας επιτρέπει να χρησιμοποιείτε τον Internet Explorer χωρίς να θυσιάζετε την αξιοπρέπειά σας. Πρώτα απ 'όλα, η καρτέλα IE λειτουργεί μόνο στα Windows. Αυτό συμβαίνει επειδή χρησιμοποιεί τον ενσωματωμένο μηχανισμό απόδοσης του Window για τον Internet Explorer. Για το λόγο αυτό, οι χρήστες Mac δεν έχουν τύχη σε αυτό.
15. Μενού περιβάλλοντος Ιδιότητες εικόνας
Μενού περιγραφής ιδιοτήτων εικόνας είναι μια χρήσιμη επέκταση του Chrome που παρέχει πληροφορίες για όλα τα πράγματα που σχετίζονται με μια επιλεγμένη εικόνα. Οι χρήστες μπορούν να βρουν τόσο τη θέση όσο και την πηγή μιας εικόνας. Εμφανίζει επίσης τις διαστάσεις της εικόνας και το μέγεθος του αρχείου. Είναι μια απλή αλλά αποτελεσματική επέκταση που κατά κάποιο τρόπο δεν περιλαμβάνεται στο πρόγραμμα περιήγησης Chrome.
16. MeasureIt!
MeasureIt είναι ένας χάρακας που χρησιμοποιείτε για να βρείτε τις διαστάσεις οποιουδήποτε στοιχείου σε μια ιστοσελίδα. Απλά κάντε κλικ στην επέκταση και σύρετε έξω το χάρακα για να βρείτε τις διαστάσεις γρήγορα και εύκολα.
17. Εργαλείο αναζήτησης ενέργειας Microstock
Αυτό που χωρίζει έναν καλό σχεδιαστή ιστοσελίδων από ένα μεγάλο web designer είναι να γνωρίζει πού να πάει για εικόνες αποθεμάτων. Οποιοσδήποτε σχεδιαστής γνωρίζει ότι η εύρεση της σωστής εικόνας είναι ένα από τα πιο χρονοβόρα μέρη του σχεδιασμού, ειδικά αν έχετε αρκετούς πόρους. Αυτή η επέκταση σας επιτρέπει να αναζητήσετε microstock σε 5 κορυφαίες εταιρείες χρηματιστηριακών εταιρειών, όπως Dreamstime, Fotolia και Shutterstock.
18. Παλέτα για το Chrome
ο Παλέτα για Chrome επέκταση είναι άμεσα χρήσιμη. Κάντε δεξί κλικ σε οποιαδήποτε εικόνα θέλετε να χρησιμοποιήσετε. Αυτή η επέκταση δημιουργεί μια παλέτα χρωμάτων 16, 24 ή 32. Εναλλακτικά, μπορείτε επίσης να δημιουργήσετε μια προσαρμοσμένη παλέτα. Χρησιμοποιήστε αυτήν την επέκταση για να ενσωματώσετε και να μεταφέρετε τα χρώματα από την αγαπημένη σας εικόνα στο web design.
19. Εξέταση
Η ισχυρή Μπράουν επέκταση συνδυάζει μερικές από τις επεκτάσεις που βρέθηκαν σε αυτόν τον κατάλογο. Το Pendule σας επιτρέπει να προβάλετε και να τροποποιήσετε το Javascript και το CSS. Μπορείτε επίσης να προβάλλετε πληροφορίες σχετικά με συγκεκριμένες εικόνες ή να τις αποκρύψετε εντελώς. Είναι ένα ισχυρό εργαλείο για προγραμματιστές που περιλαμβάνει έναν επιλογέα χρωμάτων, έναν επικυρωτή HTML και CSS και έναν έλεγχο συνδέσμων.
20. PlainClothes
Απλά ρούχα είναι μια διασκεδαστική και χρήσιμη επέκταση που σας επιτρέπει να βλέπετε τα γυμνά κόκαλα ενός ιστότοπου. Μερικές φορές είναι ευκολότερο να δείτε λάθη σε ένα σχέδιο ή να αναλύσετε γιατί λειτουργεί τόσο καλά όταν γίνεται ασπρόμαυρη. Το PlainClothes σάς επιτρέπει να κατεβάζετε μια ιστοσελίδα σε ένα χρώμα κειμένου, ένα χρώμα φόντου και ένα χρώμα σύνδεσης. Οι σύνδεσμοι υπογραμμίζονται, το κείμενο είναι προεπιλεγμένο και ξαφνικά, βρίσκεστε ξανά το 1998. Στην πραγματικότητα, το PlainClothes λειτουργεί πολύ καλά για να προσθέσει την προσβασιμότητα στο web design.
21. Δοκιμή ανάλυσης
Αλλάξτε το μέγεθος του προγράμματος περιήγησής σας για να δοκιμάσετε τον ιστότοπό σας σε διάφορες αναλύσεις. Δοκιμή ανάλυσης έρχεται με προκαθορισμένα μεγέθη ανάλυσης, αλλά μπορείτε επίσης να προβάλετε με τη δική σας καθορισμένη ανάλυση.
22. Αναζήτηση βάσει εικόνας
Αναζήτηση βάσει εικόνας είναι μια από τις αγαπημένες μου επεκτάσεις Chrome. Αυτή η επέκταση σάς επιτρέπει να βρείτε μια συγκεκριμένη εικόνα σε διαφορετικούς ιστότοπους. Με την επιλογή Αναζήτηση με εικόνα έχετε επίσης τη δυνατότητα να βρείτε παρόμοιες εικόνες. Απλώς κάντε δεξί κλικ στην εικόνα που σας ενδιαφέρει και επιλέξτε "αναζήτηση Google με αυτήν την εικόνα". Θα βρείτε σελίδες που περιλαμβάνουν αντίστοιχες εικόνες ή είναι οπτικά παρόμοιες.
23. Διευθυντής περιόδου λειτουργίας
ο Διευθυντής περιόδου λειτουργίας επέκταση αποθηκεύει όλες τις καρτέλες που έχετε ανοίξει αυτήν τη στιγμή, για να τις εξετάσετε αργότερα. Αυτή η επέκταση είναι εξαιρετικά χρήσιμη αν εσείς, όπως οι περισσότεροι, βρεθείτε να ανοίγετε τις ίδιες σελίδες ξανά και ξανά. Ομαδοποιήστε και αποθηκεύστε τις σχετικές καρτέλες στη Διαχείριση περιόδου λειτουργίας. Για παράδειγμα, συνδέστε όλες τις τοποθεσίες κοινωνικής δικτύωσης μαζί, ώστε να μπορείτε να τις έχετε γρήγορα πρόσβαση χωρίς να χρειάζεται να ανοίγετε ξεχωριστά κάθε ιστότοπο. Και να τα κλείσετε εξίσου γρήγορα, με τη διασφάλιση ότι οι καρτέλες σας αποθηκεύονται.
24. Πίνακας
Παρόμοια ως προς το πεδίο εφαρμογής του Διαχειριστή περιόδου λειτουργίας, TabJump πηγαίνει ένα βήμα πέρα. Όχι μόνο διαχειρίζεται τις καρτέλες σας, αυτή η επέκταση μπορεί επίσης να κλειδώσει καρτέλες, εμποδίζοντας σας να κλείσετε τυχαία μια σημαντική καρτέλα. Αν κλείσετε μια καρτέλα από λάθος, το TabJump θα σας επιτρέψει να το ανοίξετε ξανά, αλλά να έχετε κατά νου ότι οι επεκτάσεις δεν μπορούν να επαναφέρουν το ιστορικό.
25. TooManyTabs
Επειδή δεν μπορεί να υπάρχουν αρκετές επεκτάσεις για την αντιμετώπιση της διαχείρισης καρτελών του προγράμματος περιήγησης, TooManyTabs είναι ένα άλλο must-have. Αυτή η επέκταση εμφανίζει μια μικρογραφία όλων των καρτελών που έχετε ανοίξει. Αυτό έρχεται βολικό όταν λειτουργείτε με τόσες πολλές καρτέλες που δεν μπορείτε πλέον να διαβάσετε τους τίτλους των καρτελών. Έχοντας μια οπτική βοήθεια σας βοηθά να ταξινομήσετε μέσα από το χώρο εργασίας σας αποτελεσματικά.
26. Web Developer
Web Developer είναι ένα άλλο ολοκληρωμένο εργαλείο ανάπτυξης. Είναι από τον ίδιο προγραμματιστή που έγραψε την άγρια δημοφιλή επέκταση του Firefox. Με αυτήν την επέκταση, οι χρήστες μπορούν να προβάλλουν και να επεξεργάζονται CSS, να εμφανίζουν τα μεγέθη των αρχείων εικόνας και να καθαρίζουν τα cookie περιόδου λειτουργίας.
27. WhatFont
Για τους περισσότερους σχεδιαστές ιστοσελίδων, οι γραμματοσειρές είναι μια μεγάλη υπόθεση. Έχετε συμβεί ποτέ σε έναν τυχαίο ιστότοπο και βρήκατε την τέλεια γραμματοσειρά, μόνο για να αναζητήσετε ατελείωτο κώδικα για απαντήσεις; Εάν σας αρέσουν τα πράγματα απλά, εγκαταστήστε το επέκταση εύρεσης γραμματοσειράς . Απλώς τοποθετήστε το δείκτη του ποντικιού πάνω σε ένα κείμενο και βρείτε τη γραμματοσειρά που χρησιμοποιείται. Όχι μόνο αυτή η επέκταση θα σας πει το όνομα της γραμματοσειράς, αλλά και το μέγεθος και το χρώμα της γραμματοσειράς.
Έχετε αγαπημένες επεκτάσεις που δεν έκαναν αυτή τη λίστα; Παρακαλώ μοιραστείτε μαζί μας στα σχόλια.