Det slutter aldri å overraske meg at folk må se etter en lenke eller en knapp som sier "Skriv ut" på en webside, spesielt med tanke på at det er en mirakelteknologi som gjør det trinnet unødvendig. Dessverre bruker nesten ingen den, selv om den er… 10 år gammel.
Ikke bare er det dumt å kreve et ekstra trinn for utskrift, men bruk av utskriftsark vil spare litt blekk for alle som ikke bruker den utskrivbare lenken. Og selvfølgelig er det mange mennesker som bruker utskrift til PDF for å lagre artikler til senere uten å kaste bort papir.
Hva er utskriftsark?
De fleste nettsteder implementerer utskriftsfunksjonen ved å ta deg med til en annen side, som er formatert annerledes for skrivere - men dette er virkelig ikke nødvendig. Hver nettleser implementerer en enkel CSS-teknologi, kjent som Skriv ut stilark , som ikke er noe mer enn en fil som spesifiserer elementer som skal skjules når nettleseren din skriver ut siden.
For de som ikke er kjent, betyr CSS Cascading Style Sheets, og det er hvordan nettleseren din vet hvordan du skal formatere HTML-kildekoden for en webside til det du faktisk ser på skjermen. Alt fra skrifttyper, farger, kanter og til og med bakgrunnsbilder kan spesifiseres i stilarket.
Å legge til et utskriftsark er så enkelt som å koble denne ene linjen til HTML-siden din - media = utskriftsdel av koden ber nettleseren om å bare bruke dette stilarket når du skriver ut.
<link rel = ”stylesheet” href = ”print.css” type = ”text / css” media = ”print”>
Denne filen ser generelt ut slik:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Ja, det er virkelig så enkelt som det. Så hvordan fungerer det? Her er et eksempel på en vanlig webside til venstre, med all navigasjon, logo og annonser tydelig synlig med ID-en tilknyttet - og til høyre, den samme siden med utskriftsstilarket som brukes, og skjuler alle disse elementene.
Åpenbart foretrekker du å skrive ut en av disse fremfor den andre, ikke sant?
Eksempler på utskrift av stilarkfeil
Dessverre er det bare mange enorme nettsteder som ikke har gidd å implementere dette i det hele tatt. Ta en titt på hva som skjer når du prøver å skrive ut fra New York Times:
Noen nettsteder, som Gawker-nettverket av nettsteder, er enda verre. Ikke bare har de ikke en utskrivbar visning, når du prøver å skrive ut, ligner det bleksuppe. Så vidt vi kan se, er det ingen måte å skrive ut fra et Gawker-nettsted uten å bruke en egen tjeneste som Lesbarhet, eller manuelt markere innholdet på siden, noe som er nesten umulig i deres nye design.
Det er trist, egentlig. Massevis av de største nettstedene klarer bare ikke å bry seg med å implementere denne funksjonen.
Heldigvis bruker noen nettsteder dem
Her er et eksempel på en riktig formatert utskriftsvisning - uten å måtte bry deg med å finne noen utskriftskobling. BBC News-nettstedet formaterer artiklene pent for utskrift, komplett med en tilpasset overskrift. De inkluderer kommentarer i utskriftsvisningen, men det er fortsatt en godt utført jobb.
Det er ganske mange andre nettsteder som gjør det samme, som ArsTechnica og ... nettstedet vårt, men det ville være dumt å vise skjermbilder av dem alle. I vår forskning er nettstedene som riktig implementerte dem få og langt mellom.
Så for å avslutte ... ta de 5 minuttene som kreves for å implementere et utskriftsark for nettstedet ditt!
