Geek Rants Pourquoi tant de sites Web n'utilisent-ils pas les feuilles de style d'impression?

Je suis toujours étonné de constater que les gens doivent rechercher un lien ou un bouton indiquant «Imprimer» sur une page Web, d'autant plus qu'il existe une technologie miracle qui rend cette étape inutile. Malheureusement, presque personne ne l'utilise, même s'il a… 10 ans.

Non seulement il est idiot de demander une étape supplémentaire pour l’impression, mais l’utilisation de feuilles de style d’impression économiserait un peu d’encre pour tous ceux qui n’utilisaient pas le lien imprimable. Et bien sûr, de nombreuses personnes utilisent print-to-PDF pour économiser des articles pour plus tard, sans gaspiller de papier..

Que sont les feuilles de style d'impression??

La plupart des sites Web implémentent leur fonction d'impression en vous dirigeant vers une autre page, qui est formatée différemment pour les imprimantes - mais cela n'est vraiment pas nécessaire. Chaque navigateur implémente une technologie CSS simple appelée Feuilles de style d'impression, qui n'est rien d'autre qu'un fichier spécifiant les éléments à masquer lorsque votre navigateur imprime la page..

CSS signifie «Cascading Style Sheets» (feuilles de style en cascade). Votre navigateur sait comment formater le code source HTML d'une page Web en ce que vous voyez réellement à l'écran. Tout ce que vous voulez, des polices, des couleurs, des bordures et même des images de fond peut être spécifié dans la feuille de style.

Ajouter une feuille de style d'impression est aussi simple que d'insérer cette seule ligne dans votre page. HTML-Le média = une partie du code à imprimer indique au navigateur de n'utiliser cette feuille de style que lors de l'impression..

Ce fichier ressemble généralement à ceci:

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

Oui, c'est aussi simple que cela. Alors, comment ça marche? Voici un exemple de page Web normale sur la gauche, avec l'ensemble de la navigation, du logo et des annonces clairement visibles avec l'ID associé. À droite, la même page avec la feuille de style d'impression appliquée masquant tous ces éléments..

De toute évidence, vous préféreriez imprimer l’un d’eux plutôt que l’autre, à droite?

Exemples d'échec de la feuille de style d'impression

Malheureusement, il n’ya que de très nombreux sites Web gigantesques qui n’ont pas pris la peine de mettre en œuvre cette solution. Jetez un coup d'œil à ce qui se passe lorsque vous essayez d'imprimer à partir du New York Times:

Certains sites, comme le réseau de sites Gawker, sont encore pires. Non seulement ils n'ont pas de vue imprimable, mais quand vous essayez d'imprimer, cela ressemble à de la soupe à l'encre. Autant que nous sachions, il n’est pas possible d’imprimer depuis un site Gawker sans utiliser un service distinct tel que Readability, ou mettre en surbrillance manuellement le contenu de la page, ce qui est presque impossible avec leur nouveau design..

C'est triste, vraiment. Les charges des plus grands sites ne parviennent tout simplement pas à mettre en œuvre cette fonctionnalité.

Heureusement, certains sites les utilisent

Voici un exemple d’une vue imprimable correctement formatée - sans avoir à chercher un lien d’impression. Le site BBC News formate proprement les articles à imprimer, avec un en-tête personnalisé. Ils incluent des commentaires dans la vue d'impression, mais c'est quand même un travail bien fait.

De nombreux autres sites font de même, comme ArsTechnica et… notre site, mais il serait ridicule de montrer des captures d'écran de chacun d'entre eux. Dans notre recherche, les sites qui les ont correctement mises en œuvre sont rares..

Donc, pour conclure… prenez s'il vous plaît les 5 minutes requises pour mettre en place une feuille de style d'impression pour votre site!