Geek Rants Γιατί πολλές σελίδες ιστού αποτυγχάνουν να χρησιμοποιήσουν φύλλα εκτύπωσης;

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

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

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

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

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

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

Αυτό το αρχείο φαίνεται γενικά έτσι:

#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments εμφάνιση: καμία

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

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

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

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

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

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

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

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

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

Για να ολοκληρώσετε ... παρακαλώ πάρτε τα 5 λεπτά που απαιτούνται για την υλοποίηση ενός φύλλου στυλ εκτύπωσης για τον ιστότοπό σας!