εικόνα

Δεν παύει ποτέ να με εκπλήσσει το γεγονός ότι οι άνθρωποι πρέπει να αναζητήσουν έναν σύνδεσμο ή ένα κουμπί που να λέει "Εκτύπωση" σε μια ιστοσελίδα, ειδικά λαμβάνοντας υπόψη ότι υπάρχει μια θαυματουργή τεχνολογία που καθιστά αυτό το βήμα περιττό. Δυστυχώς σχεδόν κανείς δεν το χρησιμοποιεί, παρόλο που είναι… 10 ετών.

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

Τι είναι τα φύλλα στυλ εκτύπωσης;

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

Για όσους δεν είναι εξοικειωμένοι, το CSS σημαίνει Cascading Style Sheets και έτσι το πρόγραμμα περιήγησής σας γνωρίζει πώς να μορφοποιεί τον πηγαίο κώδικα HTML για μια ιστοσελίδα σε αυτό που βλέπετε στην οθόνη. Τα πάντα από γραμματοσειρές, χρώματα, περιγράμματα, ακόμη και εικόνες φόντου μπορούν να καθοριστούν στο φύλλο στυλ.

Η προσθήκη ενός φύλλου στυλ εκτύπωσης είναι τόσο απλή όσο η σύνδεση αυτής της μίας γραμμής στη σελίδα HTML σας — το μέσο εκτύπωσης = του κώδικα λέει στο πρόγραμμα περιήγησης να χρησιμοποιεί αυτό το φύλλο στυλ μόνο κατά την εκτύπωση.

Αυτό το αρχείο μοιάζει γενικά με αυτό:

#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments {display: none}

Ναι, είναι πραγματικά τόσο απλό. Πως λειτουργεί, λοιπόν? Ακολουθεί ένα παράδειγμα μιας κανονικής ιστοσελίδας στα αριστερά, με όλη την πλοήγηση, το λογότυπο και τις διαφημίσεις να είναι ορατές με το αναγνωριστικό που σχετίζεται - και στα δεξιά, την ίδια σελίδα με το φύλλο στυλ εκτύπωσης που εφαρμόζεται, κρύβοντας όλα αυτά τα στοιχεία.

εικόνα

Προφανώς θα προτιμούσατε να εκτυπώσετε ένα από αυτά από το άλλο, σωστά;

Παραδείγματα αποτυχίας φύλλου στυλ εκτύπωσης

Δυστυχώς, υπάρχουν μόνο τεράστιοι ιστότοποι που δεν έχουν ενοχλήσει να το εφαρμόσουν καθόλου. Ρίξτε μια ματιά στο τι συμβαίνει όταν προσπαθείτε να εκτυπώσετε από τους New York Times:

εικόνα

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

εικόνα

Είναι πραγματικά λυπηρό. Πολλοί από τους μεγαλύτερους ιστότοπους αποτυγχάνουν εντελώς να ενοχλούν την εφαρμογή αυτής της δυνατότητας.

Ευτυχώς, ορισμένοι ιστότοποι τις χρησιμοποιούν

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

εικόνα

Υπάρχουν αρκετοί άλλοι ιστότοποι που κάνουν το ίδιο, όπως η ArsTechnica και… ο ιστότοπός μας, αλλά θα ήταν ανόητο να εμφανίζονται στιγμιότυπα οθόνης όλων αυτών. Στην έρευνά μας, οι ιστότοποι που τους εφαρμόστηκαν σωστά είναι λίγοι και πολύ μεταξύ τους.

Επομένως, για να ολοκληρώσετε… αφιερώστε τα 5 λεπτά που απαιτούνται για να εφαρμόσετε ένα φύλλο στυλ εκτύπωσης για τον ιστότοπό σας!