40 Χρήσιμες επεκτάσεις Google Chrome για τους σχεδιαστές ιστοσελίδων

Λατρεύω το Google Chrome. Η απλότητα, η ταχύτητα και η απόδοσή του είναι κορυφαία, αναμφίβολα. Αλλά μερικές φορές, το να είσαι πολύ απλό είναι επίσης ένα πρόβλημα, ειδικά για εμάς σχεδιαστές ιστοσελίδων που βασίζονται σε μεγάλο βαθμό στα Firefox addons όπως Web Developer. Περπάτησα μακριά από το Chrome, ναι, μόνο επειδή δεν είχε κανένα addon το 2008.

Αλλά τώρα, όλα αλλάζουν και πάλι. Δεν αποτελεί έκπληξη το γεγονός ότι άλλοι geeks έχουν την ίδια αγάπη με το Chrome και αποφάσισαν να δημιουργήσουν το Chrome Extension, το οποίο έχει λειτουργία παρόμοια με αυτή του Firefox Addon. Έχω σκάψει σε αυτές τις επεκτάσεις και ήταν πολύ ικανοποιημένος με αυτούς, γι 'αυτό αποφάσισα να σηκώσω 40 επεκτάσεις που είναι εξαιρετικά χρήσιμες για τους σχεδιαστές ιστοσελίδων και μοιραστείτε μαζί σας παιδιά.

Έτσι, εδώ είναι για εσάς, ρυθμίστε το Chrome σας και αυξήστε την παραγωγικότητα σας.

Χρώμα

Επιλογέας χρώματος

Όπως και το όνομά της, το ColorPicker είναι μια βολική επέκταση που δημιουργήθηκε κυρίως για να διαλέξει και να πάρει την αξία του χρώματος από οπουδήποτε στην ιστοσελίδα. Επιπλέον, μπορείτε να επιλέξετε μια περιοχή και στη συνέχεια να κάνετε κλικ στην παλέτα χρωμάτων για να δείτε πώς αλλάζει το χρώμα της περιοχής χωρίς να αγγίξετε κανέναν κωδικό.

Chrome Palette

Έχοντας πονοκέφαλο για την εύρεση χρωμάτων από την εικόνα; Η παλέτα Chrome λύνει το πρόβλημά σας αποτελεσματικά, δημιουργώντας έως και 64 παλέτες χρωμάτων από την εικόνα του ιστότοπου για τις ανάγκες σας σχεδιασμού ή έμπνευσης.

Χρώμα Tweaker

Το Color Tweaker μπορεί να τροποποιήσει το χρώμα της ιστοσελίδας ως Color Picker, αλλά με μια πιο συγκεκριμένη μέθοδο. Απλώς εισάγετε τον επιλογέα CSS σε αυτήν την επέκταση και στη συνέχεια προσαρμόστε το χρώμα του κειμένου, του φόντου και του χρώματος των συνόρων στη θέλησή σας.

Τυπογραφία

Editor γραμματοσειράς

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

Πρόγραμμα προεπισκόπησης γραμματοσειράς Google

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

Ανάπτυξη

Web Developer

Πιθανώς πρέπει να έχει επέκταση για web designer και developer. Από το σενάριο προβολής για την εμφάνιση πληροφοριών αντικειμένου, ο Web Developer στοχεύει να παρέχει κάθε πληροφορία που χρειάζεστε από έναν υπάρχοντα ιστότοπο. Η επέκταση είναι επίσης οπλισμένη με χρήσιμα εργαλεία, όπως picker χρώματος, παράθυρο resizer, επικύρωση, κλπ.

Μπράουν

Ελαφρύ και εύχρηστο εργαλείο για προγραμματιστές που είναι παρόμοιο με το Web Developer, αλλά είναι εξοπλισμένο μόνο με τα απαραίτητα εργαλεία όπως το πρόγραμμα προβολής στυλ, το πρόγραμμα προβολής πηγών και το εργαλείο επικύρωσης.

Firebug Lite

Διαφορετικά από ό, τι είναι στον Firefox, το Firebug Lite προσφέρει οπτική αντιπροσώπευση τύπου Firefox όταν πρόκειται για στοιχεία HTML, στοιχεία DOM και Κοινόχρηστο μοντέλο κουτιού. Έρχεται επίσης με την δυνατότητα να επιθεωρήσει τα στοιχεία HTML με το ποντίκι σας, και μπορείτε να επεξεργαστείτε ιδιότητες CSS με αυτήν την επέκταση ζωντανή.

Stylebot

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

CSSViewer

Έχετε κουραστεί να πιέζετε το στοιχείο Inspect Element κάθε φορά που θέλετε να μάθετε τι στυλ CSS εφαρμόζεται σε ορισμένα στοιχεία; Το CSS Viewer σάς βοηθά να εμφανίσετε βασικές πληροφορίες όπως η γραμματοσειρά, το χρώμα και η θέση του στοιχείου ζωντανά.

Ανανέωση του φύλλου στυλ

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

BuiltWith Τεχνολογίας Profiler

Το πιο cool μέρος αυτής της επέκτασης είναι η απαρίθμηση κάθε εφαρμοσμένης τεχνολογίας ιστού, όπως τα πλαίσια και το web standard με πολύ λεπτομερείς πληροφορίες.

IE καρτέλα πολλαπλών

Έχει αποδειχθεί ότι είναι το πιο παρόμοιο με τον αρχικό Internet Explorer, το IE Tab Multi είναι ο Internet Explorer στο Chrome που υποστηρίζει τους τόνους της προεπιλεγμένης δυνατότητας του IE, όπως το multi tabbing.

Παράθυρο Resizer

Με το Window Resizer, μπορείτε να δοκιμάσετε τη συμβατότητα της ανάλυσης οθόνης του ιστότοπού σας με τυπικές ή ορισμένες από το χρήστη αναλύσεις οθόνης.

Validator HTML

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

Θέαμα

Με διάφορες επιλογές θέματος και γραμματοσειράς, το Sight επισημαίνει τον πηγαίο κώδικα της ιστοσελίδας σε μια πιο οπτικά άνετη φόρμα.

Κονσόλα PHP

Είναι bugged από erros PHP, αλλά δεν ξέρω τι και πού είναι; Η Κονσόλα PHP σας βοηθά με την εμφάνιση σφαλμάτων, εξαιρέσεων και μηνυμάτων εντοπισμού σφαλμάτων στη φόρμα ειδοποίησης.

Αναζήτηση API JavaScript

Η Αναζήτηση API JavaScript προσθέτει υποστήριξη στο γενικό πλαίσιο Chrome ή στη λεγόμενη γραμμή διευθύνσεων για να αναζητήσετε τις λειτουργίες JavaScript online με δυνατότητα αυτόματης συμπλήρωσης. Εάν η επέκταση δεν μπορεί να βρει τη λειτουργία που αναζητάτε, θα σας προτείνει επιπλέον σχετικές αναζητήσεις από το Google Codesearch, Ανάπτυξη και αναζήτηση κωδικοποίησης και την αναζήτηση δικτύου του Mozilla Developer.

jQuery API Search

Ενώ το jQuery έχει αποδειχθεί ότι είναι η κορυφαία βιβλιοθήκη Javascript που βελτιώνει την εμπειρία του χρήστη, η jQuery API Search σάς δίνει τη δυνατότητα να αναζητάτε το jQuery API από το Omnibox του Chrome. Απλά πληκτρολογήστε 'jq' που ακολουθείται από ένα κενό στο κύριο πλαίσιο, τότε βρίσκεστε εν κινήσει.

Αναζήτηση PHP

Παρόμοια με την αναζήτηση jQuery API, αυτή η επέκταση προσθέτει υποστήριξη στο Omnibox του Chrome σας για να αναζητήσει κώδικα PHP για τη χρήση αναφοράς.

Παραγωγικότητα

Μείνε συγκεντρωμένος

Ορκίστηκε να κρατήσετε τον εαυτό σας μακριά από το χρόνο σπατάλη ιστοσελίδα, αλλά ποτέ δεν το έκανε με επιτυχία; Το Stay Focused ενεργεί ως ο εικονικός σας επόπτης που εμποδίζει την σπατάλη χρόνου για μια συγκεκριμένη χρονική περίοδο και σας συμβουλεύει σοβαρά όταν προσπαθείτε να ξεμπλοκάρετε ή να μειώσετε τον χρόνο αποκλεισμού για τον ιστότοπο. Είναι επίσης οπλισμένο με κρίσιμο χαρακτηριστικό, όπως η πυρηνική επιλογή και ο τρόπος πρόκλησης που σκοτώνει το χρόνο σας σπαταλούν την επιθυμία με έναν ανελέητο τρόπο.

PopChrom

Με το PopChrom, μπορείτε να ορίσετε τις δικές σας συντομεύσεις για φράσεις κειμένου, όπως 'ty' για 'thank you'. Το κλειδί ενεργοποίησης είναι απαραίτητο για τη μετατροπή της συντομογραφίας στις καθορισμένες φράσεις κειμένου, οπότε επιλέξτε ένα συνδυασμό πλήκτρων που δεν συντρίβεται με άλλο πλήκτρο συντόμευσης.

Κιτ παραγωγικότητας Quickrr

Το Quickrr Productivity Kit σας παρέχει μια δέσμη βασικών αλλά χρήσιμων εργαλείων όπως μεταφραστή, αριθμομηχανή, task-to-do, μετατροπέα μονάδων κ.λπ..

Todoist

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

Ananke Timer

Παρακολουθήστε το χρόνο που αφιερώσατε σε κάποια εργασία ή καταγράψτε το χρόνο που περάσατε σε συγκεκριμένο ιστότοπο. Ο χρονοδιακόπτης Ananke υποστηρίζει επίσης πολλαπλή παρακολούθηση χρόνου και σας επιτρέπει να περιηγηθείτε σε αυτά που έχετε παρακολουθήσει στο παρελθόν.

Εργαλειοθήκη Chrome

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

Chrome Page Extended

Κανείς δεν αγαπά να κάνει περισσότερα κλικ για να αποκτήσει πρόσβαση σε συγκεκριμένη σελίδα. Το Chrome Page Extended είναι η πιο γρήγορη συντόμευση για να έχετε πρόσβαση σε όλες τις απαραίτητες σελίδες του Chrome, όπως οι Επεκτάσεις.

AppJump

Με το AppJump, μπορείτε να οργανώσετε και να ξεκινήσετε γρήγορα την εφαρμογή Chrome από τη γραμμή εργαλείων του προγράμματος περιήγησης.

Bookmark Bar Switcher

Έχουν πάρα πολλοί σελιδοδείκτες και απέτυχαν να τα οργανώσουν αποτελεσματικά; Το Boorkmark Bar Switcher σάς επιτρέπει να δημιουργήσετε μια καινούργια γραμμή σελιδοδεικτών και να εναλλάσσετε εύκολα μεταξύ τους.

TabCloud

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

Διαθεσιμότητα

Παρόμοιες σελίδες

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

Καθολική αναζήτηση

Το Resourcing ή η αναφορά είναι ευκολότερες με την Universal Search, η οποία σας δίνει ένα κουτί αναζήτησης με την επιλογή αναζήτησης σε Wikipedia, Bing και άλλες μηχανές αναζήτησης. Το πλαίσιο αναζήτησης θα εμφανιστεί επίσης όταν επισημάνετε οποιοδήποτε κείμενο από τον ιστότοπο που προβάλλετε αυτήν τη στιγμή.

Εξαιρετικό στιγμιότυπο οθόνης

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

Κλείστε στο Evernote

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

Diigo

Χρησιμοποιήστε το Diigo για να φωτίσετε, να επισημάνετε ή να δημοσιεύσετε αυτοκόλλητες σημειώσεις ιδιωτικά ή δημόσια στην ιστοσελίδα, ώστε να μπορείτε να το προβάλετε οποτεδήποτε φτάσετε στην ιστοσελίδα.

Thinkery

Σκεφτείτε το Thinkery ως τον online εγκέφαλό σας, στη συνέχεια αποθηκεύστε τη διεύθυνση σύνδεσής σας και την επιλογή κειμένου σε αυτό για προβολή αργότερα.

οι σημειώσεις μου

Η λήψη σημειώσεων θα πρέπει να είναι μια εύκολη διαδικασία και είναι δυνατή με το myNotes που σας επιτρέπει να προσθέσετε σελιδοδείκτη για το επιλεγμένο κείμενο με ένα μόνο κλικ στο μενού περιβάλλοντος.

Αναζήτηση φωτογραφιών στην τεχνολογία Microstock

Πιθανώς η μόνη επέκταση αναζήτησης για σας για να αναζητήσετε υψηλής ποιότητας φωτογραφίες από διάσημους οργανισμούς όπως Fotolia, Dreamstime και Shutterstock.

Αντανάκλαση

Καθώς οι επεκτάσεις και οι εφαρμογές Chrome συνεχίζουν να αναπτύσσονται και εξελίσσονται άγρια, είναι πιθανό όλο και περισσότερος εραστής του Firefox να συμπεριλάβει το Google Chrome ως το προεπιλεγμένο πρόγραμμα περιήγησης ιστού. Με αυτό που λέτε, θα μετατρέψετε το πρόσωπό σας στο Google Chrome με τον τρέχοντα αριθμό επεκτάσεων και εφαρμογών; Ποια είναι η επέκταση, η εφαρμογή ή το χαρακτηριστικό που θα σας παρακινήσει να μετακινηθείτε στο Google Chrome?

Επίσης, μοιραστείτε μαζί μας αν έχετε ωραία επέκταση στο Chrome σας, υπάρχει πάντα χώρος για ένα εξαιρετικό εργαλείο!