PerfectPixel, μια επέκταση του Chrome, επιτρέπει στους προγραμματιστές Ιστού καιοι σχεδιαστές να επικαλύπτουν εύκολα μια ημι-διαφανή εικόνα πάνω από την κορυφή μιας ανεπτυγμένης ιστοσελίδας HTML. Με τη μετακίνηση της εικόνας σε μια ιστοσελίδα, οι προγραμματιστές μπορούν να δουν οπτικά τη διαφορά στα εικονοστοιχεία. Η επέκταση έχει επίσης μια επιλογή αδιαφάνειας, η οποία σας επιτρέπει να δείτε τόσο την επικάλυψη όσο και την αναπτυγμένη HTML. Καθώς μετακινείτε την εικόνα γύρω, οι συντεταγμένες ενημερώνονται αυτόματα στο αναδυόμενο παράθυρο PerfectPixel, το οποίο μπορεί στη συνέχεια να αντιγραφεί και να χρησιμοποιηθεί από προγραμματιστές ιστού.
Αφού εγκαταστήσετε την επέκταση, κάντε κλικ στο κουμπί στη γραμμή εργαλείων και στην αναδυόμενη ιστοσελίδα θα εμφανιστεί ένα αναδυόμενο παράθυρο. Κάντε κλικ Προσθήκη νέου στρώματος και επιλέξτε ένα αρχείο από το τοπικό σας σύστημα. Αυτή η εικόνα θα προστεθεί αμέσως ως στρώμα πάνω από την ιστοσελίδα. Μπορείς Εμφάνιση απόκρυψη εικόνες και επιλέξτε διαφορετικά. Μετακινήστε την εικόνα γύρω για να την δοκιμάσετε σε διαφορετικάθέσεις και οι συντεταγμένες θα ενημερώνονται αυτόματα στο αναδυόμενο παράθυρο. Μπορείτε να προσθέσετε όσες εικόνες επιθυμείτε και να τις επιλέξετε κάνοντας κλικ σε αυτές. Μόλις τοποθετηθεί η εικόνα σωστά, μπορείτε να χρησιμοποιήσετε τις ενημερωμένες συντεταγμένες για να τοποθετήσετε την εικόνα σας μέσω του CSS. Ο προγραμματιστής έχει αναφέρει πολλαπλή υποστήριξη επικάλυψης. Ωστόσο, οι έλεγχοι μας απέδωσαν την αδυναμία προσθήκης πολλαπλών επιπέδων.
Το PerfectPixel Επιλογές σας επιτρέπουν να ενεργοποιήσετε το Λειτουργία συμβατότητας αποθήκευσης, που είναι εκεί για να διορθώσετε προβλήματα συμβατότητας με τη μεταφόρτωση εικόνων. Ένας περιορισμός στη χρήση της λειτουργίας συμβατότητας, ωστόσο, είναι ότι το μέγεθος του αρχείου περιορίζεται σε μέγιστο 1,5 MB. Μπορείτε επίσης να ενεργοποιήσετε το Λειτουργία εντοπισμού σφαλμάτων και Πλήκτρα συντόμευσης.
Ωστόσο, οι έλεγχοι μας έδειξαν ότι ενώ μπορείτεπροσθέστε πολλαπλά επίπεδα, μπορείτε να δείτε μόνο ένα επίπεδο κάθε φορά σε μια δεδομένη σελίδα. Αυτός είναι ένας ατυχής περιορισμός και ο κύριος του έργου θα πρέπει να εξετάσει το ενδεχόμενο αλλαγής του, έτσι ώστε να μπορούν να προβληθούν ταυτόχρονα αρκετά στρώματα. Το κουμπί "Κλείδωμα" αποθηκεύει τη θέση ενός στρώματος εικόνας που έχετε προσθέσει και ακόμα και αν βγείτε από την επέκταση (κάντε ξανά κλικ στο κουμπί του ώστε ο πίνακας να εξαφανιστεί), θα θυμάται τη θέση των εικόνων όταν το ανοίγετε.
Η επέκταση PerfectPixel είναι ένα πολύ εύχρηστο εργαλείο για προγραμματιστές και σχεδιαστές ιστού και διατίθεται στον παρακάτω σύνδεσμο του Chrome Web Store.
Εγκατάσταση PerfectPixel Για το Google Chrome
Σχόλια