Predisporre una pagina web per la stampa è una di quelle prove tecniche che pochi vedono, ma che fa la differenza. Mi sono capitato in questo aspetto mentre usavo Mafia Benvenuto Casino e ho inteso vedere come se la sbrigassero. Quello che ho appreso, in particolare per documenti come rendiconti o condizioni di servizio, mi ha meravigliato. Vi racconto com’è andata.
Un CSS per la stampa è un set di istruzioni che dice al browser come disporre una pagina quando si preme "stampa". Per un casino come Mafia Casino, non è un accessorio. È quello che converte un groviglio di menu e colori in un documento leggibile da tenere nel cassetto o da archiviare. Considera a un rendiconto delle tue partite o alle regole di un bonus: su carta devono essere chiari, punto.
In assenza di queste regole, stampi anche gli sfondi, i tasti intermittenti e la reclame. Un buon foglio di stile per la stampa butta via tutto il superfluo e ti dà solo l’indispensabile. Per un giocatore che magari vuole verificare le spese o leggersi con calma i termini, è una piccola fortuna.
Immaginavo che tale miglioramento potesse rallentare il carico normale del sito. Invece no. Il trucco è che il CSS per la stampa si carica solo nel momento in cui l’utente esegue la stampa. Durante la navigazione quotidiana, non influisce.
Quando clicchi "Stampa", il browser attiva quelle regole in un istante. L’anteprima si genera in qualche secondo. Non c’è quella sgradevole attesa mentre il sistema cerca di capire come impaginare il caos dello schermo.
La parte più complessa è gestire le illustrazioni. Le regole di Mafia Casino ostacolano senza clemenza banner promozionali, video e immagini accessorie. I loghi richiesti vengono resi in scala di grigi, per risultare nitidi anche con una stampante economica.
Ho notato che anche i diagrammi, ad esempio in alcune sezioni statistiche, venivano rielaborati. Se erano a colore, in stampa possono diventare un grafico in bianco e nero con pattern differenti, oppure venivano rimpiazzati da una semplice tabella di informazioni. L’obiettivo è trasparente: l’informazione deve sopravvivere intatta, anche senza colori.
Ho testato da Chrome, Firefox e Safari, sia su PC che da cellulare. Le risposte apparivano praticamente identici. I fogli erano stampate costantemente in modo pulito, rispettando le identiche regole di base.
Anche eseguendo la stampa dallo smartphone, l’output era ottimizzato per la carta e non era una copia ridotta della versione mobile. In uno stato come l’Italia, dove si impiega di tutto per collegarsi, questa compatibilità è indispensabile.
Comparando questa avventura con quella di diversi operatori in Italia, Mafia Casino fa una figura differente. Tanti siti omettono completamente la stampa: premi Ctrl+P e ti viene di tutto, footer, menu, pubblicità, in un pasticcio confuso che spreca inchiostro.
Altri implementano una sistemata sbrigativa, ma poi dimenticano dettagli come le interruzioni di pagina o la gestione dei link. Qui invece si sente un percorso utente pensato per intero, dallo schermo al foglio. Una premura che, purtroppo, non è ancora la consuetudine.
Ho iniziato stampando la mia dashboard personale, quella con il saldo e la cronologia delle transazioni. Ho pigiato Ctrl+P e la trasformazione è stata repentina. La pagina si è contratta nel formato A4, liberandosi di ogni elemento superfluo. Quello è uscito dalla stampante (o meglio, dall’anteprima PDF) era un documento pulito, quasi essenziale.
I dati finanziari erano presenti, ben disposti e con un font pensato per la carta. Si intuiva che qualcuno ci aveva lavorato sopra, trattando la stampa come parte dell’esperienza e non come un ripensamento.
Le tabelle, in particolare, erano ben gestite. I bordi erano leggeri e misurati. Gli sfondi colorati, che sullo schermo agevolano la lettura, erano spariti per risparmiare inchiostro. Soprattutto, le tabelle lunghe si dividevano tra una pagina e l’altra in modo accorto, senza mai troncare una riga a metà.
Tutti i bottoni per versare o ritirare fondi erano scomparsi. Al loro posto, a volte, spuntava una breve didascalia che ne spiegava la funzione originaria. Una scelta scontata forse, ma che molti siti trascurano, lasciando in stampa pulsanti inutilizzabili e fuori contesto.
Un CSS di stampa ben realizzato è anche uno strumento di accessibilità. Togliendo animazioni e layout complessi, generi una versione semplificata che può essere d’aiuto a molti. Mafia Casino, per esempio, accresce di poco la dimensione del testo per la stampa e massimizza il contrasto.
Minimi accorgimenti che facilitano la lettura a chi ha lievi difficoltà visive e predilige il supporto cartaceo. E poi, avere un documento fisico rende possibile la consultazione offline, una necessità reale per molti, sovente ignorata nel mondo online.
Gli screen reader agiscono sulla versione web, è ovvio. Tuttavia la struttura semplificata e lineare che si crea per la stampa è naturalmente più chiara e ordinata. È un vantaggio collaterale, ma reale, per chi opera con tecnologie assistive.
Qui è dove si vede la qualità. I termini e condizioni di Mafia Casino sono documenti lunghi e complessi. Stampandoli, ho visto un documento che era concepito per il formato cartaceo. La spaziatura tra i paragrafi risultava più ampia, i numeri degli articoli spiccavano di più. Il carattere era cambiato in uno con le grazie, più confortevole per la lettura cartacea.

I margini erano ampi, quasi per permettere appunti a mano. Un dettaglio tecnico che ho apprezzato: tutti i link nel testo erano resi espliciti, con l’URL completo scritto tra parentesi accanto. In tal modo, se stamperai quelle pagine, saprai sempre a cosa rimanda quel link.
Usando questa funzione, mi sono posto domande tecniche. Le risposte che arrivano sono sia dalla mia prova su Mafia Casino, sia da nozioni generali di come opera il web.
Non è necessario un pulsante speciale. Adopera il comando standard del tuo browser, di solito Ctrl+P (Windows/Linux) o Cmd+P (Mac), dalla pagina che ti preme. Il sito riconosce automaticamente che vuoi stampare e applica le regole giuste.
Certamente. Nel dialogo di stampa del browser, seleziona "Salva come PDF" come stampante. Riceverai un file PDF perfettamente impaginato con tutte le regole del CSS per la stampa. È il modo migliore per archiviare un estratto conto sul computer.
Direttamente, no. I motori di ricerca come Google non adoperano questi fogli di stile per classificare il sito. Vengono richiamati solo quando un utente attiva la stampa. Ciò detto, offrire una buona esperienza di stampa rientra in un più ampio discorso di apprezzamento dell’utente, che alla lunga andata influisce.
Il browser riproduce quello che visualizza. E quello che vede è il sito completo, con menu, barre laterali, immagini e annunci. Il risultato è spesso inutilizzabile, con il testo ritagliato in modo errato e un utilizzo di inchiostro eccessivo. È il segno che quel dettaglio tecnico è stato ignorato.