Predisporre una pagina web per la stampa è una di quelle difficoltà tecniche che pochi notano, ma che fa la differenza. Mi sono tombato in questo aspetto mentre utilizzavo Mafia Casino Prelievi Casino e ho deciso vedere come se la sbrigassero. Quello che ho scoperto, in particolare per documenti come documenti contabili o regole del servizio, mi ha meravigliato. Vi racconto com’è andata.
Mi aspettavo che tale ottimizzazione potesse appesantire il funzionamento normale del sito. Inaspettatamente no. Il trucco è che il CSS per la stampa è caricato solo nel momento in cui l’utente avvia la stampa. Durante la navigazione quotidiana, non influisce.
Quando clicchi “Stampa”, il browser impone quelle regole in un momento. L’anteprima viene generata in breve tempo. Non si verifica quella fastidiosa attesa mentre il sistema tenta di capire come strutturare il caos dello schermo.
Un CSS per la stampa è un gruppo di direttive che dice al browser come formattare una pagina quando si preme “stampa”. Per un casino come Mafia Casino, non è un accessorio. È quello che converte un caos di menu e colori in un documento chiaro da conservare nel cassetto o da archiviare. Considera a un documento contabile delle tue giocate o alle condizioni di un bonus: su carta devono essere chiari, senza discussioni.
Privo di queste regole, ottieni in stampa anche gli background, i tasti intermittenti e la pubblicità. Un buon foglio di stile per la stampa rimuove tutto il superfluo e ti dà solo l’necessario. Per un giocatore che magari vuole verificare le spese o leggersi con calma i termini, è una piccola fortuna.
La parte più complessa è gestire le illustrazioni. Le regole di Mafia Casino ostacolano senza clemenza banner promozionali, video e immagini ornamentali. I loghi indispensabili vengono resi in scala di grigi, per apparire nitidi anche con una stampante di fascia bassa.
Ho notato che anche i diagrammi, ad esempio in alcune sezioni numeriche, venivano rielaborati. Se erano a colore, in stampa potrebbero diventare un grafico in bianco e nero con pattern diversi, oppure venivano cambiati da una semplice tabella di valori. L’obiettivo è trasparente: l’informazione deve sopravvivere intatta, anche senza tinte.
Paragonando questa avventura con quella di altri operatori in Italia, Mafia Casino fa una figura diversa. Numerosi siti omettono completamente la stampa: premi Ctrl+P e ti viene di tutto, footer, menu, pubblicità, in un pasticcio confuso che consuma inchiostro.
Alcuni implementano una sistemata sbrigativa, ma poi dimenticano dettagli come le interruzioni di pagina o la gestione dei link. Qui invece si avverte un percorso utente progettato per intero, dallo schermo al foglio. Una cura che, purtroppo, non è ancora la norma.
Sfruttando questa funzione, mi sono posto alcune domande tecniche. Le risposte che seguono sono sia dalla mia prova su Mafia Casino, sia da nozioni generali di come lavora il web.
Non occorre 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 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 salvare un estratto conto sul computer.
In modo diretto, no. I motori di ricerca come Google non adoperano questi fogli di stile per posizionare il sito. Vengono richiamati solo quando un utente avvia la stampa. Ciò detto, offrire una buona esperienza di stampa rientra in un più ampio discorso di apprezzamento dell’utente, che alla fine influisce.
Il browser emette quello che mostra. E quello che vede è il sito nella sua totalità, 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 indicatore che quel dettaglio tecnico è stato omesso.
Qui si nota la qualità. I termini e condizioni di Mafia Casino sono documenti estesi e intricati. Dopo averli stampati, ho visto un documento che era concepito per il formato cartaceo. 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 apparivano larghi, quasi a invitare annotazioni a penna. Un particolare tecnico che ho trovato utile: tutti i link nel testo venivano esplicitati, con l’URL completo inserito tra parentesi. In tal modo, se stamperai quelle pagine, conosci comunque il riferimento di quel collegamento.
Un CSS di stampa ben realizzato è anche uno strumento di accessibilità. Eliminando animazioni e layout complessi, produci una versione semplificata che può essere d’aiuto a molti. Mafia Casino, per esempio, aumenta leggermente la dimensione del testo per la stampa e ottimizza il contrasto.
Minimi accorgimenti che agevolano la lettura a chi ha leggeri problemi di vista e preferisce il supporto cartaceo. In più, avere un documento fisico permette la consultazione offline, un bisogno concreto per molti, spesso dimenticata nel mondo online.
Gli screen reader lavorano sulla versione web, è evidente. Ciononostante la struttura semplificata e lineare che si produce per la stampa è naturalmente più chiara e ordinata. È un beneficio indiretto, ma reale, per chi si muove con tecnologie assistive.
Ho dato inizio stampando la mia dashboard personale, la stessa con il saldo e la cronologia delle transazioni. Ho pigiato Ctrl+P e la trasformazione è stata repentina. La pagina si è stretta nel formato A4, eliminando di ogni elemento non necessario. Quello è uscito dalla stampante (o meglio, dall’anteprima PDF) era un documento ordinato, quasi essenziale.
Le informazioni finanziari erano presenti, ben allineati e con un font studiato per la carta. Si notava che qualcuno ci aveva operato sopra, considerando la stampa come parte dell’esperienza e non come un ripensamento.
Le griglie, in particolare, erano ben curate. I contorni erano fini e misurati. Gli background colorati, che sullo schermo facilitano la lettura, erano svaniti per risparmiare inchiostro. Sopra ogni cosa, le tabelle lunghe si interrompevano tra una pagina e l’altra in modo intelligente, senza mai tagliare una riga a metà.
Tutti i pulsanti per versare o prelevare fondi erano spariti. Al loro posto, a volte, compariva una breve didascalia che ne illustrava la funzione primaria. Una decisione ovvia forse, ma che molti siti trascurano, lasciando in stampa pulsanti inutili e fuori contesto.
Ho sperimentato da Chrome, Firefox e Safari, sia su computer che da telefono. Le risposte erano praticamente identici. I fogli erano stampate invariabilmente in modo organizzato, seguendo le medesime regole di base.
Perfino attivando la stampa dallo smartphone, l’output appariva adattato per la carta e non era una copia piccola della versione mobile. In un paese come l’Italia, dove si impiega di tutto per connettersi, tale supporto è fondamentale.
