Nu încetează să mă uimească faptul că oamenii trebuie să caute un link sau un buton care să scrie „Tipărește” pe o pagină web, mai ales având în vedere că există o tehnologie miraculoasă care face ca acest pas să nu fie necesar. Din păcate, aproape nimeni nu îl folosește, chiar dacă are ... 10 ani.
Nu numai că este o prostie să ai nevoie de un pas suplimentar pentru imprimare, dar folosirea foilor de stil de imprimare ar economisi niște cerneală pentru oricine nu folosește linkul imprimabil. Și, desigur, există o mulțime de oameni care folosesc tipărirea în PDF pentru a salva articole pentru mai târziu, fără a irosi hârtie.
Ce sunt foile de stil de imprimare?
Majoritatea site-urilor web își implementează funcția de imprimare, ducându-vă la o altă pagină, care este formatată diferit pentru imprimante - dar acest lucru nu este necesar. Fiecare browser implementează o tehnologie CSS simplă cunoscută sub numele de Tipărește foi de stil , care nu este altceva decât un fișier care specifică elemente de ascuns atunci când browserul dvs. tipărește pagina.
Pentru cei care nu sunt familiarizați, CSS înseamnă foi în cascadă și este modul în care browserul dvs. știe să formateze codul sursă HTML pentru o pagină web în ceea ce vedeți de fapt pe ecran. Totul, de la fonturi, culori, chenare și chiar imagini de fundal, poate fi specificat în foaia de stil.
Adăugarea unei foi de stil de imprimare este la fel de simplă ca și conectarea unei singure linii în pagina HTML - media = partea de imprimare a codului îi spune browserului să folosească această foaie de stil numai la imprimare.
<link rel = ”styleheet” href = ”print.css” type = ”text / css” media = ”print”>
În general, acest fișier arată așa:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Da, este chiar atât de simplu. Deci, cum funcționează? Iată un exemplu de pagină web normală în stânga, cu toate navigarea, sigla și reclamele vizibile în mod clar cu ID-ul asociat - și în dreapta, aceeași pagină cu foaia de stil de imprimare aplicată, ascunzând toate acele elemente.
Evident, ați prefera să imprimați una dintre acestea peste cealaltă, nu?
Exemple de eroare a foii de stil de tipărire
Din păcate, există doar o mulțime de site-uri web uriașe care nu s-au deranjat deloc să implementeze acest lucru. Aruncați o privire la ce se întâmplă când încercați să tipăriți din New York Times:
Unele site-uri, cum ar fi rețeaua de site-uri Gawker, sunt și mai grave. Nu numai că nu au o vizualizare imprimabilă, dar când încercați să imprimați, seamănă cu supa de cerneală. Din câte ne putem da seama, nu există nicio modalitate de a imprima de pe un site Gawker fără a utiliza un serviciu separat precum Readability sau evidențierea manuală a conținutului de pe pagină, ceea ce este aproape imposibil pentru noul lor design.
Este trist, într-adevăr. O mulțime de site-uri mari nu reușesc să deranjeze complet implementarea acestei caracteristici.
Din fericire, unele site-uri le folosesc
Iată un exemplu de vizualizare tipărită formatată corect - fără a fi nevoie să vă deranjați să găsiți un link de imprimare. Site-ul BBC News formează articolele pentru imprimare, completate cu un antet personalizat. Acestea includ comentarii în vizualizarea tipărită, dar este încă o treabă bine realizată.
Există destul de multe alte site-uri care fac același lucru, cum ar fi ArsTechnica și ... site-ul nostru, dar ar fi o prostie să afișăm capturi de ecran ale tuturor. În cercetarea noastră, site-urile care le-au implementat în mod corespunzător sunt puține și la distanță.
Deci, pentru a încheia ... vă rugăm să luați cele 5 minute necesare pentru a implementa o foaie de stil de imprimare pentru site-ul dvs.!
