<?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>robinadr &#187; Web Development</title>
	<atom:link href="http://robinadr.com/categories/web_development/feed" rel="self" type="application/rss+xml" />
	<link>http://robinadr.com</link>
	<description>big pimpin&#039;</description>
	<lastBuildDate>Sun, 29 Apr 2012 19:09:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Google&#8217;s Hosted jQuery with WordPress</title>
		<link>http://robinadr.com/2011/01/googles-hosted-jquery-with-wordpress</link>
		<comments>http://robinadr.com/2011/01/googles-hosted-jquery-with-wordpress#comments</comments>
		<pubDate>Fri, 21 Jan 2011 23:36:08 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[robinadr.com]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://robinadr.com/?p=295</guid>
		<description><![CDATA[Update: I&#8217;ve modified the plugin to use a generic URL (.../1/jquery...) which loads the latest 1.x version. That way I don&#8217;t have to change the plugin everytime jQuery is updated. The ZIP file has been updated, just overwrite your old &#8230; <a href="http://robinadr.com/2011/01/googles-hosted-jquery-with-wordpress">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<blockquote>
  <p><strong>Update</strong>: I&#8217;ve modified the plugin to use a generic URL (<code>.../1/jquery...</code>) which loads the latest 1.x version. That way I don&#8217;t have to change the plugin everytime jQuery is updated.</p>
  
  <p>The ZIP file has been updated, just overwrite your old <code>googlejs.php</code> file and everything will be gravy.</p>
</blockquote>

<p>In an effort to save bandwidth, I made a quick plugin to modify WordPress to use <a href="http://code.google.com/apis/libraries/devguide.html#jquery">Google&#8217;s Libraries API</a>, which offers a Google-hosted jQuery. Here&#8217;s the code in question:</p>

<pre style="overflow-x:auto"><code>function radr_google_js( &#038;$scripts ) {
    $scripts->remove( 'jquery' );
    
    $scripts->add(
        'jquery', // shortname
        'https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', // url
        false // dependancies (none)
    );
}

add_action( 'wp_default_scripts', 'radr_google_js' );</code></pre>

<p>If you&#8217;re interested in using this on your own site, you&#8217;re welcome to <a href="http://robinadr.com/files/googlejs.zip">download this quick plugin</a>. Just follow standard procedure &#8212; unzip, copy to <code>wp-content/plugins</code>, and activate.</p>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2011/01/googles-hosted-jquery-with-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tweeting Comments</title>
		<link>http://robinadr.com/2010/10/tweeting-comments</link>
		<comments>http://robinadr.com/2010/10/tweeting-comments#comments</comments>
		<pubDate>Fri, 08 Oct 2010 22:54:49 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[Happy Cog]]></category>
		<category><![CDATA[tweeting]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://robinadr.com/?p=224</guid>
		<description><![CDATA[Happy Cog just launched their blog, smartly titled Cognition. A key difference from most blogs, however, is that in order to comment, you must reply via Twitter. Kids today are more likely to respond to a blog post on Twitter &#8230; <a href="http://robinadr.com/2010/10/tweeting-comments">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.happycog.com/">Happy Cog</a> just <a href="http://cognition.happycog.com/article/is-this-thing-on">launched their blog</a>, smartly titled <em>Cognition.</em> A key difference from most blogs, however, is that in order to comment, you <strong>must</strong> reply via <a href="http://twitter.com/">Twitter</a>.</p>

<blockquote>
  <p>Kids today are more likely to respond to a blog post on Twitter than in the article’s comments section; so we’ve collocated our comments on Twitter. Share a tweet-length response here, and, with your permission, it will go there.</p>
</blockquote>

<p>Here&#8217;s the thing, though: I don&#8217;t have a Twitter. I don&#8217;t want a Twitter. I will never, ever, fucking want a Twitter. Please understand this, and realize that there&#8217;s still 0.1% of the world, myself included, that don&#8217;t use Twitter, and would prefer not to be forced to signing up for one just to comment on a blog.</p>

<p>I don&#8217;t see why Happy Cog didn&#8217;t just offer regular comments instead of a tweet &#8212; you can even keep the length requirement, but just post it directly to the site. Their only other alternative is writing on your own site, which I&#8217;ve been forced to do.</p>

<p>So here&#8217;s my original comment:</p>

<blockquote>
  <p>I can&#8217;t find a link back to the blog from the Happy Cog website&#8230; I&#8217;ve tried and tried but even the sitemap has nothing. An oversight, perhaps?</p>
</blockquote>

<p>I lost the exact wording since I hit &#8220;don&#8217;t,&#8221; which I thought meant it would just post to the site as opposed to tweeting it. As it happens, the original comment was exactly 140 characters&#8230;</p>

<p>God damn, I hate using the word &#8220;tweeting.&#8221;</p>

<p>In other news, and kind of related:</p>

<div style="text-align: center"><img src="http://robinadr.com/uploads/2010/10/fuck-twitter.png" alt="" title="Fuck Twitter" width="384" height="342" /></div>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2010/10/tweeting-comments/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gender Browsing</title>
		<link>http://robinadr.com/2009/03/gender_browsing</link>
		<comments>http://robinadr.com/2009/03/gender_browsing#comments</comments>
		<pubDate>Tue, 24 Mar 2009 00:46:16 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[gender]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[statistics]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://robinadr.com/?p=103</guid>
		<description><![CDATA[Despite the scary realization that websites can capture your browsing history, Mike Nolet has created a JavaScript that guesses your gender based upon what sites you have visited. I ran mine through, and low and behold it was incredibly accurate&#8230; &#8230; <a href="http://robinadr.com/2009/03/gender_browsing">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Despite the scary realization that websites can capture your browsing history, Mike Nolet has created a JavaScript that <a href="http://www.mikeonads.com/2008/07/13/using-your-browser-url-history-estimate-gender/">guesses your gender based upon what sites you have visited</a>. I ran mine through, and low and behold it was incredibly accurate&#8230;</p>

<blockquote>
  <p>Likelihood of you being FEMALE is 3%</p>
  
  <p>Likelihood of you being MALE is 97%</p>
</blockquote>

<p>Via <a href="http://noscope.com/journal/2009/03/internet-gender-identification">noscope</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2009/03/gender_browsing/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Improved Animated Scrolling</title>
		<link>http://robinadr.com/2007/11/improved_animated_scrolling</link>
		<comments>http://robinadr.com/2007/11/improved_animated_scrolling#comments</comments>
		<pubDate>Fri, 23 Nov 2007 00:03:00 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://robinadr.com/2007/11/improved_animated_scrolling</guid>
		<description><![CDATA[A while back I posted about automatically scrolling between internal links with some jQuery magic (which in turn was based on a tutorial by Learning jQuery) but one problem with it was that there was no way for the user &#8230; <a href="http://robinadr.com/2007/11/improved_animated_scrolling">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>A while back I posted about <a href="http://robinadr.com/2007/10/animated_scrolling_in_jquery">automatically scrolling between internal links</a> with some jQuery magic (which in turn was based on <a href="http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12">a tutorial</a> by <a href="http://www.learningjquery.com/">Learning jQuery</a>) but one problem with it was that there was no way for the user to link to the anchor.</p>

<p>The problem was that because the function has to <code>return false</code> in order to keep the browser from jumping straight through to the anchor and skipping the animation. So I added another line to the code, taking after <a href="http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps">AJAX pseudo-permalinks</a>, that adds the hash link (e.g. <code>#anchor</code>) back onto the URL in the address bar after a timeout matching the animation.</p>

<p>Here&#8217;s the line in question:</p>

<pre>[sourcecode language="javascript"]setTimeout('window.location = window.location + "' + this.hash + '";', 1000);[/sourcecode]</pre>

<p>Here&#8217;s the full code:</p>

<div><pre>[sourcecode language="javascript"]$(function() {
    $('a[href^=#]').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &#038;& location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length &#038;& target || $('[name=' + this.hash.slice(1) + ']');
            
            if (target.length) {
                var targetOffset = target.offset().top;
                $('html,body').animate({ scrollTop: targetOffset }, 1000);
                setTimeout('window.location = window.location + "' + this.hash + '";', 1000);
                return false;
            }
        }
    });
});[/sourcecode]</pre></div>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2007/11/improved_animated_scrolling/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WebKit</title>
		<link>http://robinadr.com/2007/11/webkit</link>
		<comments>http://robinadr.com/2007/11/webkit#comments</comments>
		<pubDate>Tue, 13 Nov 2007 01:16:40 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Mac OS X]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[WebKit]]></category>

		<guid isPermaLink="false">http://robinadr.com/2007/11/webkit</guid>
		<description><![CDATA[I&#8217;ve had it with Firefox on Mac OS X. On Windows, it&#8217;s fine, but on Mac OS X it&#8217;s unbearable. It crashes too often, it&#8217;s slow and sluggish all the time, and it just eats up my RAM1. So I&#8217;m &#8230; <a href="http://robinadr.com/2007/11/webkit">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve had it with Firefox on Mac OS X. On Windows, it&#8217;s fine, but on Mac OS X it&#8217;s unbearable. It crashes too often, it&#8217;s slow and sluggish <em>all the time</em>, and it just <em>eats</em> up my RAM<sup><a href="http://robinadr.com/2007/11/webkit#footnote_0_75" id="identifier_0_75" class="footnote-link footnote-identifier-link" title="Put it this way: when I quit Firefox, my RAM usage goes way down. Way down.">1</a></sup>. So I&#8217;m trying something new &#8212; I&#8217;m using a <a href="http://nightly.webkit.org/">nightly build</a> of <a href="http://webkit.org/">WebKit</a>.</p>

<p>I started thinking about switching when I read <a href="http://ajaxian.com/archives/another-webkit-win-with-android">an article on Ajaxian</a> that mentioned that more and more web developers were moving to Safari/WebKit for casual browsing, due to the speed and ease of use. I can&#8217;t believe it took me this long &#8212; everything is snappy, the way I would expect a modern piece of software to work, and the nightly is running great.</p>

<p><a href="http://www.inquisitorx.com/safari/">Inquisitor</a> is great, too. It makes searching Google fun and easy, and as an added bonus it looks <em>good</em>. It just took me a while to figure out the <a href="http://www.dori.com/safariShortcuts.html">shortcut for the search box</a>, but once that was done it&#8217;s been smooth sailing since then.</p>

<p>Oh, and the font rendering in Safari is <em>so</em> much better. I&#8217;m never going back. Never! Oh, and WebKit is for Windows, too, now. So when I switch to Windows XP when I buy a new PC (gasp), I&#8217;ll still be fine.</p>
<ol class="footnotes"><li id="footnote_0_75" class="footnote">Put it this way: when I quit Firefox, my RAM usage goes <em>way</em> down. <em>Way</em> down.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2007/11/webkit/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Smackfoo&#8217;s Design</title>
		<link>http://robinadr.com/2007/11/smackfoos_design</link>
		<comments>http://robinadr.com/2007/11/smackfoos_design#comments</comments>
		<pubDate>Mon, 05 Nov 2007 03:45:38 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Daring Fireball]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[John Gruber]]></category>
		<category><![CDATA[rips]]></category>
		<category><![CDATA[Smackfoo]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://robinadr.com/2007/11/smackfoos_design</guid>
		<description><![CDATA[It appears the previous design is still considered by some to be a ‘clone’ of Gruber’s Daring Fireball, despite sharing absolutely no similarities under the hood. Whilst flattering, it is none-the-less a distraction that cannot possibly end up on a &#8230; <a href="http://robinadr.com/2007/11/smackfoos_design">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<blockquote>
  <p>It appears the previous design is still considered by some to be a ‘clone’ of Gruber’s Daring Fireball, despite sharing absolutely no similarities under the hood.</p>
  
  <p>Whilst flattering, it is none-the-less a distraction that cannot possibly end up on a positive note.</p>
  
  <p>Design regressed, the topic is now <em>closed</em>. Thank you. <a href="http://www.smackfoo.com/2007/11/reversion">#</a></p>
</blockquote>

<p>It&#8217;s not really so much what&#8217;s under the hood than what it looks like. I could make an <a href="http://expressionengine.com/">Expression Engine</a> or <a href="http://textpattern.com/">Textpattern</a> theme that looks exactly like that site. To be honest, the first time I visited <a href="http://www.smackfoo.com/">Smackfoo</a> I wondered if <a href="http://daringfireball.net/">John Gruber</a> knew about it.</p>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2007/11/smackfoos_design/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Animated Scrolling in jQuery</title>
		<link>http://robinadr.com/2007/10/animated_scrolling_in_jquery</link>
		<comments>http://robinadr.com/2007/10/animated_scrolling_in_jquery#comments</comments>
		<pubDate>Sun, 14 Oct 2007 01:36:39 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[anchors]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://robinadr.com/2007/10/animated_scrolling_in_jquery</guid>
		<description><![CDATA[I came across an article on Learning jQuery about animating the scrolling between same-page links (i.e. anchors). Basically one block of code does this automatically, but I came across a problem that it was trying to do the same for &#8230; <a href="http://robinadr.com/2007/10/animated_scrolling_in_jquery">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I came across an article on <a href="http://www.learningjquery.com/">Learning jQuery</a> about <a href="http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12">animating the scrolling</a> between same-page links (i.e. anchors). Basically one block of code does this automatically, but I came across a problem that it was trying to do the same for anchors on other pages, which obviously wouldn&#8217;t work.</p>

<p>The line in question:</p>

<p>[sourcecode language=&#8217;jscript&#8217;]$(&#8216;a[href*=#]&#8217;).click(function() {[/sourcecode]</p>

<p>This line selects all <code>a</code> elements with a hash (<code>#</code>) in its <code>href</code> attribute, but this also selects links to anchors on other pages. I changed it to this:</p>

<p>[sourcecode language=&#8217;jscript&#8217;]$(&#8216;a[href^=#]&#8217;).click(function() {[/sourcecode]</p>

<p>So instead of matching a hash <em>anywhere</em> in the <code>href</code> attribute, this code only matches the hashes at the beginning. Other than that, the rest of the code is the same as in the article. You can see the effect here by clicking on the link in the footer to go back to the top of the page.</p>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2007/10/animated_scrolling_in_jquery/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>robinadr v6.0</title>
		<link>http://robinadr.com/2007/09/robinadr_v60</link>
		<comments>http://robinadr.com/2007/09/robinadr_v60#comments</comments>
		<pubDate>Sun, 23 Sep 2007 04:27:04 +0000</pubDate>
		<dc:creator>Robin</dc:creator>
				<category><![CDATA[robinadr.com]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://robinadr.com/2007/09/robinadr_v60</guid>
		<description><![CDATA[While version 5.0 only lasted about two weeks, I&#8217;ve finally settled on a design that I like quite a bit. The header photo is from sxc.hu, titled &#8220;Speed&#8221;. The navigation style was inspired by Stopdesign&#8217;s. I&#8217;ve always admired Stopdesign &#8212; &#8230; <a href="http://robinadr.com/2007/09/robinadr_v60">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="text-align:center"><p><a href="http://www.flickr.com/photos/rob1n/1425599505/"><img src="http://farm2.static.flickr.com/1372/1425599505_4fd1d7b0d4.jpg" width="500" height="349" alt="robinadr v6.0" /></a></p></div>

<p>While version 5.0 only lasted about two weeks, I&#8217;ve finally settled on a design that I like quite a bit.</p>

<ul>
<li>The header photo is from <a href="http://www.sxc.hu/">sxc.hu</a>, titled <a href="http://www.sxc.hu/photo/844459">&#8220;Speed&#8221;</a>.</li>
<li>The navigation style was inspired by <a href="http://stopdesign.com/">Stopdesign&#8217;s</a>. I&#8217;ve always admired Stopdesign &#8212; one of the best designs I&#8217;ve ever seen. Also, the variance between sections of the site is a very nice touch.</li>
<li>The style of the post titles and comment links are inspired by the previous incarnation of <a href="http://binarybonsai.com/">Binary Bonsai</a>, nicknamed <a href="http://binarybonsai.com/archives/2004/11/21/freya-dissection/">Freya</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://robinadr.com/2007/09/robinadr_v60/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

