Printing with CSS: A Step Onwards

Tips & Tricks
#1

Let’s add this stylesheet to our TiddlyWiki. Create a tiddler with below content, tag it with $:/tags/Stylesheet

/*!
 * print.css v1.0.0
 * http://printstylesheet.com/
 *
 * Copyright (c) 2011 David Bushell
 * Dual licensed under the BSD or MIT licenses: http://printstylesheet.com/license.txt
 
 * Author: David Bushell
 * http://dbushell.com/
 */

/* use a media query to limit the CSS to only print devices, like a printer */
@media only print
{
	/* hide every element within the body */
	body * { display: none !important; }
	/* add a friendy reminder not to waste paper after the body */
	body:after { content: "Don't waste paper!"; }
}

You can download the ready-to-use tiddler here, download and add to your TiddlyWiki.
print.css_environmentally-conscious.json (718 Bytes)

Ref: print.css — only display what’s needed

#2

It’s funny to see this only two days after I printed 20 copies of a nine-sheet document. I think it was necessary, but I do find it amusing.

This document was handed out at a Town Meeting, after a nasty flyer full of misinformation was published in the local weekly paper just before a recent budget referendum. It almost certainly caused the narrow loss of the budget vote. That wiki is simply a list of corrections to the mis/disinformation in the flyer. (It’s only a TW because that’s my golden hammer. If you want to see behind the scenes, CTRL-SHIFT-/ toggles read-only mode)

I had QR codes available, pointing people to the site, but there are a number of elderly residents and other non tech-savvy folks attending such meetings. To them, a QR code is just a weird-looking maze, and websites are imaginary things their kids and grandkids talk about incessantly. Those twenty copies were snagged quickly. If I’d printed 50, they would probably have gone too, among the hundred or so attendees.

So there are reasons to print. Hopefully they’re getting fewer and fewer over time.

1 Like