Σήμερα, μοιράζομαι μαζί σας την επιμελημένη λίστα μου με 12 επεκτάσεις Chrome για σχεδιαστές και προγραμματιστές. Είμαι ενθουσιασμένος που αυτός είναι ο τομέας της εξειδίκευσής μου, γι' αυτό ας πάμε αμέσως.
1. The Great Suspender
The Great Suspender είναι μια δωρεάν επέκταση Google Chrome ανοιχτού κώδικα που ελαχιστοποιεί την ποσότητα της μνήμης που χρησιμοποιεί το Chrome. Αυτό το κάνει αναστέλλοντας αυτόματα τις καρτέλες που ήταν αδρανείς.Κάτω από την κουκούλα αυτό που κάνει είναι να αφαιρεί τις αδρανείς ιστοσελίδες από τα γραφικά τους, JS κ.λπ.
The Great Suspender Chrome Extension
2. Έλεγχος UX
Έλεγχος UX Η επέκταση Chrome σάς βοηθά να αναγνωρίζετε προβλήματα χρηστικότητας μέσω μιας γρήγορης και εύκολης ευρετικής αξιολόγησης.
Η ροή εργασιών είναι απλή. Κάντε κλικ στο εικονίδιο για να εκκινήσετε το Nielsen's Ten Heuristics σε ένα πλαϊνό πλαίσιο όπως με τα εργαλεία Chrome Dev . Μπορείτε να κάνετε κλικ σε όλα τα στοιχεία που δεν περνούν την αξιολόγηση για να προσθέσετε σημειώσεις, να τραβήξετε στιγμιότυπα οθόνης και να εξαγάγετε ως αρχείο docx για εύκολη κοινή χρήση.
UX Ελέγξτε την επέκταση Chrome
3. Οφθαλμικό σταγονόμετρο
ΤοΤο σταγονόμετρο ματιών είναι το πιο εκπληκτικό εργαλείο επιλογής χρωμάτων από ό,τι με αφορά.Διαθέτει 2 καρτέλες – Eyedropper και Cooler επιλογής. Το εργαλείο σταγονόμετρου σάς επιτρέπει να επιλέγετε χρώματα από οποιαδήποτε ιστοσελίδα, ενώ το εργαλείο επιλογής χρώματος σάς επιτρέπει να επιλέξετε προσαρμοσμένα χρώματα.
Τα χρώματα που επιλέγονται από ιστοσελίδες ή επιλέγονται από την καρτέλα επιλογής χρώματος αποθηκεύονται αυτόματα σε μια παλέτα που μπορείτε να κατεβάσετε ως αρχείο CSV. Επίσης, το Eye Dropper εμφανίζει όλα τα χρώματα σε κωδικούς RGB, HSL, HEX και με το όνομα και υποστηρίζει συντομεύσεις πληκτρολογίου.
Eye Dropper Chrome Extension
4. FontFace Ninja
ΤοFontFace Ninja είναι ικανό να εμφανίζει πληροφορίες για οποιαδήποτε γραμματοσειρά σε οποιονδήποτε ιστότοπο. Περιέχει συνδέσμους λήψης για δωρεάν γραμματοσειρές και μια επιλογή εμφάνισης των τιμών των πληρωμένων.
FontFace Ninja έχει επίσης επιλογές για χρήση σκοτεινής λειτουργίας, ανίχνευση γραμματοσειρών σε εικόνες (beta) και εμφάνιση επιλογών σελιδοδείκτη.
FontFace Ninja Επέκταση Chrome
5. Χάρακας σελίδας
ΤοPage Ruler είναι μια μινιμαλιστική επέκταση χάρακα που σας επιτρέπει να μετράτε πλάτη και ύψη σε ιστοσελίδες. Διαθέτει πολλές συντομεύσεις πληκτρολογίου, πλοήγηση μέσω γονικών και θυγατρικών στοιχείων, οδηγίες μέτρησης και τοπική προσαρμογή σε 10 γλώσσες.
Χάρακας σελίδας Επέκταση Chrome
6. Πρόγραμμα λήψης βίντεο Facebook
ΤοFB Down μπορεί εύκολα να κατεβάσει βίντεο από το Facebook και οποιαδήποτε άλλη σελίδα με αναπαραγωγή βίντεο. Μπορείτε να το χρησιμοποιήσετε για λήψη όλων των δημοφιλών μορφών πολυμέσων, συμπεριλαμβανομένων ορισμένων βίντεο που προστατεύονται από πνευματικά δικαιώματα (όταν επιλέγετε να κάνετε λήψη του βίντεο χωρίς ήχο).
FB Down λειτουργεί ως ανιχνευτής συνδέσμων σε ιστοσελίδες και το εικονίδιο ανάβει όταν βλέπει περιεχόμενο με δυνατότητα λήψης.
Επέκταση Chrome Downloader βίντεο Facebook
7. PerfectPixel
ΤοPerfectPixel από την WellDoneCode, είναι η καλύτερη επέκταση για τη δημιουργία ιστοτόπων με τέλεια pixel. Σας επιτρέπει να ορίσετε εικόνες ως επικαλύψεις που μπορείτε να συγκρίνετε με τον ιστότοπο ανάπτυξης. Υποστηρίζει συντομεύσεις πληκτρολογίου, ημιδιαφανή επικάλυψη εικόνας και πολλά άλλα.
Επέκταση Chrome PerfectPixel
8. TinEye
ΤοTinEye είναι το τέλειο εργαλείο αναζήτησης αντίστροφης εικόνας και το πρώτο που εφάρμοσε την τεχνολογία αναγνώρισης εικόνων, αντί για λέξεις-κλειδιά, μεταδεδομένα ή υδατογραφήματα. Λειτουργεί δημιουργώντας μοναδικές ψηφιακές υπογραφές για εικόνες και στη συνέχεια συγκρίνει τις υπογραφές με αυτές στο ευρετήριό του.
TinEye δεν επιστρέφει απλώς παρόμοιες εικόνες στα αποτελέσματα αναζήτησής του, αλλά και ακριβείς αντιστοιχίσεις, χωρίς να εξαιρούνται οι περικομμένες, το αλλαγμένο μέγεθος και οι επεξεργασμένες εκδόσεις.
Επέκταση TinyEye Chrome
9. CSS Pepper
ΤοCSS Pepper σας δίνει τη δυνατότητα να εξαγάγετε CSS (ακόμη και κρυφά αντικείμενα) και να δημιουργήσετε όμορφους οδηγούς στυλ με καλά οργανωμένο τρόπο. Αυτό δίνει τη δυνατότητα στους σχεδιαστές και τους προγραμματιστές να αφιερώνουν χρόνο εργάζονται στο σχέδιο παρά στην αναζήτηση μέσω κώδικα.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRuns σας ενημερώνει για οτιδήποτε εκτελείται σε οποιονδήποτε ιστότοπο, συμπεριλαμβανομένων πλαισίων, θεμάτων, γραμματοσειρών, CMS κ.λπ.
Επίσης, μπορείτε να παρακολουθείτε ιστότοπους προκειμένου η επέκταση να σας ειδοποιεί όταν προστίθενται νέες τεχνολογίες.
WhatRuns Επέκταση Chrome
11. Muzli
Muzli είναι μια δωρεάν επέκταση που φέρνει χιλιάδες όμορφα, εμπνευσμένα σχέδια απευθείας στο πρόγραμμα περιήγησής σας με τη μορφή αντικατάστασης νέας καρτέλας .
Κάθε φορά που ανοίγετε μια νέα καρτέλα, το Muzli συμπληρώνει με μερικά από τα πιο όμορφα σχέδια από 120+ πηγές, όπως InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author κ.λπ.! Αυτό είναι ένα κόσμημα για τους σχεδιαστές.
Επέκταση Muzli Chrome
12. Διαστάσεις
Dimensions είναι μια δωρεάν επέκταση ανοιχτού κώδικα που σας προσφέρει έναν έξυπνο τρόπο να μετράτε τις αποστάσεις μεταξύ των στοιχείων της σελίδας.
Βρείτε τις διαστάσεις της εικόνας και των στοιχείων HTML σύροντας και τοποθετώντας σχετικά το ποντίκι σας. Μπορείτε επίσης να χρησιμοποιήσετε συντομεύσεις πληκτρολογίου για να δουλέψετε – απλώς θυμηθείτε να ορίσετε μια συντόμευση πληκτρολογίου στο τέλος της λίστας επεκτάσεων του Chrome για εναλλαγή της επέκτασης προκειμένου να απολαύσετε την καλύτερη εμπειρία.
Διαστάσεις Επέκταση Chrome
Υπάρχουν άλλες επεκτάσεις που πρέπει να γνωρίζετε π.χ. Το Checkbot στοχεύει στην ενίσχυση της φήμης SEO και της συνολικής ταχύτητας και ασφάλειας του ιστότοπού σας, ελέγχοντας για κατεστραμμένους συνδέσμους, μη ασφαλείς σελίδες, μη έγκυρα HTML/CSS/JS, διπλότυπους τίτλους και άλλα ζητήματα που μπορεί να μην παρατηρήσετε κατά την ανάπτυξη.
Και Ελέγξτε τους συνδέσμους μου που ανιχνεύεται στις ιστοσελίδες σας για να βεβαιωθείτε ότι δεν έχετε κατεστραμμένους συνδέσμους – αυτός είναι δωρεάν αλλά όχι ως εύρωστος.
Έχετε ενδιαφέρουσες επεκτάσεις για σχεδιαστές και προγραμματιστές που πρέπει να γνωρίζουμε; Προσθέστε τα στην παρακάτω ενότητα σχολίων.