<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Structure in the flow &#187; reading</title>
	<atom:link href="http://www.fsavard.com/flow/tag/reading/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fsavard.com/flow</link>
	<description>Programming, personal knowledge management. Topics unstable.</description>
	<lastBuildDate>Thu, 29 Jul 2010 16:05:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Small updates to Javascript speed reading app</title>
		<link>http://www.fsavard.com/flow/2010/04/small-updates-to-javascript-speed-reading-app/</link>
		<comments>http://www.fsavard.com/flow/2010/04/small-updates-to-javascript-speed-reading-app/#comments</comments>
		<pubDate>Fri, 02 Apr 2010 13:45:38 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[homebrew]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[reading]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=592</guid>
		<description><![CDATA[Just a note concerning two small new features I added to my Javascript speed reading (RSVP) app: You can now change the speed using your keyboard&#8217;s up/down arrows keys Text and background colors may now be selected using a color picker (based on JsColor) These were features some users asked for either on the blog [...]]]></description>
			<content:encoded><![CDATA[<p>Just a note concerning two small new features I added to my <a href="http://fsavard.com/code/speedread/">Javascript speed reading (RSVP) app</a>:</p>
<ul>
<li>You can now change the speed using your keyboard&#8217;s up/down arrows keys</li>
<li>Text and background colors may now be selected using a color picker (based on <a href="http://www.jscolor.com">JsColor</a>)</li>
</ul>
<p>These were features some users asked for either on the blog or in the comment form in the app. Thanks for the feedback!</p>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=592" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2010/04/small-updates-to-javascript-speed-reading-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PDF annotation under Linux with Wine and PDF-XChange Viewer</title>
		<link>http://www.fsavard.com/flow/2009/03/pdf-annotation-under-linux-with-wine-and-pdf-xchange-viewer/</link>
		<comments>http://www.fsavard.com/flow/2009/03/pdf-annotation-under-linux-with-wine-and-pdf-xchange-viewer/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 00:00:33 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pkm]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=401</guid>
		<description><![CDATA[Changelog 2009/04/10, added script to open files from file manager. I&#8217;ve long wanted a program to annotate PDFs under Ubuntu, but tried many options which all fell short in some way or another. Yet periodically I check to see if a new one has appeared and it seems my wishes have come true, though not [...]]]></description>
			<content:encoded><![CDATA[<h3>Changelog</h3>
<ul>
<li> 2009/04/10, added script to open files from file manager.</li>
</ul>
<hr />I&#8217;ve <strong>long wanted a program to annotate PDFs under Ubuntu</strong>, but tried many options which all fell short in some way or another. Yet periodically I check to see if a new one has appeared and it seems my wishes have come true, though not through open source software.</p>
<p><strong><a href="http://www.docu-track.com/home/prod_user/PDF-XChange_Tools/pdfx_viewer">PDF-XChange Viewer</a> is a Windows freeware </strong>(pro version available too) which installed flawlessly <strong>under Wine</strong> (Windows emulator) in Ubuntu. In fact I had not used Wine up to this point, and I was surprised how indeed flawless the process was: &#8216;sudo apt-get install wine&#8217;, &#8216;wine installer.exe&#8217;. Bam. It just worked. And it loaded a huge PDF without flinching.</p>
<p>All is not so rosy, though, as the annotations and text won&#8217;t show up completely under Ubuntu default PDF viewer. But this had happened with annotations I had made with other programs, so I guess it has to do with Ubuntu&#8217;s viewer, not PDF-XChange. Indeed things worked a bit better under Xpdf.</p>
<p>The most surprising part in all of this is that the freeware<strong> beats other annotation options I had tried under Windows</strong> in the old days: it has many different ways of adding text to pages, different shapes to add and different highlighting options. So I guess I&#8217;d recommend that you try it even if you run Windows.</p>
<p>And a quick tip: you can<strong> add shortcuts for toolbar commands</strong> (including highlighting) by clicking right in the toolbar area, clicking &#8220;Customize&#8230;&#8221;, selecting the &#8220;Commands&#8221; tab, selecting &#8220;Highlight&#8221; under &#8220;Tools&#8221; and clicking &#8220;Properties&#8221;.</p>
<p>(Found via <a href="http://www.gnurou.org/blog/2008/09/09/finally_real_pdf_annotating_under_linux">this post</a>, from someone else who grappled with the other options)</p>
<hr />
<h3>Launching with &#8220;Open with&#8230;&#8221; (NEW 2009/04/10)</h3>
<p>To open PDF files from the file manager, put the following script somewhere, change its file permissions to &#8220;executable&#8221; and use it for the &#8220;Open with&#8230;&#8221; command (adapted from <a href="http://sodeve.net/foxit-reader-on-ubuntu-linux-through-wine/">here</a>):</p>
<pre>#!/bin/bash  

# Then use this script as default to open PDF files

# Adapted from:
# http://sodeve.net/foxit-reader-on-ubuntu-linux-through-wine/

# Purpose: To convert Linux-style filename to Windows-style
# to pass as an argument to wine when starting PDF XChange Viewer
Filename="z:"${1//\//\\}  

#assuming you use the default installation folder for PDF
# XChange Viewer in Wine
App='eval wine "C:\Program Files\Tracker Software\PDF-XChange '
App=$App'Viewer\pdf-viewer\PDFXCview.exe" "'$Filename'"'

$App</pre>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=401" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2009/03/pdf-annotation-under-linux-with-wine-and-pdf-xchange-viewer/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Cleaning up web pages with Aardvark Firefox extension</title>
		<link>http://www.fsavard.com/flow/2008/10/cleaning-up-web-pages-with-aardvark-firefox-extension/</link>
		<comments>http://www.fsavard.com/flow/2008/10/cleaning-up-web-pages-with-aardvark-firefox-extension/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 17:08:13 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pkm]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=323</guid>
		<description><![CDATA[Browsing the web, we see tons of different layouts: each site has his own. Though that makes for a more diverse experience, it's not the best when you want to sit down and take the time to read a <strong>long article</strong>.

In this post I write about <strong>Aardvark</strong>, a Firefox extension which allows you to <strong>rearrange page elements quickly</strong>, notably to<strong> isolate the text </strong>and make it easier to read.]]></description>
			<content:encoded><![CDATA[<p>Browsing the web, we see tons of different layouts: each site has his own. Though that makes for a more diverse experience, it&#8217;s not the best when you want to sit down and take the time to read a <strong>long article</strong>.</p>
<p>Those that use Firefox have certainly encountered extensions such as <a href="https://addons.mozilla.org/en-US/firefox/addon/1865" target="_blank">AdBlock Plus</a> and <a href="https://addons.mozilla.org/en-US/firefox/search?q=flashblock&amp;cat=all" target="_blank">Flashblock</a>, which help in making web pages look less like a stress test for epilepsy. More general (cross-browser) solutions exist by using a proxy mechanism to filter incoming content, such as <a href="http://www.privoxy.org/" target="_blank">Privoxy</a>.</p>
<p>Yet one can go even further to <strong>isolate the text of an article</strong>. Some sites offer a <strong>&#8220;print&#8221; version</strong> of their articles (usually a single, clean page), but that&#8217;s not the general case. That&#8217;s where the <a href="http://karmatics.com/aardvark/" target="_blank"><strong>Aardvark extension</strong></a> comes in. It <strong>allows you to delete elements from a page</strong> and <strong>rearrange it</strong> quickly so you only keep the part you want.</p>
<h3>Overview of Aardvark&#8217;s modification commands</h3>
<p>Once installed, you navigate to a page you want to clean up and you launch <a href="http://karmatics.com/aardvark/" target="_blank">Aardvark </a>(Tools -&gt; Start Aardvark). You then see a red rectangle over elements when your mouse pointer hovers over them. You  press keys to activate different editing operations for the selected element (press &#8216;h&#8217; to get the list of commands).</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-324" title="Aardvark help" src="http://www.fsavard.com/flow/wp-content/uploads/2008/10/aardvark_commands.gif" alt="" width="150" height="326" /><br />
<a href="http://karmatics.com/aardvark/" target="_blank">Aardvark</a>&#8216;s help (list of commands)</p>
<p>It helps here to <strong>understand how web pages are coded</strong> (HTML), but in essence a page is made of rectangular zones inside bigger zones (ex: an image in a paragraph), forming a hierarchy. As your mouse pointer hovers over a given rectangle (say a paragraph title), you may want to <strong>select its parent</strong> in the hierarchy (the paragraph itself). To do it, you <strong>press &#8216;w&#8217; to &#8216;widen&#8217;</strong> the selection. The inverse operation is &#8216;n&#8217; for &#8216;narrow&#8217;.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-325" title="Aardvark rectangle" src="http://www.fsavard.com/flow/wp-content/uploads/2008/10/aardvark_rectangle.gif" alt="" width="400" height="184" /><br />
Example of <a href="http://karmatics.com/aardvark/" target="_blank">Aardvark</a>&#8216;s rectangle selection</p>
<p>You can <strong>delete elements in essentially two ways</strong>. The first is the straightforward one: you select an element and press <strong>&#8216;r&#8217; to remove it</strong>. The other is the opposite: you press <strong>&#8216;i&#8217; to isolate </strong>the selected element, ie. <strong>keep only this one</strong>, remove all the rest. &#8216;i&#8217; is very <strong>useful to select the page main element</strong> that contains the whole text, and then you can work the details with &#8216;r&#8217;.</p>
<p>If the isolated text is too narrow (doesn&#8217;t<strong> fill the page horizontally</strong>), you can press &#8216;d&#8217; to &#8216;de-widthify&#8217;, which means that the &#8216;width&#8217; attribute (which prevents the block from filling the page) is removed from it. You may have to fiddle a bit until you find the element on which the &#8216;width&#8217; is applied, though.</p>
<h3>Saving the result with ScrapBook</h3>
<p>When the modifications are over, I <strong>save the page in its modified state using <a href="http://amb.vis.ne.jp/mozilla/scrapbook/" target="_blank">ScrapBook</a> </strong>(which I covered in <a href="http://www.fsavard.com/flow/2008/09/highlighting-web-pages-and-interacting-with-what-you-read/" target="_blank">another blog post</a>). I can then read in the format I want, and add notes and highlights. (The ScrapBook extension does have a &#8220;delete&#8221; feature, but it&#8217;s not as featureful as Aardvark&#8217;s.)</p>
<p>If an article is spread over multiple pages, you can use ScrapBook &#8220;Combine Wizard&#8221; (in the SB sidebar: Tools -&gt; Combine Wizard) feature to merge them in a single page.</p>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=323" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2008/10/cleaning-up-web-pages-with-aardvark-firefox-extension/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Speed reading and my RSVP web application</title>
		<link>http://www.fsavard.com/flow/2008/10/speed-reading-and-my-rsvp-web-application/</link>
		<comments>http://www.fsavard.com/flow/2008/10/speed-reading-and-my-rsvp-web-application/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 19:18:18 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[homebrew]]></category>
		<category><![CDATA[pkm]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[reading]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=251</guid>
		<description><![CDATA[A few days ago I published a <a href="http://www.fsavard.com/code/speedread/" target="_blank">JavaScript-based web program</a> which takes a text as input and flashes groups of words successively, which can be used in practicing speed reading. It's inspired by many other similar programs available on the Web, some free, some commercial. The technique is called <strong><a href="http://en.wikipedia.org/wiki/Rapid_Serial_Visual_Presentation" target="_blank">RSVP, for Rapid Serial Visual Presentation</a></strong>.

In the rest of the post I elaborate on similar software and the effectiveness of speed reading in general.]]></description>
			<content:encoded><![CDATA[<p>A few days ago I published a <a href="http://www.fsavard.com/code/speedread/" target="_blank">JavaScript-based web program</a>, which takes a text as input and flashes groups of words successively. It&#8217;s inspired by many other similar programs available on the Web, some free, some not. The technique is called <strong><a href="http://en.wikipedia.org/wiki/Rapid_Serial_Visual_Presentation" target="_blank">RSVP, for Rapid Serial Visual Presentation</a></strong>. I baptized the program &#8220;Faster!&#8221; (well, I had to pick a name <img src='http://www.fsavard.com/flow/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  )</p>
<p style="text-align: center;"><a href="http://www.fsavard.com/code/speedread/" target="_blank"><img class="size-full wp-image-256 alignnone" title="Screenshot of my Faster! program" src="http://www.fsavard.com/flow/wp-content/uploads/2008/10/faster_tn.jpg" alt="&lt;br /&gt;" width="300" height="225" /></a><a href="http://www.fsavard.com/code/speedread/" target="_blank"><br />
A screenshot of Faster!</a></p>
<p>Go ahead and try it out. Nothing to download, just click &#8220;Play that text&#8221;.</p>
<p>In the rest of the post I elaborate on similar software and the effectiveness of speed reading in general.</p>
<h3>Comparing it to other available software</h3>
<p>One (free &amp; open source) program which has <strong>similar features</strong>, but <strong>more options for rhythm</strong>, is <a href="http://dictator.kieranholland.com/dictator.html" target="_blank"><strong>Dictator</strong></a>. You must download it though. I created my script to have something approaching that functionality, but available through the web and easy to modify for people who know JavaScript (and, *hrm*, because it made a cute little programming project <img src='http://www.fsavard.com/flow/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  )</p>
<p style="text-align: center;"><a href="http://dictator.kieranholland.com" target="_blank"><img class="alignnone size-full wp-image-253" title="Screenshot of Dictator" src="http://www.fsavard.com/flow/wp-content/uploads/2008/10/dictator_tn.jpg" alt="" width="300" height="245" /><br />
Screenshot of Dictator</a></p>
<p><strong>Other Web versions</strong> (see <a href="http://www.spreeder.com" target="_blank">Spreeder</a> and <a href="http://www.zapreader.com" target="_blank">ZAPReader</a>) are nice but lack some features which make Dictator and commercial programs more appealing, notably following the position in the text. <a href="http://www.spreeder.com" target="_blank">Spreeder</a> does have some more advanced rhythm options, though.</p>
<p>There are many <strong>commercial programs</strong> which offer even more features, such as integration with Office programs. Instead of trying to list them all here, I&#8217;ll point you to <a href="http://www.minezone.org/wiki/Main/RSVPReaderComparison" target="_blank">this <strong>comparison table</strong></a> of free and commercial RSVP programs.</p>
<p>I also want to make my version available for integration in other sites (say, for readers to read your blog posts), but I&#8217;m waiting for a few interested webmasters to contact me before I take the time to do it.</p>
<h3>Why would one use RSVP? and the reality of speed reading</h3>
<p>As mentioned briefly in my last post, some people believe this <strong>can help increase your reading speed</strong>. The idea is to gradually increase the reading speed, the number of words you read in a group, etc. by tweaking parameters in the software as you progress.</p>
<p>Recently, RSVP was also proposed as an <a href="http://news.cnet.com/2100-1046_3-5785579.html" target="_blank">alternative way to read on small displays</a> such as cellphones. Some people seem to actually see RSVP as an alternative reading technique rather than simply a way to increase your &#8220;normal reading&#8221; speed.</p>
<p>My <strong>personal experience with the speed reading</strong> <strong>aspect</strong> is that in can indeed help you learn to <strong>focus more</strong> and <strong>reread back less</strong> of the text you read a line before. Also, it forces you to <strong>decrease <a href="http://en.wikipedia.org/wiki/Subvocalization" target="_blank">subvocalization</a></strong> &#8212; hear the text in your head, or even whisper it. I personally never ended the in-head habit completely, though. Phrasal blurbs seem to overlap rather than disappear, if you will.</p>
<p>All these improvements translate in an increased reading speed for some material. They&#8217;re basic goals of <strong>&#8220;classic&#8221; speed reading techniques</strong>. A <a href="http://en.wikibooks.org/wiki/Speed_reading" target="_blank">good reference for these techniques can be found at Wikibooks</a>.</p>
<p>Speed reading software also has critics; see the bottom of <a href="http://en.wikibooks.org/wiki/Speed_reading" target="_blank">the Wikibooks page</a>.</p>
<h3>Types of reading material</h3>
<p>If you&#8217;re reading some advanced math textbook, taking the time to understand what you&#8217;re reading, sentence by sentence, naturally decreases your reading speed. Basically, speed reading is definitely no panacea for Will Hunting your way through a textbook every 30 minutes.</p>
<p>Where it can really help, though, in my experience (and as <a href="http://en.wikibooks.org/wiki/Speed_reading" target="_blank">said by others</a>), is <strong>when reading familiar material</strong>, say when reading the daily news or reading multiple opinion pieces on a given event.</p>
<p>Speed reading is to be combined with, but not confused with, <strong>skimming</strong>. Skimming is about not reading at all some parts. Speed reading is about reading faster the whole thing.</p>
<hr />If any of you has comments on my application, bugs or suggestions, don&#8217;t hesitate to write to me.</p>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=251" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2008/10/speed-reading-and-my-rsvp-web-application/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Small speed reading JavaScript app</title>
		<link>http://www.fsavard.com/flow/2008/10/small-speed-reading-javascript-app/</link>
		<comments>http://www.fsavard.com/flow/2008/10/small-speed-reading-javascript-app/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 15:58:00 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[homebrew]]></category>
		<category><![CDATA[pkm]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[reading]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=243</guid>
		<description><![CDATA[This is a work in progress, but I've developped a small speed reading application in JavaScript. It's definitely not the first of its kind, but I wanted web version with more options. I'm also planning to open source it, and I've yet to see an open source web app of this kind.

The app: <a href="http://www.fsavard.com/code/speedread/" target="_blank">http://www.fsavard.com/code/speedread/</a>]]></description>
			<content:encoded><![CDATA[<p>This is a work in progress, but I&#8217;ve developped a small speed reading application in JavaScript. It&#8217;s definitely not the first of its kind, but I wanted web version with more options. I&#8217;m also planning to open source it, and I&#8217;ve yet to see an open source web app of this kind.</p>
<p>The app: <a href="http://www.fsavard.com/code/speedread/" target="_blank">http://www.fsavard.com/code/speedread/</a></p>
<p>You simply click &#8220;Play that text&#8221; and you should grasp the principle real quick.</p>
<p>This is thought by some to increase your reading speed if used consistently. It teaches to not go back while reading, not &#8220;subvocalize&#8221; (ie. hear the words in your head, or even whisper them as you read) and by displaying more than one word at a time, to read more in one glance.</p>
<p>If you like it and want to come back to it, there&#8217;s a bookmarklet in the &#8220;About &amp; download&#8221; tab that will allow you to select text in any web page and use it as input. Or you can simply copy &amp; paste the text in the text area.</p>
<p>I&#8217;ll post something more lengthy on speed reading at some point.</p>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=243" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2008/10/small-speed-reading-javascript-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highlighting Web pages and concentration while reading</title>
		<link>http://www.fsavard.com/flow/2008/09/highlighting-web-pages-and-interacting-with-what-you-read/</link>
		<comments>http://www.fsavard.com/flow/2008/09/highlighting-web-pages-and-interacting-with-what-you-read/#comments</comments>
		<pubDate>Thu, 18 Sep 2008 16:00:54 +0000</pubDate>
		<dc:creator>Francois</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pkm]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://www.fsavard.com/flow/?p=84</guid>
		<description><![CDATA[Highlighting and concentration When I read plain old dead-tree books, I almost always have my highlighters in hand, generally two colors, one for importance and one for new concepts. I will also add margin notes, especially when something is not clear and requires some thought (lots of thought often means pages upon pages of columnar [...]]]></description>
			<content:encoded><![CDATA[<h3>Highlighting and concentration</h3>
<p>When I read<strong> plain old dead-tree books</strong>, I almost always have my highlighters in hand, generally two colors, one for <span style="background-color: yellow;">importance</span> and one for <span style="background-color: #00dd00;">new concepts</span>. I will also add margin notes, especially when something is not clear and requires some thought (lots of thought often means pages upon pages of columnar scribbling&#8230;).</p>
<p>These additions allow me to <strong>&#8220;interact&#8221; with what I read</strong>, in a way. It <strong>makes me feel more involved, </strong><strong>like I&#8217;m creating something</strong>, adding to the book to make it personal, as opposed to passively reading, thus helping concentration. And need I mention highglights make revision much quicker?</p>
<p>It&#8217;s therefore natural that I wanted to port this habit to the Web.</p>
<h3>Tools for Web page notes and highlights</h3>
<p>The tools come in various sizes and shapes, some online, some offline. Those I&#8217;ll mention allow you to <strong>actually save the page</strong>, which is really handy as Web pages have this annoying tendency to disappear after a while.</p>
<p>One offline, local tool I use extensively when reading long articles online is<strong> <a href="http://amb.vis.ne.jp/mozilla/scrapbook/" target="_blank">ScrapBook</a>, a free Firefox plugin</strong>. With it, you can save Web pages or parts of them. It then allows highlights of multiple styles (configurable) and sticky notes, among other useful features. You can organize those clippings in a hierarchy and search through them. I use it so much I created special keyboard shortcuts for highlights; I <a href="http://www.fsavard.com/blog/2008/07/firefox-creating-a-shortcut-to-scrapbook-highlight-operations-with-the-keyconfig-extension/" target="_blank">described the procedure</a> on my personal blog.</p>
<p style="text-align: center;"><a href="http://www.fsavard.com/flow/wp-content/uploads/2008/09/scrapbook_screenshot.jpg" target="_blank"><img class="aligncenter size-full wp-image-91" title="ScrapBook screenshot" src="http://www.fsavard.com/flow/wp-content/uploads/2008/09/scrapbook_screenshot_tn.jpg" alt="" width="280" height="228" /></a></p>
<p style="text-align: center;"><a href="http://www.fsavard.com/flow/wp-content/uploads/2008/09/scrapbook_screenshot.jpg" target="_blank">Screenshot of ScrapBook</a></p>
<p>If you&#8217;d rather have a <strong>cross-browser and online portable tool</strong>, there are a few Web 2.0-ish sites that have similar functionality. Some have the added benefit that clippings can be shared and therefore function as elaborate social bookmarking sites. For the basic functionality, you don&#8217;t need to install anything; a simple &#8220;bookmarklet&#8221; (a special kind of browser bookmark) does most of what you need.</p>
<p>Well known tools in this space are:</p>
<ul>
<li><a href="http://notebook.google.com" target="_blank"><strong>Google Notebook</strong></a>: save pages or selections to your <strong>private notebook</strong>, you can then highlight and modify freely the clip as any other document. Really good for the <strong>editing features</strong></li>
<li><a href="http://a.nnotate.com" target="_blank"><strong>A.nnotate</strong></a>: allows you to import and <strong>edit PDFs and Word documents</strong> (among others) <em>online</em>, not just Web pages. There&#8217;s a paid version for heavy users. The PDF annotation feature seems particularly well done (I&#8217;ve had problems with multicolumn text with other tools, but it handles that very well)</li>
<li><a href="http://www.diigo.com" target="_blank"><strong>Diigo</strong></a>: been around for a while, strong accent on the <strong>community</strong> aspect.</li>
<li><strong><a href="http://www.awesomehighlighter.com">AwesomeHighlighter</a></strong>: very simple and clean. Just enter an URL and annotate. After you&#8217;ve finished annotating, it generates a short URL you can use to link to your annotated page. No community dimension for the moment, though.</li>
</ul>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://en.wikipedia.org/wiki/Image:Google_Notebook.PNG"><img class="size-medium wp-image-89 aligncenter" title="Google Notebook screenshot" src="http://www.fsavard.com/flow/wp-content/uploads/2008/09/280px-google_notebook.png" alt="" width="280" height="174" /></a></p>
<p style="text-align: center;"><a href="http://en.wikipedia.org/wiki/Image:Google_Notebook.PNG" target="_blank">Google Notebook screenshot</a></p>
<p>There&#8217;s also an even more impressive list of sites that allow &#8220;clippings&#8221; (selections) to be saved without the highlighting-in-place aspect, like <a href="http://www.clipmarks.com" target="_blank">Clipmarks</a>.</p>
 <img src="http://www.fsavard.com/flow/wp-content/plugins/feed-statistics.php?view=1&post_id=84" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.fsavard.com/flow/2008/09/highlighting-web-pages-and-interacting-with-what-you-read/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
