Nu inceta niciodata sa ma uimeasca ca oamenii trebuie sa caute un link sau un buton care spune "Imprimare" pe o pagina web, in special avand in vedere ca exista o tehnologie minunata care face acest pas inutil. Din păcate aproape nimeni nu o folosește, deși este ... 10 ani.
Nu numai că este prostește să ceară un pas suplimentar pentru imprimare, dar folosirea foilor de stil de tipărire ar economisi cerneală pentru oricine care nu folosește legătura printabilă. Și, bineînțeles, există o mulțime de oameni care folosesc tipărirea în format PDF pentru a salva articole mai târziu, fără a pierde hârtia.
Majoritatea site-urilor web implementează funcția de tipărire prin trecerea la o altă pagină, formatată diferit pentru imprimante - însă acest lucru nu este necesar. Fiecare browser implementează o tehnologie CSS simplă, cunoscută sub numele de Print Stylesheets, care nu este altceva decât un fișier care specifică elementele care să se ascundă atunci când browserul imprimă pagina.
Pentru cei care nu sunt familiarizați, CSS înseamnă foi de stil cascadă și browserul dvs. știe cum să formateze codul sursă HTML pentru o pagină web în ceea ce vedeți de fapt pe ecran. Totul din fonturi, culori, margini și chiar imagini de fundal pot fi specificate în foaia de stil.
Adăugarea unei foi de stil pentru tipărire este la fel de simplă ca și conectarea acestei linii unice în pagina dvs. HTML-media = imprimarea unei părți a codului indică browserului să utilizeze numai această foaie de stil atunci când imprimă.
În general, acest fișier arată astfel:
#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 obișnuită din stânga, cu toate navigarea, logo-ul și anunțurile vizibile în mod clar cu identificatorul asociat - și în dreapta, aceeași pagină cu foaia de stil de imprimare aplicată, ascunzând toate aceste elemente.
Evident, preferați să tipăriți una deasupra celeilalte, nu?
Din păcate, există doar o mulțime de site-uri imense care nu au deranjat să pună în aplicare acest lucru deloc. Aruncați o privire la ceea ce se întâmplă când încercați să imprimați din New York Times:
Unele site-uri, precum rețeaua de site-uri Gawker, sunt și mai rău. Nu numai că nu au o viziune printabilă, când încercați și imprimați, seamănă cu supa de cerneală. În măsura în care putem spune, nu există nici o modalitate de a imprima de pe un site Gawker fără a utiliza un serviciu separat, cum ar fi 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. Încărcările celor mai mari site-uri nu reușesc să deranjeze implementarea acestei caracteristici.
Iată un exemplu de vizualizare tipăribilă corect formatată - fără a fi nevoie să încercați să găsiți o legătură de tipărire. Site-ul BBC News formează cu ușurință articolele tipărite, completate cu un antet personalizat. Acestea includ comentarii în vederea tipăririi, dar este totuși un loc de muncă bine făcut.
Există destul de multe alte site-uri care fac la fel, precum ArsTechnica și ... site-ul nostru, dar ar fi prost să arătăm capturi de ecran ale tuturor. În cercetarea noastră, site-urile care le-au pus în aplicare în mod corespunzător sunt puține și sunt departe.
Deci, pentru a încheia ... vă rugăm să luați cele 5 minute necesare pentru a implementa o foaie de stiluri de imprimare pentru site-ul dvs.!
