четвртак, 12. јануар 2012.

Επικάλυψη εικόνες σε οποιαδήποτε HTML/ιστοσελίδα για ανά Pixel σύγκριση [Chrome]

Από χρήστη Zainab στις Jan 11 2012 Αφήστε ένα σχόλιο

PerfectPixel, μια επέκταση Chrome, επιτρέπει σε web προγραμματιστές και στους σχεδιαστές να την εύκολα να επικαλύψετε μια ημι-διαφανή εικόνα από την κορυφή του μια ανεπτυγμένη ιστοσελίδα HTML. Μετακινώντας την εικόνα γύρω από σε μια ιστοσελίδα, οι προγραμματιστές μπορούν να οπτικά να δείτε τη διαφορά στη τα pixel. Η επέκταση διαθέτει επίσης μια επιλογή αδιαφάνεια, η οποία σας επιτρέπει να προβάλετε την επικάλυψη και τις ανεπτυγμένες HTML. Όπως μπορείτε να μετακινήσετε την εικόνα γύρω από, τις συντεταγμένες ενημερώνονται αυτόματα με το PerfectPixel αναδυόμενο, την οποία στη συνέχεια μπορεί να αντιγραφεί και να χρησιμοποιείται από προγραμματιστές του web.

Αφού ολοκληρώσετε την εγκατάσταση της επέκτασης, κάντε κλικ στο κουμπί της γραμμής εργαλείων και ένα αναδυόμενο παράθυρο θα εμφανίζεται στην ιστοσελίδα σας. Κάντε κλικ στο κουμπί Προσθήκη νέου επιπέδου και επιλέξτε ένα αρχείο από το τοπικό σας σύστημα. Αυτή η εικόνα θα προστεθεί αμέσως ως ένα επίπεδο πάνω από την ιστοσελίδα. Μπορείτε να κάνετε εμφάνιση/απόκρυψη εικόνες και, επίσης, να επιλέξετε διαφορετικούς. Μετακίνηση της εικόνας για να το ελέγξετε σε διάφορες θέσεις και τις συντεταγμένες θα ενημερώνεται αυτόματα με το αναδυόμενο παράθυρο. Μπορείτε να προσθέσετε όσες εικόνες όπως θέλετε, και επιλέξτε ιδίως εκείνες κάνοντας κλικ σε αυτά. Από τη στιγμή που είναι σωστά τοποθετημένη εικόνα, μπορείτε να χρησιμοποιήσετε τις συντεταγμένες ενημερώθηκε για να τοποθετήσετε την εικόνα σας μέσω CSS. Ο προγραμματιστής έχει αναφερθεί υποστήριξη πολλών επικάλυψης, Ωστόσο, μας δοκιμές απέφεραν ανικανότητα να προσθέσετε πολλά επίπεδα.



View the Original article

Нема коментара:

Постави коментар