Det upphör aldrig att förvåna mig att människor måste leta efter en länk eller en knapp som säger "Skriv ut" på en webbsida, särskilt med tanke på att det finns en mirakelteknologi som gör det steget onödigt. Tyvärr använder nästan ingen det, även om det är ... tio år gammalt.
Det är inte bara dumt att kräva ett extra steg för att skriva ut, men att använda utskriftsmallar sparar lite bläck för alla som inte använder den utskrivbara länken. Och naturligtvis finns det massor av människor som använder utskrift till PDF för att spara artiklar för senare utan att slösa papper.
Vad är utskriftsmallar?
De flesta webbplatser implementerar sin utskriftsfunktion genom att ta dig över till en annan sida, som är formaterad annorlunda för skrivare - men detta är verkligen inte nödvändigt. Varje webbläsare implementerar en enkel CSS-teknik som kallas Skriv ut stilark , vilket är inget annat än en fil som specificerar element som ska döljas när din webbläsare skriver ut sidan.
För de som inte känner betyder CSS Cascading Style Sheets, och det är hur din webbläsare vet hur man formaterar HTML-källkoden för en webbsida till vad du faktiskt ser på skärmen. Allt från teckensnitt, färger, ramar och till och med bakgrundsbilder kan anges i stilarket.
Att lägga till ett utskriftsark är lika enkelt som att ansluta den här enstaka raden till din HTML-sida - media = utskriftsdel av koden säger till webbläsaren att endast använda det här stilarket vid utskrift.
<link rel = ”stylesheet” href = ”print.css” type = ”text / css” media = ”print”>
Den här filen ser generellt ut så här:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Ja, det är verkligen så enkelt som det. Så hur fungerar det? Här är ett exempel på en normal webbsida till vänster, med all navigering, logotyp och annonser som är tydligt synliga med tillhörande ID - och till höger samma sida med utskriftsformat som används, vilket döljer alla dessa element.
Uppenbarligen föredrar du att skriva ut en av dessa framför den andra, eller hur?
Exempel på utskriftsformatfel
Tyvärr finns det bara massor av stora webbplatser som inte har stört att genomföra detta alls. Ta en titt på vad som händer när du försöker skriva ut från New York Times:
Vissa webbplatser, som Gawker-nätverket av webbplatser, är ännu värre. Inte bara har de inte en utskrivbar vy, när du försöker skriva ut, det liknar bläck soppa. Så vitt vi kan säga finns det inget sätt att skriva ut från en Gawker-webbplats utan att använda en separat tjänst som läsbarhet eller manuellt markera innehållet på sidan, vilket är nästan omöjligt för deras nya design.
Det är verkligen sorgligt. Massor av de största sajterna misslyckas helt med att implementera den här funktionen.
Tack och lov använder vissa webbplatser dem
Här är ett exempel på en korrekt formaterad utskriftsvy - utan att behöva hitta någon utskriftslänk. BBC News-webbplatsen formaterar snyggt artiklarna för utskrift, komplett med en anpassad rubrik. De innehåller kommentarer i utskriftsvyn, men det är fortfarande ett bra jobbat.
Det finns en hel del andra webbplatser som gör detsamma, som ArsTechnica och ... vår webbplats, men det skulle vara dumt att visa skärmdumpar av dem alla. I vår forskning är webbplatserna som korrekt implementerade dem få och långt ifrån.
Så för att avsluta ... snälla ta de 5 minuter som krävs för att implementera ett utskriftsark för din webbplats!
