1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The Printliminator Demo</title>
<link rel="stylesheet" href="demo/css/style.css">
<link rel="icon" type="image/x-icon" href="src/icons/favicon.ico">
<link rel="icon" type="image/png" href="src/icons/icon-16.png">
</head>
<body>
<!--
This file is dynamically generated
█████▄ ▄████▄ █████▄ ▄████▄ ██████ ███████▄ ▄████▄ █████▄ ██ ██████ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██▀▀ ▀▀▀▀██
█████▀ ▀████▀ ██ ██ ▀████▀ ██ ██ ██ ██ ▀████▀ █████▀ ██ ██ █████▀
To make changes, modify the "src/bookmarklet/index.html"
-->
<div id="demo-top-bar">
<div id="demo-bar-inside">
<h2 id="demo-bar-badge">
<a href="/">CSS-Tricks Example</a>
</h2>
<div id="demo-bar-buttons"></div>
</div>
</div>
<div id="page-wrap">
<h1>The Printliminator<span id="dev-mode"></span></h1>
<p>The Printliminator is a bookmarklet with some simple tools you can use
to makes websites print better. One click to activate, and then click to remove
elements from the page, remove graphics, and apply better print styling.
Here is the bookmarklet:</p>
<p>
<a href="javascript:/*THE.PRINTLIMINATOR*/(function(){function%20loadScript(a,b){var%20c=document.createElement('script'),d=document.getElementsByTagName('head')[0],e=!1;c.type='text/javascript',c.src=a,c.onload=c.onreadystatechange=function(){e||this.readyState&&'loaded'!=this.readyState&&'complete'!=this.readyState||(e=!0,b())},d.appendChild(c)}loadScript('//css-tricks.github.io/The-Printliminator/printliminator.min.js',function(){thePrintliminator.init()});})();" id="bookmarklet" class="bookmarklet">The Printliminator</a>
<span class="drag-arrow"><strong>←</strong> drag to your bookmarks bar</span>
</p>
<h2>Video Demo</h2>
<p>We used to have a quick video demo here, but Blip.tv deleted it. RUDE. Here's one we found on YouTube about it.</p>
<iframe width="500" height="320" src="//www.youtube.com/embed/TAoRvdZaFPk" frameborder="0" allowfullscreen></iframe>
<h2>Credits</h2>
<p>
By <a href="http://chriscoyier.net">Chris Coyier</a> and <a href="http://devongovett.wordpress.com/">Devon Govett</a>.
Updates & extensions by <a href="http://wowmotty.blogspot.com/">Rob Garrison</a>.
Icons by <a href="http://wefunction.com/2008/07/function-free-icon-set/">Function</a>.
Print stylesheet based on <a href="http://code.google.com/p/hartija/">Hartija</a>.
</p>
</div>
<script>
// file loaded locally, switch to local version for development
( function() {
var link,
loc = window.location.origin;
// origin is 'null' in Firefox when viewing the page locally
if ( loc === 'file://' || loc === 'null' ) {
var link = document.getElementById( 'bookmarklet' );
link.href = "javascript:/*THE.PRINTLIMINATOR*/(function(){function%20loadScript(a,b){var%20c=document.createElement('script'),d=document.getElementsByTagName('head')[0],e=!1;c.type='text/javascript',c.src=a,c.onload=c.onreadystatechange=function(){e||this.readyState&&'loaded'!=this.readyState&&'complete'!=this.readyState||(e=!0,b())},d.appendChild(c)}loadScript('dist/bookmarklet/printliminator.js',function(){thePrintliminator.init()});})();";
document.getElementById('dev-mode').textContent = '(Dev Mode)';
}
})();
</script>
</body>
</html>
|
