Comments on: A useful print stylesheet

By: Why your web pages print badly and how to fix them

Why your web pages print badly and how to fix them — Thu, 03 Dec 2009 14:37:23 +0000

[...] A Useful Print Style sheet. (Kilian Valkhof) [...]

By: Cómo realizar una buena hoja de estilos CSS para imprimir - elWebmaster.com

Cómo realizar una buena hoja de estilos CSS para imprimir - elWebmaster.com — Fri, 05 Dec 2008 12:41:59 +0000

[...] Fuente: Kilian Valkhof [...]

By: Kilian Valkhof

Kilian Valkhof — Thu, 04 Dec 2008 12:29:28 +0000

Ckburnett, there are a couple of problems with that: It won’t work without javascript, leaving those people without printbutton (or worse, a print button that doesn’t work!) and it also doesn’t highlight the fact that they are actually printing the page in a style especially made for print, which I think is more important.

Jordan, absolutely right, it won’t work in the IE’s. You could fix that with some fancy javascript, which would make it work for most people.

By: Jennifer C

Jennifer C — Wed, 03 Dec 2008 14:22:59 +0000

So true. I usually write my print.css, and then the print icon goes to a version of the page that is using the print stylesheet. This way, I am not writing unnecessary code to strip items, just performing a swap of stylesheet, whether that be changing the to media=”screen”, or whether it’s just a JavaScript CSS swap.

I enjoy your attr(href) note as well. In a recent project, I had to generate a plaintext version of a newsletter stored in XML using XSLT, and what had been links had to follow a format just like that. Oh how I yearned for the a:after{content:} styles!

By: A Useful Print Stylesheet | Brass Blogs Web Design

A Useful Print Stylesheet | Brass Blogs Web Design — Wed, 03 Dec 2008 01:19:24 +0000

[...] A Useful Print Stylesheet December1 Print stylesheets are pretty well supported. In this article I’ll discuss what I think makes a good print stylesheet, and we’ll take a look at how we can improve public familiarity with them. What makes a good print stylesheet? A good print stylesheet, first and foremost, hides all the unnecessary elements, such as navigation, search, sidebars and other elements that aren’t directly important for the page being printed. It removes as much of the colours as possible, so that you’re not wasting anyone’s colour ink, and make sure your text is the width of the page (width:auto) so that you’re not wasting anyone’s paper. read more » [...]

By: Jabz

Jabz — Tue, 02 Dec 2008 23:08:54 +0000

So much to do…I wanna play with print-css too. I take your article to run some tests tomorrow. Thanks.

By: kindragoehler.com » Links Bonanza!

kindragoehler.com » Links Bonanza! — Tue, 02 Dec 2008 22:36:40 +0000

[...] Tips for print stylesheets-useful and interesting post over at Kilian Valkhof. [...]

By: Юзабилити стилей для печати | HTML и CSS, доступность и юзабилити — Life Style

Tue, 02 Dec 2008 10:04:58 +0000

[...] можно добавить кое-что полезное. Например, Kilian Valkhof предложил интересное решение, касающееся ссылок. После печати [...]

By: jordan

jordan — Mon, 01 Dec 2008 16:23:54 +0000

The a::after is an interesting touch, and one I had never thought of. I’ll definitely have to see about implementing it sometime.

Unfortunately, as is so often the case, IE users won’t get the benefit, as it doesn’t (at least in versions up to 7) support the :after pseudo-element (and certainly won’t support the CSS3 double colon notation).

So depending on a site’s demographics and how important the print page is, I think we may still have to suffer with “special” print pages for IE users

By: ckburnett

ckburnett — Mon, 01 Dec 2008 14:00:48 +0000

“Print stylesheets arent very useful if people don’t use them.
And I really don’t know how to change that. Do you?”

Yes. Make a little print icon and attach a JS event to it that fires printPage().