Geek Rants De ce atât de multe site-uri web nu reușesc să folosească foile de stil tipărite?

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, chiar dacă este ... 10 ani.

Nu numai că este prost să cerem un pas suplimentar pentru tipărire, dar folosirea foilor de stil pentru tipărire ar economisi o 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 irosi hârtia.

Ce sunt stilurile de imprimare?

Majoritatea site-urilor web implementează funcția de tipărire prin trecerea 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 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, granițe și chiar imagini de fundal pot fi specificate în foaia de stil.

Adăugarea unei foi de stil de 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ă folosească această foaie de stil numai 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ă imprimați unul deasupra celuilalt, corect?

Exemple de defecțiuni de tipărire a foilor de stil

Din păcate, există doar o mulțime de site-uri web uriașe care nu au deranjat să pună în aplicare acest lucru deloc. Aruncați o privire la ceea ce se întâmplă atunci 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 în noul lor design.

Este trist, într-adevăr. Încărcările celor mai mari site-uri nu reușesc complet să pună în aplicare această caracteristică.

Din fericire, unele site-uri le folosesc

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 imprimare. 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 același lucru, cum ar fi ArsTechnica și ... site-ul nostru, dar ar fi o prostie să arătați capturi de ecran ale tuturor acestora. În cercetarea noastră, site-urile care le-au pus în aplicare în mod corespunzător sunt puține.

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.!