- - Οδηγούς Snap για τη μέτρηση στοιχείων ιστοτόπου με ταινία για το Chrome

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

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

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

Ταινία-κασέτα

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

Λάπα ταινίας

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

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

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

Σχόλια