Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: print

My Presentation Slides: Making Your Site Printable

On Friday, May 17 I had the pleasure of speaking for the first time at Stir Trek, a one-day conference in Columbus, Ohio, that drew over 1,200 attendees (and I understand sold out in just a few minutes). Apparently the name is a reference to the MIX developer conference, for…


Tags: css, html, print, QR, slides, speaking, standards, UX

Balancing Act: Features, Budgets & Timelines at Web Standards Sherpa

As of today I am an author over at Web Standards Sherpa. I wrote an article discussing the process of juggling a no-budget, tight-timeframe web site for Buffalo Soccer Club while still trying to adhere to best practices. The article is titled “Balancing Act: Features, Budgets &┬áTimelines.” I get a…


Tags: accessibility, clients, css, html, mobile, print, project management, standards

Tracking When Users Print Pages

A few months ago I had the pleasure of writing a piece for .net Magazine about print styles (Make your website printable with CSS). It was posted to .net’s web site last month and received an overwhelming one comment. That comment, however, summed up something I hear all the time:…


Tags: analytics, css, print, standards

Calling QR in Print CSS Only When Needed

For those of us who put together print styles for our sites, we’ve probably tossed around the idea of embedding QR codes so that users can quickly get back to a page they have printed. In the hardcopy version of my article for .net Magazine, “Make your website printable with…


Tags: css, design, print, QR, standards, usability

My Print Styles Article in .net Magazine

Images of the magazine pages featuring my article. The Summer 2012 (#231) issue of .net Magazine has my tutorial on making print styles for your site. Not only did I get four pages, the article got a mention on the front cover (small though it is) and my photo in…


Tags: css, html, print, standards


For many years I’ve pushed for print styles for sites. It’s an easy step to take in the course of developing a site, easy to test, and the techniques to do it have been around for over a decade. Something as rigid as a tabled layout could be relatively easily…


Tags: browser, css, print, rant, standards

More Evidence of the Need for Print Styles

Readers of this blog know of my regular frustration with web sites that don’t have print styles. Part of this is fueled by all the lip service supposed responsive web developers pay to adapting to different screen sizes, but who fail to consider the printed page when we’ve had support…


Tags: css, print, rant, standards

Test in Lynx and Print, It’s Your Job

I have admittedly not taken the time to attend An Event Apart any of the times it’s been held, but I do tend to follow the #aea hashtag on Twitter so I can glean at least a little wisdom from the discomfort of my own desk as I wade through…


Tags: accessibility, browser, css, design, Lynx, mobile, print, rant, standards, usability, UX

More Samples of Responsive Web Design ≠ Print

When the guy who coined the term “Responsive Web Design,” has written a book about it, and is well regarded throughout the industry is asked to name his 20 favorite responsive sites, you should expect top-notch examples of sites that use CSS to respond to nearly any medium. Except that…


Tags: accessibility, browser, css, design, mobile, print, rant, standards, usability, UX

Print Styles Forgotten by Responsive Web Developers (at

This article was originally posted on, an online resource for web developers, maintained by web developers. I have granted the right to use this article on its web site, and it is the only entity with the right to reproduce it. As web browsing technology continues to change…


Tags: accessibility, browser, css, design, mobile, print, rant, standards, usability, UX

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.