MagicScrollWebReader/ScrollTheWeb.html at master · rdwallis/MagicScrollWebReader · GitHub

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
79
80
81
82
83
84
85
86
87
88
89
90
91

<!doctype html>
<html>
<head>
<meta property="og:type" content="website" />
<meta property="og:title" content="I want the world to scroll this way." />
<meta property="og:url"
	content="http://www.magicscroll.net/ScrollTheWeb.html" />
<meta property="og:image"
	content="http://www.magicscroll.net/bookmarklet/images/icon128.png" />
<link rel="icon" type="image/png" href="/bookmarklet/images/icon19.png" />
<link rel="icon" type="image/png" href="images/icon19.png" />
<title>I want the world to scroll this way.</title>
<style>
.ss_page {
	font-size: x-large;
}

.ss_refresh_button {
	display: none;
}

.ss_bug_button {
	display: none;
}

body {
	background-color: black;
}

.ss_page h1 {
	line-height: 1.2 !important;
	font-family: Arial, "Times New Roman";
	text-align: left;
	font-size: xx-large;
}
</style>
</head>
<body>

	<h1>I want the world to scroll this way.</h1>
	<p style="font-size: normal; font-weight: bold;">By Richard Wallis
	</p>
	<p>
		<em>It's hard to read on the web. </em>
	</p>
	<p>Your favorite newspaper or magazine probably lets you read
		articles on its website. It's convenient but there are a couple of
		draw backs. Compared with print, you're less likely to finish the
		article, you'll read it slower, you'll skip over sentences and your
		comprehension will go down.</p>
	<p>There are a couple of common sense explanations for this. You've
		probably been told it's because Facebook is only a click away, your
		email client is open or your screen has a backlight.</p>
	<p>The common sense explanations are wrong. Distractions and
		backlighting don't help but they're insignificant compared with the
		real problem which you haven't noticed. You haven't noticed it for the
		same reason you wouldn't notice that a particular swan is white if
		you'd never seen a black one.</p>
	<p>The problem is scrolling. Scrolling is a brilliant way to
		display a map or an Excel spreadsheet on a computer. But it's a
		terrible way to display text.</p>
	<p>That's because scrolling moves the text on a page. And moving
		text, even if it's under your control, will break your reading rythym.</p>
	<p>That's why this page scrolls differently. The way it scrolls
		will probably be new to you. It might take you a second or two to get
		used to it but it is better.</p>
	<p>I'd like the web to scroll like this but that's probably a lot
		to ask. So I've built a browser extension and a bookmarklet that'll
		let you scroll existing websites without moving the text.</p>
	<p>It's easy and simple and free to use.</p>
	<a
		href='https://chrome.google.com/webstore/detail/magicscroll-web-reader/ecldhagehndokdmaiaigoaecbmbnmfkc'>Get
		the MagicScroll Reader for Chrome</a>
	<p></p>
	<p>Don't have Chrome? Just drag the following link to your
		bookmarks bar:</p>
	<a
		onclick='alert("Drag the link to your bookmarks bar"); return false;'
		href='javascript:(function(){var resource = document.createElement("script");
    resource.src = "[BASEDIR]/init.js";  document.documentElement.appendChild(resource);}());'>Read
		With MagicScroll</a>
	</p>

	<p>Then visit an article on the web that you want to read and click
		the book button or the bookmark to read it with MagicScroll.</p>
	<hr />

	<script src="blog.js"></script>
</body>
</html>