index.html


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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>The Printliminator</title>
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<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</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:/*PRINTLIMINATOR*/(function(){function%20loadScript(a,b){var%20c=document.createElement('script');c.type='text/javascript';c.src=a;var%20d=document.getElementsByTagName('head')[0],done=false;c.onload=c.onreadystatechange=function(){if(!done&amp;&amp;(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;b()}};d.appendChild(c)}loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js',function(){var%20jq=jQuery.noConflict();loadScript('//css-tricks.github.io/The-Printliminator/js/printliminator.js',function(){csstricksPrintliminator(jq)})})})()" class="bookmarklet">Printliminator</a>
			<span style="font-size: 14px;">&lt; drag to your bookmarks bar</span>

		<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="http://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>.
			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>

	</body>

</html>