<?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>Brett Terpstranavigation - Brett Terpstra</title>
	<atom:link href="http://brettterpstra.com/tag/navigation/feed/" rel="self" type="application/rss+xml" />
	<link>http://brettterpstra.com</link>
	<description>Elegant solutions to complex problems.</description>
	<lastBuildDate>Thu, 09 Feb 2012 15:01:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Quick Link: Terminal navigation utilities</title>
		<link>http://brettterpstra.com/quick-link-terminal-navigation-utilities/</link>
		<comments>http://brettterpstra.com/quick-link-terminal-navigation-utilities/#comments</comments>
		<pubDate>Tue, 24 May 2011 10:38:57 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[quicklink]]></category>
		<category><![CDATA[terminal]]></category>
		<category><![CDATA[utilities]]></category>

		<guid isPermaLink="false">http://brettterpstra.com/quick-link-terminal-navigation-utilities/</guid>
		<description><![CDATA[<p>If you follow me on Twitter, you’ve probably seen me express my adoration for autojump, a command-line utility for navigating frequently-used folders. The only problem is that I deal with a lot of repetitive folder hierarchies; for example, the multiple site structures in my web development folder. j css almost certainly isn’t going to take me to the one I&#8230;</p><p>Originally posted on <a href="http://brettterpstra.com" title="BrettTerpstra.com">BrettTerpstra.com</a> at <a href="http://brettterpstra.com/quick-link-terminal-navigation-utilities/">Quick Link: Terminal navigation utilities</a></p>]]></description>
			<content:encoded><![CDATA[<p><img style=' float: right; padding: 4px; margin: 0 0 2px 7px;'  src="http://cdn2.brettterpstra.com/wp-content/uploads/2011/05/ttscoffbashprompt.jpg?9d7bd4" alt="Bash prompt screenshot" title="Bash prompt" width="245" height="148" class="alignright size-full wp-image-2365 shadow" />If you follow me <a href="https://twitter.com/#!/ttscoff">on Twitter</a>, you’ve probably seen me express my adoration for <a href="https://github.com/joelthelion/autojump">autojump</a>, a command-line utility for navigating frequently-used folders. The only problem is that I deal with a lot of repetitive folder hierarchies; for example, the multiple site structures in my web development folder. <code>j css</code> almost certainly isn’t going to take me to the one I was thinking of.</p>

<p>I found a couple of solutions this morning. There’s a package called <code>cdargs</code> which lets you bookmark folders with short names, autocomplete bookmarks, use bookmarks in copy and move actions and list and visually select from all of your bookmarks. I had some conflicts on my system that prevented me from using it, though, so I went with a simpler solution: <a href="http://www.huyng.com/bashmarks-directory-bookmarks-for-the-shell/">bashmarks</a> by Huy Nguyen.</p>

<p>Bashmarks lets me do most of what cdargs can do, but with a few less frills (and no conflicts with my setup). I can bookmark the css folder in my blog development folder <code>btcss</code>, and one in a client folder as <code>clientcss</code> and be able to quickly jump to the right one. Bashmarks provides autocomplete, too, so typing <code>g bt[tab]</code> gets me to btcss in a jiffy.</p>

<p>On the way, I also discovered a package called <a href="https://github.com/rupa/z">z</a>, which bills itself as “the new j” (in reference to autojump). It takes multiple arguments and uses them to more specifically match the folder you want to jump to. So, if I have a css folder in /brettterpstra/ and in /myclientsite/, I could type <code>z brett css</code> or <code>z client css</code> to distinguish between them. I haven’t bothered with replacing autojump in my config files yet, but this looks promising.</p>
<p>Related posts:<ol>
<li><a href='http://brettterpstra.com/quick-tip-throttling-parallel-batch-processes-in-terminal/' rel='bookmark' title='Quick Tip: throttling parallel batch processes in Terminal'>Quick Tip: throttling parallel batch processes in Terminal</a></li>
<li><a href='http://brettterpstra.com/quick-link-historio-us/' rel='bookmark' title='Quick Link: historio.us'>Quick Link: historio.us</a></li>
<li><a href='http://brettterpstra.com/filesystem-navigation-with-textexpander/' rel='bookmark' title='Filesystem navigation with TextExpander'>Filesystem navigation with TextExpander</a></li>
</ol></p><p>Originally posted on <a href="http://brettterpstra.com" title="BrettTerpstra.com">BrettTerpstra.com</a> at <a href="http://brettterpstra.com/quick-link-terminal-navigation-utilities/">Quick Link: Terminal navigation utilities</a></p>]]></content:encoded>
			<wfw:commentRss>http://brettterpstra.com/quick-link-terminal-navigation-utilities/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Instapaper Beyond for Fluid.app</title>
		<link>http://brettterpstra.com/instapaper-beyond-fluid/</link>
		<comments>http://brettterpstra.com/instapaper-beyond-fluid/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 09:00:26 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[fluid]]></category>
		<category><![CDATA[instapaper]]></category>
		<category><![CDATA[instapaper beyond]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[userscript]]></category>

		<guid isPermaLink="false">http://brettterpstra.com/?p=344</guid>
		<description><![CDATA[<p>Introducing Instapaper Beyond, an Instapaper userscript for Fluid that provides full keyboard navigation and some special features for browsing your Instapaper articles. If you’re not familiar, Fluid is a Mac (only) application which creates a Single Site Browser (SSB) for a site, using the same Webkit engine as Safari. It essentially allows you to turn web applications and sites into&#8230;</p><p>Originally posted on <a href="http://brettterpstra.com" title="BrettTerpstra.com">BrettTerpstra.com</a> at <a href="http://brettterpstra.com/instapaper-beyond-fluid/">Instapaper Beyond for Fluid.app</a></p>]]></description>
			<content:encoded><![CDATA[<p>Introducing Instapaper Beyond, an <a href="http://www.instapaper.com">Instapaper</a> userscript for <a href="http://fluidapp.com/">Fluid</a> that provides full keyboard navigation and some special features for browsing your Instapaper articles. If you’re not familiar, Fluid is a Mac (only) application which creates a Single Site Browser (SSB) for a site, using the same Webkit engine as Safari. It essentially allows you to turn web applications and sites into Mac apps. It’s pure Cocoa, so all of your Services and fun text tricks (like Control-T transposition) work on it. Oh, and it includes <a href="http://userstyles.org/">userstyle</a> and <a href="http://userscripts.org/">userscript</a> engines, similar to <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a>, which allows nerds like me to do some crazy things. Fluid (WebKit) is the only browser I’ve developed this for, so I doubt Greasemonkey (Firefox) users will have much luck with it.</p>

<div id="attachment_347" class="wp-caption alignright" style="width: 310px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; float: right;"><a href="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/highlighted.jpg?9d7bd4" class="alignright"><img src="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/highlighted-300x191.jpg?9d7bd4" alt="Screenshot of a highlighted entry" title="Highlighted entry" width="300" height="191" class="size-medium wp-image-347" /></a><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Keyboard navigation highlight</p></div>

<p>Know what you’re doing and want to skip straight to the script? <a href="http://brettterpstra.com/userscripts/instapaperbeyond.user.js?9d7bd4">OK</a>.</p>

<p><span id="more-344"></span>
The script started as an expansion of a cool userscript called <a href="http://userscripts.org/scripts/show/59917">Instapaper Article Tools</a>, which provides a floating menu with some options while in the text view of an article. For the most part, that script isn’t even visible in the final version, unless you manually click into an article. You don’t need to do that, though, because the whole point of the script is to provide keyboard navigation for Instapaper. Articles are loaded via Ajax and you can go from article to article in full-screen text view, starring/unstarring, moving and archiving on the fly. A full list of commands available at any time can be seen by pressing “h”, but here’s a quick overview:</p>

<div id="attachment_373" class="wp-caption alignright" style="width: 310px;  border: 1px solid #dddddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px; text-align:center; float: right;"><img src="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/InstapaperHelpHud.jpg?9d7bd4" alt="Image of the Instapaper Beyond Help HUD" title="InstapaperHelpHud" width="300" height="301" class="size-full wp-image-373" /><p style=' padding: 0 4px 5px; margin: 0;'  class="wp-caption-text">Help HUD (h)</p></div>

<ul>
<li>“h” will bring up a help screen with the available shortcuts on it</li>
<li>“g” opens a list of folders you can jump to</li>
<li>navigation is fairly intuitive if you use Google Reader or other Google apps, in that j is forward, k is backwards, o is open, u returns to unread articles. </li>
<li>Escape and Enter function as expected (at least to me), closing open dialogs, returning to posts, etc.</li>
<li>In list view, lowercase letters jump to sections (a:Archive, s:Starred, u:unread) and capital letters perform functions (A:Archive, S:Toggle Star).</li>
<li>The delete key deletes the current article in list and text views</li>
<li>see the help (h) for more!</li>
</ul>

<p>Additionally, Instapaper Beyond adds target=_blank to external links (original articles) so that you can open them in tabs or new windows (depending on your tabbed browsing settings). “U” will check for updates to the script and offer you a link to any updated version for easy installation. There’s wraparound navigation of lists, so using any “next” command at the end of a list will take you to the top, and vice versa. I also built myself an easy-to-expand, contextual help system so adding new commands is a snap, and having them show up in the appropriate help menus is automatic. You don’t care so much about that, but hey, it’s cool.</p>

<p>No guarantee is offered that this script will function well with your userstyle of choice, although several have been tested with good results.</p>

<h3>Installation</h3>

<ol>
<li>First, create your Fluid SSB and set http://www.instapaper.com/u as your home page. <a href="http://fluidapp.com/">Download Fluid here</a>, if needed, then run it to create the SSB. <a href="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/instapapericon1.png?9d7bd4">Here’s a handy icon</a> you can use, too!</li>
<li>Have new windows open with your Home Page under General Settings in Preferences</li>
<li>Under Advanced Settings in Preferences, set your SSB to browse to any url <a href="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/Advanced-Preferences.jpg?9d7bd4" rel="lightbox">(image)</a></li>
<li>Enable Tabbed Browsing under the Tabs Preferences <a href="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/Tabs-Preferences.jpg?9d7bd4" rel="lightbox">(image)</a></li>
<li>Install the Instapaper Beyond Userscript: Point your Fluid <acronym title="Single Site Browser">SSB</acronym> at <a href="http://brettterpstra.com/userscripts/instapaperbeyond.user.js?9d7bd4">http://brettterpstra.com/userscripts/instapaperbeyond.user.js</a>. Fluid should automatically recognize it as a userscript and offer to install it for you. If you have any trouble, you can open the link above, copy the entire script and use “New Userscript” under the SSB’s Script menu (looks like a scroll). Name it “Instapaper Beyond” and paste the copied script into the window.</li>
<li>For best results, turn off Auto Archiving in Instapaper by unchecking the box at the bottom of a post list page
<a href="http://cdn2.brettterpstra.com/wp-content/uploads/2010/03/instapaperbeyondarchivesetting.jpg?9d7bd4" rel="lightbox">(image)</a></li>
</ol>

<p>The script is under development, but is stable at this point. Please let me know how it works for you and what you’d like to see! I’m thinking that I’ll eventually use <a href="http://fluidium.org/">Fluidium</a> to make this into a full-blown app with auto-updates, so keep your eyes peeled for that. Remember, “h” for help, “U” to check for new versions! If you need a script to quickly populate your Instapaper account, be sure to check out the <a href="http://brettterpstra.com/2010/03/08/save-safari-tabs-to-instapaper/">“Safari to Instapaper”</a> script I posted earlier.</p>
<p>Related posts:<ol>
<li><a href='http://brettterpstra.com/minor-update-to-instapaper-beyond-1-4/' rel='bookmark' title='Minor update to Instapaper Beyond (1.4)'>Minor update to Instapaper Beyond (1.4)</a></li>
<li><a href='http://brettterpstra.com/a-big-upgrade-for-instapaper-beyond/' rel='bookmark' title='A big upgrade for Instapaper Beyond'>A big upgrade for Instapaper Beyond</a></li>
<li><a href='http://brettterpstra.com/instapaper-beyond-for-safari/' rel='bookmark' title='Instapaper Beyond for Safari'>Instapaper Beyond for Safari</a></li>
</ol></p><p>Originally posted on <a href="http://brettterpstra.com" title="BrettTerpstra.com">BrettTerpstra.com</a> at <a href="http://brettterpstra.com/instapaper-beyond-fluid/">Instapaper Beyond for Fluid.app</a></p>]]></content:encoded>
			<wfw:commentRss>http://brettterpstra.com/instapaper-beyond-fluid/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: enhanced
Database Caching 8/39 queries in 0.127 seconds using xcache
Object Caching 1094/1137 objects using xcache
Content Delivery Network via cdn2.brettterpstra.com

Served from: brettterpstra.com @ 2012-02-09 17:59:33 -->
