
The Importance of a Print Stylesheet

- A website is designed to be viewed on a screen, right? Sure, no-brainer. So should you care how your website looks when it's printed? Good question.
The terms branding and marketing are sometimes used interchangeably. This is understandable — they…
Just like a person, your company’s brand has a unique personality, and how people…
The terms branding and marketing are sometimes used interchangeably. This is understandable — they…
So, you've got a brand new logo! High five! Now, you start to notice that some other logos have ™ or ®, and you…
On occasion, after designing a logo, I have people ask if they need to trademark it, and if I can do it for them.…
So, you've got a brand new logo! High five! Now, you start to notice that some other logos have ™ or ®, and you…
In 10+ years of developing websites, I’ve come across a lot of assumptions. And you…
These days, it seems everybody “does web design”. How do you know the best option…
These days, it seems everybody “does web design”. How do you know the best option…
Can something as basic as design affect customers’ perception of your product? Yep, it can and it does. How, you ask? Take a peek behind…
Business cards are, without a doubt, the most common marketing piece there is. But that doesn't mean it has to look common! Read on for…
Can something as basic as design affect customers’ perception of your product? Yep, it can and it does. How, you ask? Take a peek behind…
I’m an avid recipe-hunter. When I get bored with our usual dinner routine, I hit the web for a new recipe I can try. And when I find one? I print it out. Yes, I’m a digital, save-the-trees type, but me in the kitchen with the iPad isn’t the best idea (think sticky fingers, hot liquids, raw meats, overly-vigorous mixing… [I’m not the neatest cook in the world]). I need my recipes on paper. So, I can’t tell you how grateful I am when the website owner has considered the print experience…. and how frustrated I am when they haven’t.
For those unaware, a quick lesson: the way a web designer or developer controls how a website looks is by writing code called a stylesheet — basically a document with a series of style rules that your browser understands and interprets. By default, web developers create a screen stylesheet, which controls how your website looks on a screen. And many will stop there. However, you can also create a print stylesheet that controls the style of your page when it is printed. (There are other media types that you can create stylesheets for: braille, projection, speech, and tv are some of them, but these aren’t as commonly used for a typical website.)
Have you ever wanted to simply print out some information from a website and had any of the following situations happen?
Get my drift? Usually, when someone wants to print something for reference, they’re only interested in the content, the meat and potatoes, and they don’t need all the extra stuff that only serves to waste paper and guzzle precious printer toner.
It’s relatively easy for someone who knows HTML and CSS to set up a print stylesheet. If that’s not you, your web developer can handle it, either by creating and linking to a separate print stylesheet or using media queries in the existing stylesheet to modify rules for print. It is not the purpose of this article to get into the technical details, but there is no shortage of instruction out there if you’re interested in finding out!
It depends on your site’s purpose and design. There are cases when it could actually be frustrating for users who want to print an exact screen shot of your website, only to find that when they print, it looks different than what they saw on their screen. So, you’ll have to consider your audience and the type of information you have on your site to determine what your printed web page should look like. Ultimately, you can’t predict every situation. However, I recommend that it be a considered aspect of user experience. You won’t necessarily have to change up your print view drastically, but a few simple tweaks to standardize print output, optimize page space, and minimize ink usage can really make a difference to your end user.
(By the way, you can see an example of a print stylesheet in action by printing from this very website! Go ahead: File > Print and check out your Print Preview.)
Business owners can learn an important lesson from Nike’s latest showing at Wimbledon. Mainly that “just do it” should never supercede “just think it through”. In this case, that means designing products with the end-user in mind; which, in the world of web design, comes in the form of user testing or user experience.
A favicon (the term is a mashup of “favorites icon”) is one of those little details that should be a part of your visual brand. Go the extra step to reinforce your visual brand and enhance your users’ experience of browsing your website by creating a custom favicon.
“I will not eat them in the rain. I will not eat them on a train. Not in the dark! Not in a tree! Not in a car! You let me be!” Sound familiar? Read on.