10Aug
Det slutar aldrig att förvåna mig att folk 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 onödigt. Tyvärr använder nästan ingen det, trots att det är. .. 10 år gammal.
Det är inte bara dumt att kräva ett extra steg för utskrift, men med hjälp av utskriftsformatarket skulle du spara lite bläck för alla som inte använder den utskrivbara länken. Och det finns naturligtvis massor av människor som använder PDF-utskrift för att spara artiklar för senare utan att slösa papper.
Vad är utskriftsformat?
De flesta webbplatser implementerar sin utskriftsfunktion genom att ta över dig till en annan sida, som är formaterad annorlunda för skrivare - men det är verkligen inte nödvändigt. Varje webbläsare implementerar en enkel CSS-teknik som kallas Print Stylesheets, vilket är inget annat än en fil som specificerar element som ska gömma när webbläsaren skriver ut sidan.
För de som inte är kända, betyder CSS Cascading Style Sheets, och det är hur din webbläsare vet hur man formaterar HTML-källkoden för en webbsida i vad du faktiskt ser på skärmen. Allt från teckensnitt, färger, gränser och till och med bakgrundsbilder kan anges i stilarket.
Lägga till ett utskriftsformatark är lika enkelt som att plugga den här ena raden i din sida HTML-media = Skriv ut del av koden berättar att webbläsaren bara använder det här stilarket vid utskrift.
& lt; link rel = "stylesheet" href = "print.css" typ = "text / css" media = "print" & gt;
Den här filen ser normalt 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 vanlig webbsida till vänster, med all navigeringen, logotypen och annonserna tydligt synliga med det associerade IDet - och till höger, samma sida med det utskrivna stilarket som används, döljer alla dessa element.
Självklart föredrar du att skriva ut en av dessa över 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. De har inte bara en utskriftsvisning, när du försöker skriva ut, liknar det bläcktsoppa. Såvitt vi kan berätta är det inte möjligt 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 sin nya design.
Det är ledsen, verkligen. Massor av de största platserna misslyckas helt enkelt med att implementera denna funktion.
Tack och lov, vissa webbplatser använder dem
Här är ett exempel på en korrekt formaterad utskriftsvy - utan att behöva bry sig om att hitta lite utskrifts länk. BBC News-webbplatsen formaterar snygg artiklarna för utskrift, komplett med en anpassad rubrik. De innehåller kommentarer i utskriftsvyn, men det är fortfarande ett bra jobbat jobb.
Det finns en hel del andra webbplatser som gör detsamma, som ArsTechnica och. .. vår sida, men det skulle vara dumt att visa skärmdumpar av dem alla. I vår forskning är de webbplatser som ordnat dem ordentligt få och långt ifrån varandra.
Så att paketera upp. .. var god ta de 5 minuter som krävs för att implementera ett utskriftsformat för din webbplats!