Комфортное чтение в вебе — готовые примеры JustZix
Многие сайты, на которых вы в основном читаете, спроектированы для чего угодно, только не для чтения: слишком широкие колонки, мелкий шрифт, полосы связанного контента. В каталоге JustZix теперь есть пакеты, которые превращают их в комфортный режим чтения. Вот обзор.
Чтение — это типографская задача
Комфортному тексту нужна ограниченная длина строки, достойный межстрочный интервал и шрифт правильного размера. Большинство сайтов этого не обеспечивают. Несколько правил CSS исправляют всё это разом — и они применяются к каждой статье на этом сайте.
Какие сайты охвачены
В каталоге есть отдельные пакеты для Wikipedia, Medium, BBC, Goodreads, Hacker News и Stack Overflow — около 45 примеров на пакет.
Что умеют эти правила
Частые доработки: комфортная ширина колонки текста, более крупный и читаемый шрифт, более щедрый межстрочный интервал, тёмный режим чтения и сепия, скрытие полос связанного контента и «самое читаемое», скрытие баннеров и навязчивых призывов, режим фокуса, показывающий только статью, и индикатор прогресса чтения.
Пример: комфортная ширина колонки
/* Wikipedia: комфортная ширина колонки для чтения */
.mw-parser-output {
max-width: 720px !important;
margin: 0 auto !important;
}В пакетах Medium, BBC и других сайтов есть собственные правила ширины и типографики, подобранные под их структуру.
С чего начать
Откройте каталог примеров, выберите сайт и скопируйте правила. Установите JustZix и читайте с комфортом.
Оцени эту статью
Оценок пока нет — оцени первым.