Printing websites

Written at 08:19, on Wednesday 26 April 2006. Tags: usability webdesign .

Printing on the web is still a chore. While CSS offers rich print output via the CSS print media type, both browsers and websites still (mostly) do a lousy job of them. Here are two suggestions for browser makers.

Suggestion 1: as far as I know, there’s still not a single browser which lets you know in any kind of way that there’s a print stylesheet associated with a website. This small feature would greatly increase print usability – let readers know that a website is printerfriendly so they don’t have to hit “Print Preview” as much.

Suggestion 2: if there’s no print stylesheet, it should be possible to print a website with a browser built-in (and user-customizable) print stylesheet. Hiding things like banners, putting it in black on white with decent fonts is enough for most websites. Auto-extraction of content is only possible with decent (and common) semantics, but a simple browser selection tool which lets you hide table cells or divs should suffice as well (of course, that may not be so simple to build). I’m also very happy with the efforts the IE team has made in 7 to make printing friendlier.

Browser support for printing can be much better. Too often, browser makers rely on website authors to create print stylesheets. However, in the interest of users, they can do a lot more to make it easier.

The reason for this rant, by the way, is a wonderful article on the AIGA design forum, Typography and the Aging Eye, which is unfortunately laid out very poorly (no inline images???), doesn’t zoom the text width (huge gaps on my 1600×1200 monitor) and has no printer-friendly version or even a printer stylesheet!

(This is also a reminder for myself to finally add a print stylesheet to this website…)

Comments closed |

From the portfolio

  • Grasscity categorie pagina

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Issuu and Smart Look for a better PDF viewing experience

A plugin that embeds PDF's, Word and Powerpoint files in a very cool, usable and fast Flash interface.

Visit site …

Palm Pre: everything you ever wanted to know - Engadget

This is the only device I would consider as replacement for my iPhone. Palm seems to have done some essential things right, like contact management by pulling data from various services in the cloud. I love the zoomable UI and the card metaphor for app switching.

Visit site …

Release:jQuery 1.3 - jQuery JavaScript Library

Some very nice features and performance improvements in this release, among which the Sizzle CSS selector engine (currently fastest avaiable), live events and much faster HTML injection.

Visit site …

jQuery API Browser v1.3

Improved and also available offline as AIR app.

Visit site …

A List Apart: Articles: Return of the Mobile Style Sheet

"What can be done for mobile browsers that do not read handheld style sheets, or parse CSS Media Queries? Short of ignoring them, there are two options."

Visit site …

Mapeed.AddressChooser API documentation | Home

Cool Javascript component that can be used for address collection in forms, combining HTML form and Google Maps for dynamic place retrieval and auto-completion.

Visit site …

Digital Ethnography

Blog of Michael Wesh, cultural anthropologist, professor of the year, and creator of the video "Web 2.0 … The Machine is Us/ing Us".

Visit site …

Components Versus Patterns

Analysis on the differences and commonalities between components and patterns. "Although the two concepts are strongly related, their differences warrant consideration to ensure you are building the type of library that’s right for you."

Visit site …

The State of the Web 2008 | Web Directions

"Welcome to this detailed report from our first “State of the Web” survey of professional web designers and developers. It includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ."

Visit site …

The Curious Case of Twply and Twitter - Bokardo

Excellent interface analysis of twply: "Moral of the story? Design can effectively be used to deceive people. Deal only with those services you know and trust. "

Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed