Post History

Source: https://writers.stackexchange.com/a/44451
License name: CC BY-SA 3.0
License URL: https://creativecommons.org/licenses/by-sa/3.0/

You use `@media` rules in your CSS style sheets to define which html tags you want to print and which are only visible on screen. E.g.

    @media print {
        .stuff-you-don't-want-to-print {
            display: none;
        }
    }

To print the current browser window, you print it with JavaScript, e.g.

    <a href="javascript:window.print()">Print</a>

* * *

The page you link to actually provides a separate web page to print. You can see that the URL of the page you print is different than the URL of the blog post. And if you look at the source code the pages are different. So in fact your "example" is an example of what you _don't_ want, when you say that "[you] don't want to have to create the content twice". That page _has_ created the content twice.

If you don't want to create the content twice, use media queries.

Original score: 2