Comfortable web reading — ready-made JustZix examples
Many sites you mostly read on are designed for everything except reading: columns that are too wide, tiny fonts, bars of related content. The JustZix catalog now has packages that turn them into a comfortable reading mode. Here is an overview.
Reading is a typography task
Comfortable text needs a capped line length, decent line-height and a font at the right size. Most sites do not provide that. A few CSS rules fix all of those at once — and they apply to every article on that site.
Which sites are covered
The catalog has dedicated packages for Wikipedia, Medium, BBC, Goodreads, Hacker News and Stack Overflow — around 45 examples per package.
What the rules do
Common tweaks: a comfortable text column width, a larger and more readable font, a more generous line-height, dark and sepia reading modes, hiding the related-content and "most read" bars, hiding banners and nags, a focus mode showing just the article, and a reading-progress bar.
Example: a comfortable column width
/* Wikipedia: a comfortable reading column width */
.mw-parser-output {
max-width: 720px !important;
margin: 0 auto !important;
}The Medium, BBC and other packages have their own width and typography rules matched to their structure.
How to start
Open the examples catalog, pick a site and copy the rules. Install JustZix and read in comfort.
Rate this post
No ratings yet — be the first.