{"id":1431,"date":"2005-09-27T03:09:00","date_gmt":"2005-09-27T03:09:00","guid":{"rendered":"http:\/\/userpage.fu-berlin.de\/~frers\/cgi-bin\/blosxom.cgi\/edv\/050926-css_print.html"},"modified":"2010-01-23T02:02:20","modified_gmt":"2010-01-23T01:02:20","slug":"printing-pleasure","status":"publish","type":"post","link":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/?p=1431","title":{"rendered":"Printing pleasure."},"content":{"rendered":"<p>While I was on vacation in France this summer I printed <a href=\"http:\/\/wikipedia.org\/\" title=\"multilingual homepage of the Wikipedia project\">Wikipedia<\/a> content for the first time. And boy was I pleasantly surprised. The print had a different layout than the website. It was perfectly suited to reading on a piece of paper, had the aduquate kind of information and ditched web-specific layout aspects. Very nice and all that without having to click on some kind of <q>go here to see the printer friendly version<\/q> link.<\/p>\n<p>Of course, I wanted to implement this for my website too. Behind the scenes, this is based on good <abbr title=\"Cascading Style Sheets\">CSS<\/abbr> code, which offers hooks to change layout and other features of your content according to the media that is used to access the content on your page (i.e. screens, printed paper, sound, braille thingies for blind people, mobile phones etc.). I knew about this almost since my first dabblings in CSS, but I never collected enough guts to actually write the code for my site.<br \/>\nThis changed today \u2013 because I was procrastrinating, trying to evade working on a paper that I have to finish <em>very<\/em> soon, and because of mentioning this feature of CSS to Tini a few days ago, I wanted to see how hard it is to implement. Thanks to <a href=\"http:\/\/de.selfhtml.org\/index.htm\">SELFHTML<\/a> and a bit of browsing I was able to hack the changes that are necessary to have a separate print version of my <a href=\"http:\/\/userpage.fu-berlin.de\/~frers\/mdp\/\">diploma thesis<\/a> in about four hours &#8211; even though the thesis consists of about fourteen separate pages, includes lots of different links, pictures, edits and so forth. Quite a bit less time than I would have feared, I have to admit. I will let this settle for a bit and then implement the same changes for my other pages, which should not take more than an hour \u2013 the blog is still waiting for a general code overhaul anyway, during which I will include a print style sheet.<br \/>\nOne thing did not work as intended though: the <code>@page<\/code> part of the CSS 2 specification is not fully implemented by the different modern browsers (we&#8217;re not talking Internet Explorer here anyway), therefore the page margins will be different and not always perfect when printing with different browsers. However, I don&#8217;t care about this much at this point of time &#8211; hopefully these printing features will be implemented sooner rather than later. Here, <strong>you<\/strong> can help: vote for the relevant Mozilla bugs <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=115199\">115199<\/a> and <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=286443\">286443<\/a> in bugzilla!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While I was on vacation in France this summer I printed Wikipedia content for the first time. And boy was I pleasantly surprised. The print had a different layout than the website. It was perfectly suited to reading on a piece of paper, had the aduquate kind of information and ditched web-specific layout aspects. Very [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[214,232],"class_list":["post-1431","post","type-post","status-publish","format-standard","hentry","category-tech","tag-html","tag-wikipedia"],"_links":{"self":[{"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1431"}],"version-history":[{"count":2,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1431\/revisions"}],"predecessor-version":[{"id":2279,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1431\/revisions\/2279"}],"wp:attachment":[{"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/userpage.fu-berlin.de\/frers\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}