<?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>Stuart Jones &#187; bookmarklet</title>
	<atom:link href="http://gingerbbm.com/tag/bookmarklet/feed/" rel="self" type="application/rss+xml" />
	<link>http://gingerbbm.com</link>
	<description>User Experience Design &#38; Software Development</description>
	<lastBuildDate>Mon, 05 Dec 2011 23:13:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Bookmarklets</title>
		<link>http://gingerbbm.com/2009/05/bookmarklets/</link>
		<comments>http://gingerbbm.com/2009/05/bookmarklets/#comments</comments>
		<pubDate>Fri, 15 May 2009 23:58:15 +0000</pubDate>
		<dc:creator>Stuart</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[bookmarklet]]></category>

		<guid isPermaLink="false">http://gingerbbm.wordpress.com/?p=87</guid>
		<description><![CDATA[Not a day goes by without the need at some point to look up a location on Google Maps (UK). Despite the obvious benefits of the quick search bars in All Modern Browsers, I&#8217;ve not really taken to them. In &#8230; <a href="http://gingerbbm.com/2009/05/bookmarklets/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Not a day goes by without the need at some point to look up a location on <a href="http://maps.google.co.uk" target="_blank">Google Maps</a> (UK). Despite the obvious benefits of the quick search bars in All Modern Browsers, I&#8217;ve not really taken to them. In theory they&#8217;re a great feature, but I find that they <a href="http://www.dontmakemethink.com/" target="_blank">make me think</a> too much. <span id="more-87"></span>Like so:</p>
<ol>
<li>pull down the list of search engines</li>
<li>scan for the one I want</li>
<li>type and go</li>
</ol>
<p>To reduce friction when searching in common places I have the following bookmarklets defined.</p>
<h3>Google Maps</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">javascript<span style="color: #339933;">:</span>p<span style="color: #339933;">=</span><span style="color: #000066;">prompt</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'GMaps%20search:'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>if<span style="color: #009900;">&#40;</span>p<span style="color: #009900;">&#41;</span><span style="color: #339933;">%</span>20<span style="color: #009900;">&#123;</span><span style="color: #339933;">%</span>20p<span style="color: #339933;">=</span>p.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/\./g</span><span style="color: #339933;">,%</span>20<span style="color: #3366CC;">'/'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>window.<span style="color: #660066;">location</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'http://maps.google.co.uk?q='</span><span style="color: #339933;">+</span>p.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span></pre></div></div>

<h3>Dictionary.com</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">javascript<span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">void</span><span style="color: #009900;">&#40;</span>location.<span style="color: #660066;">href</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'http://dictionary.reference.com/browse/'</span><span style="color: #339933;">+</span><span style="color: #000066;">prompt</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Dictionary.com%20search:'</span><span style="color: #339933;">,</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span></pre></div></div>

<h3>Prototype API</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">javascript<span style="color: #339933;">:</span>p<span style="color: #339933;">=</span><span style="color: #000066;">prompt</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Prototype%20API%20search:'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>if<span style="color: #009900;">&#40;</span>p<span style="color: #009900;">&#41;</span><span style="color: #339933;">%</span>20<span style="color: #009900;">&#123;</span><span style="color: #339933;">%</span>20p<span style="color: #339933;">=</span>p.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/\./g</span><span style="color: #339933;">,%</span>20<span style="color: #3366CC;">'/'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>window.<span style="color: #660066;">location</span><span style="color: #339933;">=</span><span style="color: #3366CC;">'http://prototypejs.org/api/'</span><span style="color: #339933;">+</span>p.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span></pre></div></div>

<p>To use these JavaScript snippets, assign them to a bookmark in your browser. For ease of access, place the bookmark on the Bookmarks Toolbar. This reduces the workflow to:</p>
<ol>
<li>click the bookmarklet</li>
<li>type and go</li>
</ol>
<p>It&#8217;s not rocket science. A simple Google search reveals all sorts of much-more-advanced bookmarklets. As far as bookmarklets for straightfoward searching are concerned, any more than three or so would feel like too many to me, and I&#8217;d opt for the browser&#8217;s quick search bar.</p>
]]></content:encoded>
			<wfw:commentRss>http://gingerbbm.com/2009/05/bookmarklets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

