Saturday, November 29, 2008

CSS Design for print

http://www.alistapart.com/stories/goingtoprint/

This article mostly touches on what CSS would be good for print and which browsers. For example, it talks about making our sites "printer friendly". We can do this with our margins, fonts, padding, background colors, foreground colors, floats, and making sure our links still look like links when printed.
Some browsers only see what is on the screen and not below it when printing. So what would happen is it would only print what shows on the screen. Because some browsers don't like floats in websites it talked about doing a float: none in the CSS page to make it easier to read and print. This would allow the entire page or document to print. Also printers deal better with margins and not padding because, it doesn't know how to read them. For now it is better to use margins whenever possible instead of padding.
It also said that printers don't print white, so you would want to set the background color to white and for print you would want to remove any background images. You can also set the foreground color to match the background color if you wish but, it isn't necessary.
To make the links on the site show up for print the article talked about underlining and making the links a darker color. This would ensure that someone would know that they were links.
This article is very well written and easy to understand. A lot of times this semester I have been thinking what would look good for my site, is it user friendly, is it pleasing to the eye, but, I never once thought about printing. As web designers it is important for us to look at ALL aspects of a site. It is a valid point for our users to be able to print out our entire site if they choose. This is another great example of thinking outside the box and what would be good for those we are creating the websites for.

No comments: