Geek Rants Varför kan så många webbplatser misslyckas med att använda Print Stylesheets?

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, speciellt med tanke på att det finns en mirakelteknik 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 det dumt att kräva ett extra steg för utskrift, men med hjälp av utskriftsformatark 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 Print Stylesheets?

De flesta webbplatser implementerar sin utskriftsfunktion genom att ta dig över 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 anger 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 utskriftsformat är lika enkelt som att plugga in en enda rad i din sida HTML-media = Skriv ut del av koden berättar att webbläsaren bara använder det här stilarket när du skriver ut.

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, höger?

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 en utskriftsvisning, när du försöker skriva ut, liknar det bläcktsoppa. Så långt 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 deras nya design.

Det är ledsen, verkligen. Massor av de största platserna misslyckas helt enkelt med att implementera denna funktion.

Lyckligtvis använder vissa webbplatser dem

Här är ett exempel på en korrekt formaterad utskriftsvy - utan att behöva hitta några utskriftslänkar. 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 korrekt implementerade dem få och långt ifrån varandra.

Så att paketera upp ... ta de 5 minuter som krävs för att implementera ett utskriftsformat för din webbplats!