Temps de lecture : 7 minutes
Preparare una pagina web per la stampa è una di quelle sfide tecniche che pochi vedono, ma che fa la differenza. Mi sono imbattuto in questo aspetto mentre usavo Mafia Casino e ho deciso vedere come se la gestissero. Quello che ho appreso, in particolare per documenti come estratti conto o termini di servizio, mi ha meravigliato. Vi racconto com’è andata.
Qui si nota la qualità. I termini e condizioni di Mafia Casino sono documenti lunghi e complessi. Dopo averli stampati, ho visto un documento che sembrava nato per la carta. La spaziatura tra i paragrafi appariva più estesa, i numeri degli articoli erano più evidenti. Il carattere era cambiato in uno con le grazie, più gradevole sulla carta.
I margini erano ampi, come per suggerire note scritte. Un aspetto tecnico che ho gradito: tutti i link nel testo venivano indicati chiaramente, con l’URL completo inserito tra parentesi. In tal modo, se stampi quelle pagine, saprai sempre a cosa rimanda quel link.
Un CSS per la stampa fatto bene è anche un ausilio per l’accessibilità. Rimuovendo animazioni e layout complessi, produci una versione semplificata che può essere d’aiuto a molti. Mafia Casino, per esempio, incrementa lievemente la dimensione del testo per la stampa e aumenta al massimo il contrasto.
Minimi accorgimenti che rendono più facile la lettura a chi ha leggeri problemi di vista e preferisce il supporto cartaceo. Inoltre, avere un documento fisico permette la consultazione offline, una necessità reale per molti, sovente ignorata nel mondo online.
Gli screen reader agiscono sulla versione web, è evidente. Ciononostante la struttura semplificata e lineare che viene generata per la stampa è naturalmente più chiara e ordinata. È un beneficio indiretto, ma reale, per chi naviga con tecnologie assistive.
Ho cominciato stampando la mia dashboard personale, la stessa con il saldo e en.wikipedia.org la cronologia delle transazioni. Ho premuto Ctrl+P e la trasformazione è stata repentina. La pagina si è stretta nel formato A4, sbarazzandosi di ogni elemento non necessario. Ciò è uscito dalla stampante (o meglio, dall’anteprima PDF) era un documento netto, quasi essenziale.
I dati finanziari erano presenti, ben disposti e con un font ideato per la carta. Si notava che qualcuno ci aveva operato sopra, considerando la stampa come parte dell’esperienza e non come un ripensamento.
Le tabelle, in particolare, erano ben gestite. I contorni erano fini e misurati. Gli background colorati, che sullo schermo agevolano la lettura, erano spariti per economizzare inchiostro. Soprattutto, le tabelle estese si spezzavano tra una pagina e l’altra in modo accorto, senza mai tagliare una riga a metà.
Tutti i tasti per depositare o riscuotere fondi erano scomparsi. Al loro posto, a volte, appariva una breve legenda che ne illustrava la funzione primaria. Una opzione ovvia forse, ma che molti siti trascurano, lasciando in stampa pulsanti inutilizzabili e fuori contesto.
Ho sperimentato da Chrome, Firefox e Safari, sia su PC che da cellulare. I risultati sono risultati quasi identici. I documenti erano stampate invariabilmente in modo ordinato, rispettando le medesime regole di base.
Anche eseguendo la stampa dallo smartphone, l’output era adattato per la carta e non una copia ridotta della versione mobile. In un paese come l’Italia, dove si impiega di tutto per connettersi, tale supporto è indispensabile.
Paragonando questa avventura con quella di altri operatori in Italia, Mafia Casino presenta una figura distinta. Numerosi siti omettono completamente la stampa: premi Ctrl+P e ti appare di tutto, footer, menu, pubblicità, in un pasticcio illeggibile che consuma inchiostro.
Certuni implementano una sistemata veloce, 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 cura che, purtroppo, non è ancora la regola.
La parte più complessa è gestire le immagini. Le regole di Mafia Casino impediscono senza pietà banner promozionali, video e immagini decorative. I loghi richiesti vengono convertiti in scala di grigiore, per apparire nitidi anche con una stampante economica.
Ho notato che anche i grafici, ad esempio in alcune sezioni statistiche, venivano modificati. Se erano a colore, in stampa potevano diventare un grafico in bianco e nero con pattern diversi, oppure venivano sostituiti da una semplice tabella di informazioni. L’obiettivo è trasparente: l’informazione deve restare intatta, anche senza colori.
Usando questa funzione, mi sono posto domande tecniche. Le risposte che seguono sono sia dalla mia prova su Mafia Casino, sia da nozioni generali di come opera il web.
Non serve un pulsante speciale. Adopera il comando standard del tuo browser, di solito Ctrl+P (Windows/Linux) o Cmd+P (Mac), dalla pagina che ti interessa. Il sito capisce automaticamente che vuoi stampare e implementa le regole appropriate.
Certamente. Nel dialogo di stampa del browser, scegli « Salva come PDF » come stampante. Otterrai un file PDF perfettamente formattato con tutte le regole del CSS per la stampa. È il modo ideale per archiviare un estratto conto sul computer.
Direttamente, no. I motori di ricerca come Google non usano questi fogli di stile per classificare il sito. Vengono caricati solo quando un utente attiva la stampa. Ciò detto, offrire una buona esperienza di stampa fa parte in un più ampio discorso di soddisfazione dell’utente, che alla fine influisce.
Il browser stampa quello che vede. E quello che vede è il sito completo, con menu, barre laterali, immagini e annunci. Il risultato è spesso inservibile, con il testo tagliato male e un spreco di inchiostro superfluo. È il segno che quel dettaglio tecnico è stato trascurato.
Un CSS per la stampa è un set di istruzioni che dice al browser come impaginare 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 conservare nel cassetto o da salvare. Considera a un estratto conto delle tue scommesse o alle regole di un bonus: su carta devono essere leggibili, punto.
Privo di queste regole, stampi anche gli background, i bottoni lampeggianti e la pubblicità. Un buon foglio di stile per la stampa rimuove tutto il superfluo e ti dà solo l’essenziale. Per un giocatore che magari vuole verificare le spese o sfogliare con ibisworld.com calma i termini, è una piccola fortuna.
Mi aspettavo che tale ottimizzazione potesse appesantire il carico normale del sito. Inaspettatamente no. Il trucco è che il CSS per la stampa viene caricato solo nel momento in cui l’utente esegue la stampa. Durante la consultazione quotidiana, non influisce.
Quando premi « Stampa », il browser impone quelle regole in un istante. L’anteprima appare in breve tempo. Non esiste quella sgradevole attesa mentre il sistema prova di capire come impaginare il caos dello schermo.
INSTAGRAM — Rejoignez la plus grande communauté de nouveaux aventuriers