Non smette mai di stupirmi che le persone debbano cercare un link o un pulsante che dice "Stampa" su una pagina web, soprattutto considerando che esiste una tecnologia miracolosa che rende questo passaggio non necessario. Purtroppo quasi nessuno lo usa, anche se ha ... 10 anni.
Non solo è sciocco richiedere un passaggio aggiuntivo per la stampa, ma l'utilizzo di fogli di stile di stampa risparmierebbe un po 'di inchiostro per chiunque non utilizzi il collegamento stampabile. E, naturalmente, ci sono un sacco di persone che usano la stampa in PDF per salvare gli articoli per dopo senza sprecare carta.
Cosa sono i fogli di stile di stampa?
La maggior parte dei siti web implementa la propria funzione di stampa portandoti su un'altra pagina, che è formattata in modo diverso per le stampanti, ma questo non è davvero necessario. Ogni browser implementa una semplice tecnologia CSS nota come Stampa fogli di stile , che non è altro che un file che specifica gli elementi da nascondere quando il browser stampa la pagina.
Per coloro che non hanno familiarità, CSS significa fogli di stile a cascata, ed è il modo in cui il tuo browser sa come formattare il codice sorgente HTML di una pagina web in quello che vedi effettivamente sullo schermo. Tutto, da caratteri, colori, bordi e persino immagini di sfondo, può essere specificato nel foglio di stile.
Aggiungere un foglio di stile di stampa è semplice come inserire questa singola riga nel codice HTML della pagina: la parte media = print del codice dice al browser di utilizzare questo foglio di stile solo durante la stampa.
<link rel = "stylesheet" href = "print.css" type = "text / css" media = "print">
Questo file generalmente ha un aspetto simile a questo:
#sidebar, #footer, #navigation, #sharinglinks, #topad, #comments { display:none }
Sì, è davvero così semplice. Quindi, come funziona? Di seguito è riportato un esempio di una normale pagina web a sinistra, con tutta la navigazione, il logo e gli annunci chiaramente visibili con l'ID associato e, a destra, la stessa pagina con il foglio di stile di stampa applicato, che nasconde tutti quegli elementi.
Ovviamente preferiresti stamparne uno piuttosto che l'altro, giusto?
Esempi di errore del foglio di stile di stampa
Purtroppo, ci sono solo un sacco di enormi siti web che non si sono preoccupati di implementarlo affatto. Dai un'occhiata a cosa succede quando provi a stampare dal New York Times:
Alcuni siti, come la rete di siti Gawker, sono anche peggiori. Non solo non hanno una vista stampabile, quando provi a stampare, assomiglia a una zuppa di inchiostro. Per quanto ne sappiamo, non c'è modo di stampare da un sito Gawker senza utilizzare un servizio separato come Leggibilità o evidenziando manualmente i contenuti sulla pagina, il che è quasi impossibile con il loro nuovo design.
È triste, davvero. I carichi dei siti più grandi non riescono completamente a preoccuparsi di implementare questa funzione.
Per fortuna, alcuni siti li usano
Ecco un esempio di una visualizzazione stampabile formattata correttamente, senza doversi preoccupare di trovare un collegamento di stampa. Il sito BBC News formatta ordinatamente gli articoli per la stampa, completi di un'intestazione personalizzata. Includono commenti nella visualizzazione di stampa, ma è comunque un lavoro ben fatto.
Ci sono molti altri siti che fanno lo stesso, come ArsTechnica e ... il nostro sito, ma sarebbe sciocco mostrare gli screenshot di tutti loro. Nella nostra ricerca, i siti che li hanno implementati correttamente sono pochi e distanti tra loro.
Quindi, per concludere ... prenditi i 5 minuti necessari per implementare un foglio di stile di stampa per il tuo sito!
