- Πώς να προσθέσετε προσαρμοσμένες γραμμές πλέγματος σε οποιαδήποτε τοποθεσία στο Chrome

Πώς να προσθέσετε προσαρμοσμένες γραμμές πλέγματος σε οποιαδήποτε τοποθεσία στο Chrome

Η Apple μπορεί να υποχωρεί από την άποψη και των δύοτου υλικού και του σχεδιασμού του λογισμικού, αλλά στο αποκορύφωμά του, μας δίδαξε πόσο καλό φαίνεται κάτι εάν είναι σωστά ευθυγραμμισμένο. Το θέμα είναι, όταν τα πράγματα ευθυγραμμίζονται τέλεια φαίνονται καλύτερα και αυτό ισχύει για το βιομηχανικό σχεδιασμό και το web design. Τα σχέδια ιστοσελίδων δημιουργούνται συνήθως στο Photoshop, αλλά αυτό δεν σημαίνει ότι οι σχεδιαστές και οι προγραμματιστές δεν τσακίζουν με την εμφάνιση μιας ιστοσελίδας στο πρόγραμμα περιήγησης. Είναι πολύ εύκολο να βρεθείτε με τον εαυτό σας. το μόνο που έχετε να κάνετε είναι να ανοίξετε την κονσόλα ανάπτυξης ιστού που έχουν όλα τα μεγάλα προγράμματα περιήγησης ιστού και να προσθέσετε padding, να αλλάξετε το χρώμα του κειμένου κλπ. Ένα πράγμα που λείπουν όλες αυτές οι κονσόλες είναι ένα εργαλείο ευθυγράμμισης. Εάν το Chrome είναι το προτιμώμενο πρόγραμμα περιήγησης για ανάπτυξη, Baseliner είναι μια επέκταση που πρέπει να δοκιμάσετε. Προσθέτει μια σειρά οριζόντιων γραμμών στην οθόνη σας. Έχετε πλήρη ελευθερία να καθορίσετε την απόσταση μεταξύ αυτών των γραμμών καθώς και το χρώμα τους. Επιπλέον, το εργαλείο σάς επιτρέπει να προσθέσετε προσαρμοσμένη επένδυση στην κορυφή μιας σελίδας πριν από τις γραμμές πλέγματος.

Εγκαταστήστε το Baseliner και κάντε κλικ στο κουμπί B που προσθέτει δίπλα στη γραμμή διευθύνσεων. Θα ανοίξει ένα μενού με επιλογές για την προσαρμογή του πλέγματος.

Από προεπιλογή, η επάνω επένδυση έχει οριστεί σε 0px, τοη απόσταση μεταξύ των γραμμών έχει οριστεί σε 12ppx και οι γραμμές έχουν γκρι χρώμα και η αδιαφάνεια έχει ρυθμιστεί στο 100%. Για να αλλάξετε μία από αυτές τις τιμές, κάντε κλικ στο πλαίσιο δίπλα τους.

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

βασική γραμμή

Τα girdlines προστίθενται μόνο στην τρέχουσα σελίδακαι όχι σε όλες τις σελίδες που έχετε ανοίξει στο πρόγραμμα περιήγησής σας. Για να καταργήσετε τις γραμμές μόλις τελειώσετε, απλώς κάντε ξανά κλικ στο κουμπί B και κάντε κλικ στο κουμπί "Κατάργηση" στο κάτω μέρος.

Η Baseliner λειτουργεί άψογα. Ο έλεγχος χρώματος για το πλέγμα και το επένδυμα στην κορυφή κάνουν την επέκταση ακόμα πιο έξυπνη. Επιθυμούμε μόνο να υποστηρίζονται κάθετες γραμμές.

Εγκατάσταση του Baseliner από το Chrome Web Store

Σχόλια