Startpagina » hoe » Geek Rants Waarom gebruiken zoveel websites Print Stylesheets niet?

    Geek Rants Waarom gebruiken zoveel websites Print Stylesheets niet?

    Het blijft me verbazen dat mensen op zoek moeten naar een link of een knop met de tekst "Afdrukken" op een webpagina, vooral gezien het feit dat er een wondertechnologie is die deze stap overbodig maakt. Helaas gebruikt bijna niemand het, ook al is het ... 10 jaar oud.

    Het is niet alleen gek om een ​​extra stap voor het afdrukken te vereisen, maar het gebruik van afdrukstijlen zou wat inkt besparen voor iedereen die de afdrukbare link niet gebruikt. En natuurlijk zijn er veel mensen die print-to-PDF gebruiken om artikelen voor later te bewaren zonder papierverspilling.

    Wat zijn print stylesheets?

    De meeste websites implementeren hun afdrukfunctie door u over te brengen naar een andere pagina, die anders is geformatteerd voor printers - maar dit is echt niet nodig. Elke browser implementeert een eenvoudige CSS-technologie die bekend staat als Print Stylesheets. Dit is niets meer dan een bestand dat aangeeft welke elementen moeten worden verborgen wanneer uw browser de pagina afdrukt.

    Voor degenen die onbekend zijn, betekent CSS Cascading Style Sheets, en het is hoe uw browser weet hoe de HTML-broncode voor een webpagina moet worden opgemaakt in wat u daadwerkelijk op het scherm ziet. Alles van lettertypen, kleuren, randen en zelfs achtergrondafbeeldingen kan worden opgegeven in de stijlpagina.

    Het toevoegen van een print stylesheet is net zo eenvoudig als het aansluiten van deze ene regel op de HTML van uw pagina - het medium = printgedeelte van de code vertelt de browser om alleen dit stylesheet te gebruiken bij het afdrukken.

    Dit bestand ziet er in het algemeen ongeveer zo uit:

    #sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

    Ja, het is echt zo simpel als dat. Dus hoe werkt het? Hier is een voorbeeld van een normale webpagina aan de linkerkant, waarbij alle navigatie, logo en advertenties duidelijk zichtbaar zijn met de bijbehorende ID - en aan de rechterkant, dezelfde pagina waarop het print-stylesheet is toegepast, waardoor al deze elementen zijn verborgen.

    Vanzelfsprekend zou je liever een van deze over de andere willen afdrukken, toch??

    Voorbeelden van mislukte afdrukstijlbladen

    Helaas zijn er gewoon heel veel enorme websites die helemaal niet de moeite hebben genomen om dit te implementeren. Bekijk wat er gebeurt als je vanuit de New York Times probeert af te drukken:

    Sommige sites, zoals het Gawker-netwerk van sites, zijn nog erger. Ze hebben niet alleen een afdrukbare weergave, maar als je probeert af te drukken, lijkt het op inktsoep. Voor zover we kunnen nagaan, is er geen manier om vanaf een Gawker-site af te drukken zonder een aparte service zoals Readability te gebruiken of de inhoud op de pagina handmatig te markeren, wat bijna onmogelijk is in hun nieuwe ontwerp.

    Het is echt zielig. Veel van de grootste sites slagen er gewoon niet in om deze functie te implementeren.

    Gelukkig gebruiken sommige sites ze wel

    Hier is een voorbeeld van een goed opgemaakte afdrukbare weergave - zonder een printlink te hoeven vinden. De BBC News-site formatteert de artikelen netjes voor afdrukken, compleet met een aangepaste koptekst. Ze bevatten wel opmerkingen in de afdrukweergave, maar het is nog steeds goed gedaan.

    Er zijn nogal wat andere sites die hetzelfde doen, zoals ArsTechnica en ... onze site, maar het zou stom zijn om schermafbeeldingen van al deze sites te tonen. In ons onderzoek zijn de sites die ze op de juiste manier hebben geïmplementeerd, weinigen en ver tussenin.


    Dus om af te sluiten ... neemt u alstublieft de 5 minuten die nodig zijn om een ​​afdrukstijlblad voor uw site te implementeren!