In this article, we review the art of creating printer-friendly web pages with CSS.
“Who prints web pages?” I hear you cry! Relatively few pages will ever be reproduced on paper. But consider:
printing travel or concert tickets
reproducing route directions or timetables
saving a copy for offline reading
accessing information in an area with poor connectivity
using data in dangerous or dirty conditions — for example, a kitchen or factory
outputting draft content for written annotations
printing web receipts for bookkeeping purposes
providing documents to those with disabilities who find it difficult to use a screen
printing a page for your colleague who refuses to use this newfangled t'internet nonsense.
Unfortunately, printing pages can be a frustrating experience:
text can be too small, too large, or too faint
columns can be too narrow, too wide, or overflow page margins
sections may be cropped or disappear entirely
ink is wasted on unnecessary colored backgrounds and images