← Tutti gli articoli

Tutorial

Lettura confortevole sul web — esempi JustZix pronti all'uso

Molti siti su cui per lo più si legge sono progettati per tutto tranne che per la lettura: colonne troppo larghe, caratteri minuscoli, barre di contenuti correlati. Il catalogo JustZix ha ora pacchetti che li trasformano in una modalità di lettura confortevole. Ecco una panoramica.

La lettura è un compito tipografico

Un testo confortevole ha bisogno di una lunghezza di riga limitata, di un\'interlinea adeguata e di un carattere della giusta dimensione. La maggior parte dei siti non lo offre. Poche regole CSS sistemano tutto questo in una volta sola — e si applicano a ogni articolo di quel sito.

Quali siti sono coperti

Il catalogo ha pacchetti dedicati per Wikipedia, Medium, BBC, Goodreads, Hacker News e Stack Overflow — circa 45 esempi per pacchetto.

Cosa fanno le regole

Modifiche comuni: una larghezza confortevole della colonna di testo, un carattere più grande e più leggibile, un\'interlinea più generosa, modalità di lettura scura e seppia, nascondere le barre di contenuti correlati e «più letti», nascondere banner e richiami insistenti, una modalità focus che mostra solo l\'articolo e una barra di avanzamento della lettura.

Esempio: una larghezza di colonna confortevole

/* Wikipedia: una larghezza di colonna di lettura confortevole */
.mw-parser-output {
  max-width: 720px !important;
  margin: 0 auto !important;
}

I pacchetti di Medium, BBC e degli altri siti hanno le proprie regole di larghezza e tipografia adattate alla loro struttura.

Come iniziare

Apri il catalogo degli esempi, scegli un sito e copia le regole. Installa JustZix e leggi comodamente.

Valuta questo articolo

Nessuna valutazione — sii il primo.

Provalo tu stesso

Installa JustZix e incolla qualsiasi snippet di questo articolo. Due minuti da zero a una regola funzionante su tutti i tuoi dispositivi.

Ottieni JustZix

Funzionalità · Come funziona · Esempi · Casi d'uso