In the world of print stylesheets, there’s long been a fairly well-established technique for expanding link URLs inline in body text, and printing them inline. The result works, but it breaks the reading flow of the text. A better solution has been around for at least a century in typesetting: the footnote. The challenge is creating and inserting the footnotes, which must be done with JavaScript.

This short tutorial will show how to capture print events with JavaScript and insert dynamic content exclusively for printers, while being invisible in the browser window.

The face of an Arctic Fox with one blue and one hazel eye

Tables, navigation and embedded video are some of the most problematic and challenging areas in responsive design: tables tend to be wide, navigation complex, and responsive design is still not supported in most video embedding or maps services.

That is not to say that any of them lack answers. This reading list addresses each of these areas, with a range of possible design solutions.