Στιγμιότυποι οδηγοί για τη μέτρηση στοιχείων ιστότοπου με ταινία για Chrome

Ο καλός σχεδιασμός ιστοσελίδων βασίζεται σε διάφορους παράγοντες, ένας από τους οποίους είναι η σωστή τοποθέτηση κάθε στοιχείου. Ταινία-κασέτα είναι μια επέκταση Chrome που βοηθά τους σχεδιαστές ιστοσελίδων να σας επιτρέψουν να προσθέσετε χάρακες σε μια ιστοσελίδα. Η ταινία υπερβαίνει αυτό που προσφέρουν οι κοινές επεκτάσεις μέτρησης εικονοστοιχείων. Δεν σας λέει μόνο την περιοχή που καταλαμβάνεται από ένα συγκεκριμένο στοιχείο σε pixel, αλλά σας επιτρέπει επίσης να προσθέσετε όσους χάρακες τη διεπαφή του προγράμματος περιήγησης όπως θέλετε, για να μετρήσετε και να περιγράψετε τη σχετική απόσταση διαφορετικών στοιχείων μεταξύ τους. Μπορείτε να προσθέσετε χάρακες τόσο οριζόντια όσο και κάθετα, να ορίσετε σημεία προέλευσης (ναι, περισσότερα από ένα) και να ορίσετε το δείκτη για αυτόματη προσαρμογή σε διαφορετικά στοιχεία μιας ιστοσελίδας καθώς μετακινείστε πάνω τους, όπως το Photoshop. Η ταινία ενεργοποιείται σε μια ιστοσελίδα μέσω ενός κουμπιού και ελέγχεται αποκλειστικά μέσω του πληκτρολογίου σας. Προφανώς, η ίδια η ιστοσελίδα δεν παραμένει λειτουργική ενώ η ταινία είναι ενεργοποιημένη, επομένως δεν θα χάσετε τη φυσιολογική λειτουργία του κλειδιού.

Μόλις εγκατασταθεί, κάντε κλικ στο κουμπί της επέκτασης δίπλα στη γραμμή διευθύνσεων URL για να την ενεργοποιήσετε. Ένα μικρό αναδυόμενο παράθυρο θα εμφανιστεί κάτω αριστερά, αναφέροντας τις συντομεύσεις πληκτρολογίου και τις λειτουργίες τους. Ο δρομέας σας θα αλλάξει αυτόματα σε χάρακα με οριζόντιες και κάθετες γραμμές. Καθώς μετακινείτε τον κέρσορα στην ιστοσελίδα, θα παρατηρήσετε ότι κουμπώνει στα στοιχεία (επισημαίνονται με κόκκινο χρώμα). Συμβουλευτείτε τη λίστα των λειτουργιών πληκτρολογίου για να προσδιορίσετε τον τρόπο προσθήκης ενός χάρακα. Οι περισσότερες από αυτές τις συντομεύσεις είναι αρκετά διαισθητικές αρχικά. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε τα πλήκτρα H και L αντίστοιχα για να προσθέσετε οριζόντιες και κάθετες γραμμές χάρακα.

Μπορείτε να ρίξετε μια κάθετη και οριζόντια γραμμή που προέρχεται από το ίδιο σημείο τοποθετώντας τον κέρσορα πάνω του και πατώντας το πλήκτρο O. Η ταινία είναι εξαιρετική για εργασία με μεγάλα σχεδιαστικά στοιχεία και προσφέρει επίσης ένα μεγεθυντικό εργαλείο που θα σας επιτρέψει να προσθέσετε χάρακες σε μικρότερα στοιχεία. Για να ενεργοποιήσετε το μεγεθυντικό εργαλείο (που ονομάζεται Loupe), πατήστε το πλήκτρο L με ενεργοποιημένη την ταινία και ο δρομέας σας θα μεγεθύνει ό, τι το μετακινείτε.

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

Η ταινία είναι αρκετά γρήγορη και πολύ ευαίσθητη και δεν βρήκαμε κανένα λόγο να παραπονεθούμε στις δοκιμές μας. Οι λειτουργίες είναι αρκετές για κάθε σχεδιαστή ιστού που χρησιμοποιεί το Chrome για να το δοκιμάσει.

Εγκατάσταση ταινίας από το Chrome Web Store