← Wszystkie wpisy

Poradniki

Komfortowe czytanie w sieci — gotowe przykłady JustZix

Wiele stron, na których głównie się czyta, jest zaprojektowanych pod wszystko inne niż czytanie: za szerokie kolumny, drobna czcionka, paski powiązanych treści. Katalog JustZix ma teraz pakiety, które zamieniają je w wygodny tryb lektury. Oto przegląd.

Czytanie to zadanie typograficzne

Wygodny tekst potrzebuje ograniczonej szerokości wiersza, odpowiedniego interlinii i czcionki o właściwym rozmiarze. Większość stron tego nie zapewnia. Kilka reguł CSS poprawia wszystkie te parametry naraz — i działa na każdym artykule danego serwisu.

Które serwisy są pokryte

Katalog ma dedykowane pakiety dla Wikipedii, Medium, BBC, Goodreads, Hacker News oraz Stack Overflow — po około 45 przykładów na pakiet.

Co potrafią te reguły

Najczęstsze poprawki: komfortowa szerokość kolumny tekstu, większa i czytelniejsza czcionka, hojniejsza interlinia, tryby czytania ciemny i sepia, ukrycie pasków powiązanych treści i „najczęściej czytane", ukrycie banerów i nagabywania, tryb skupienia pokazujący sam artykuł oraz pasek postępu czytania.

Przykład: komfortowa szerokość kolumny

/* Wikipedia: wygodna szerokość kolumny do czytania */
.mw-parser-output {
  max-width: 720px !important;
  margin: 0 auto !important;
}

Pakiety Medium, BBC i pozostałych serwisów mają własne reguły szerokości i typografii dopasowane do ich struktury.

Jak zacząć

Otwórz katalog przykładów, wybierz serwis i skopiuj reguły. Zainstaluj JustZix i czytaj wygodnie.

Oceń ten wpis

Brak ocen — oceń jako pierwszy.

Wypróbuj samodzielnie

Zainstaluj JustZix i wklej dowolny snippet z tego artykułu. Dwie minuty od zera do działającej reguły na wszystkich Twoich urządzeniach.

Pobierz JustZix

Funkcje · Jak to działa · Przykłady · Zastosowania