<?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>Michael Grace &#187; Web Design -Dev</title>
	<atom:link href="http://geek.michaelgrace.org/category/web-design-dev/feed/" rel="self" type="application/rss+xml" />
	<link>http://geek.michaelgrace.org</link>
	<description>All my geek in one place</description>
	<lastBuildDate>Wed, 21 Jul 2010 14:11:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>Getting into jQuery</title>
		<link>http://geek.michaelgrace.org/2010/07/getting-into-jquery/</link>
		<comments>http://geek.michaelgrace.org/2010/07/getting-into-jquery/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 14:11:45 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1427</guid>
		<description><![CDATA[

I have a friend that is wanting to get into learning and using jQuery so I thought that I would throw some information together to help them get started.
Documentation
Love jQuery&#8217;s documentation! I love being able to go to http://api.jquery.com/ and being able to quickly search for what I am looking for. This is great for [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a title="Swiss Army Knife Cadet 1 by Quality &amp;amp; Style, on Flickr" href="http://www.flickr.com/photos/qualityandstyle/4567136254/"><img src="http://farm5.static.flickr.com/4038/4567136254_9c64cd1f54.jpg" alt="Swiss Army Knife Cadet 1" width="500" height="287" /></a></p>
<div style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; font: normal normal normal 13px/19px Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-family: Times; line-height: normal; font-size: small; padding: 0.6em; margin: 0px;">
<p>I have a friend that is wanting to get into learning and using jQuery so I thought that I would throw some information together to help them get started.</p>
<h2 style="font-size: 1.5em;">Documentation</h2>
<p>Love jQuery&#8217;s documentation! I love being able to go to <a href="http://api.jquery.com/">http://api.jquery.com/</a> and being able to quickly search for what I am looking for. This is great for when I know roughly what I want and just need a bit of information on how to do it. When I was starting out, the documentation main page was the place to be <a href="http://docs.jquery.com/">http://docs.jquery.com/</a></p>
<h2 style="font-size: 1.5em;">Including jQuery into projects</h2>
<p>So you can download the jQuery code from the site and put it up on S3 or your own hosting service and include it into your projects that you are working on but why not let Google do it for you if it makes life easier? Google has a bunch of script libraries that they host for free that are used commonly. To include jQuery in your project stress free try this<br />
<img src="https://mikegrace.s3.amazonaws.com/geek-blog/jquery-example-1/google-jquery.png" alt="" width="660" height="24" /></p>
<h2 style="font-size: 1.5em;">Document Ready</h2>
<p>One thing that can be frustrating when just starting out using jQuery is finding out the hard way of why you have to wait for the page to load before your functions can work. What??!! jQuery is a JavaScript library that extends native functionality of JavaScript and just plain makes JavaScript easier to work with. Problem is, none of your jQuery functions will work until the library is completely loaded and the structure of the html is in the browser. You can make sure your jQuery functions don&#8217;t try to do anything until the page is ready by putting your code in a document read wrapper that jQuery makes easy.</p>
<pre style="font: normal normal normal 12px/18px Consolas, Monaco, 'Courier New', Courier, monospace;" lang="html">$(document).ready(function() {
  // Your jQuery code goes here
});</pre>
<h2 style="font-size: 1.5em;"></h2>
<h2 style="font-size: 1.5em;">Shortcut</h2>
<p>Because using jQuery is soo awesome and you are going to be using it soo much, the shortcut &#8216;$&#8217; was used to reference jQuery. So the following two jQuery functions are the same.</p>
<pre style="font: normal normal normal 12px/18px Consolas, Monaco, 'Courier New', Courier, monospace;" lang="html">jQuery("#ajax img").hide();
$("#ajax img").hide();</pre>
<h2 style="font-size: 1.5em;"></h2>
<h2 style="font-size: 1.5em;">Help</h2>
<p>Just remember when you get frustrated or you need help understanding something with jQuery do a Google search for what your having trouble with. If that doesn&#8217;t get you what you are looking for, ask a friend! There are many who have loved using jQuery and would love to help a friend out. Also, don&#8217;t forget the ever awesome <a href="http://stackoverflow.com/ ">http://stackoverflow.com/ </a>which is a great place to find, ask, and answer programming related stuff! jQuery included.</p>
<h2>Example</h2>
<p>Here is a full and simple working example that I created just to show off a bit of the fun power of jQuery. Again, jQuery documentation rocks and has many examples but I thought this would be nice to pull together everything I had talked about here.</p>
<p><a href="https://mikegrace.s3.amazonaws.com/geek-blog/jquery-example-1/jquery-example-1.html">https://mikegrace.s3.amazonaws.com/geek-blog/jquery-example-1/jquery-example-1.html</a></p>
<p>photo by <a href="http://www.flickr.com/photos/qualityandstyle/4567136254/">Quality &amp; Style</a></div>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2010/07/getting-into-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create HTML link That Starts A Skype Call</title>
		<link>http://geek.michaelgrace.org/2010/03/create-html-link-that-starts-a-skype-call/</link>
		<comments>http://geek.michaelgrace.org/2010/03/create-html-link-that-starts-a-skype-call/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 20:35:58 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[skype]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1296</guid>
		<description><![CDATA[
To create a link that visitors can click on to call a phone number or skype username follow this syntax.
Replace the asterisks with a valid username or number.
Phone Number:

&#60;a href=&#34;callto://+***********&#34;&#62;Link will initiate Skype to call my number!&#60;/a&#62;

Skype Username:

&#60;a href=&#34;skype:********?call&#34;&#62;Link will initiate Skype to call my Skype username!&#60;/a&#62;

]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="https://mikegrace.s3.amazonaws.com/geek-blog/skpe-me.png" class="aligncenter" width="600" height="108" /><br />
To create a link that visitors can click on to call a phone number or skype username follow this syntax.<br />
<em>Replace the asterisks with a valid username or number.</em></p>
<h2>Phone Number:</h2>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;callto://+***********&quot;</span>&gt;</span>Link will initiate Skype to call my number!<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

<h2>Skype Username:</h2>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;skype:********?call&quot;</span>&gt;</span>Link will initiate Skype to call my Skype username!<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2010/03/create-html-link-that-starts-a-skype-call/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Access Local Mac Dev Environment from VM</title>
		<link>http://geek.michaelgrace.org/2010/02/access-local-mac-dev-environment-from-vm/</link>
		<comments>http://geek.michaelgrace.org/2010/02/access-local-mac-dev-environment-from-vm/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 20:20:04 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Testing]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Virtual-Machine]]></category>
		<category><![CDATA[VM]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1268</guid>
		<description><![CDATA[Testing my web development in IE is the bane of my existence. Since I run Apache and MYSQL on my local host on my Mac it was always a trick to view my work though my Windows VM until my friend Mike Farmer showed me an easy way to access my development environment on my Mac from my virtual machine.
Steps:

Get [...]]]></description>
			<content:encoded><![CDATA[<p>Testing my web development in IE is the bane of my existence. Since I run Apache and MYSQL on my local host on my Mac it was always a trick to view my work though my Windows VM until my friend <a href="http://twitter.com/mikefarmer">Mike Farmer</a> showed me an easy way to access my development environment on my Mac from my virtual machine.</p>
<p>Steps:</p>
<ol>
<li>Get default gateway of VM machine</li>
<li>Use that address the same way you would &#8220;localhost&#8221; on your Mac</li>
</ol>
<p>Example:</p>
<div class="wp-caption alignnone" style="width: 548px"><img title="Get IP address of VM" src="https://geek-blog.s3.amazonaws.com/2010/xp-cmd-ipaddress.jpg" alt="Get IP address of VM" width="538" height="351" /><p class="wp-caption-text">Get IP address of VM</p></div>
<div class="wp-caption alignnone" style="width: 610px"><img class=" " title="Local Mac development environment" src="https://geek-blog.s3.amazonaws.com/2010/mac-local-couchdb-environment.jpg" alt="Local Mac development environment" width="600" height="441" /><p class="wp-caption-text">Local Mac development environment</p></div>
<div class="wp-caption alignnone" style="width: 610px"><img class=" " title="Dev environment from VM" src="https://mikegrace.s3.amazonaws.com/geek-blog/xp-access-mac-dev-environment.jpg" alt="Dev environment from VM" width="600" height="441" /><p class="wp-caption-text">Dev environment from VM</p></div>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2010/02/access-local-mac-dev-environment-from-vm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using Twitter in KRL (Kynetx Rule Language)</title>
		<link>http://geek.michaelgrace.org/2009/12/using-twitter-in-krl-kynetx-rule-language/</link>
		<comments>http://geek.michaelgrace.org/2009/12/using-twitter-in-krl-kynetx-rule-language/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 17:47:16 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Kynetx]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[KRL]]></category>
		<category><![CDATA[OAuth]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1207</guid>
		<description><![CDATA[I am very excited about the possibilities that this opens up. You can bet that I will be building several applications that use this new feature of Kynetx. Enjoy this how to video by Phil Windley

Twitter in Kynetx Rule Language from Phil Windley on Vimeo.
Twitter uses OAuth to authorize access to individual data. This video [...]]]></description>
			<content:encoded><![CDATA[<p>I am very excited about the possibilities that this opens up. You can bet that I will be building several applications that use this new feature of Kynetx. Enjoy this how to video by Phil Windley</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="435" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8311960&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="600" height="435" src="http://vimeo.com/moogaloop.swf?clip_id=8311960&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/8311960">Twitter in Kynetx Rule Language</a> from <a href="http://vimeo.com/user2840007">Phil Windley</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Twitter uses OAuth to authorize access to individual data. This video screencast shows how to use OAuth and Twitter from within the Kynetx Rule Language (KRL).</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/12/using-twitter-in-krl-kynetx-rule-language/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Install 64 bit Ruby On Rails and MySQL on OS X</title>
		<link>http://geek.michaelgrace.org/2009/12/install-64-bit-ruby-on-rails-and-mysql-on-os-x/</link>
		<comments>http://geek.michaelgrace.org/2009/12/install-64-bit-ruby-on-rails-and-mysql-on-os-x/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 11:54:36 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[64-bit]]></category>
		<category><![CDATA[compile]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[Rails]]></category>
		<category><![CDATA[ROR]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[source]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1197</guid>
		<description><![CDATA[
For a project that I am starting I wanted to use Rails and MySQL so I decided to install for source that I compile myself for both. It was amazingly easy and satisfying to have both compiled and installed on my machine for development. Hivelogic has some really simple easy to follow blog posts on [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/piston9/309393133/"><img class="aligncenter size-full wp-image-1198" title="Because it's fast!!" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/fast_bike.jpg" alt="because it's fast!" width="650" height="172" /></a></p>
<p>For a project that I am starting I wanted to use Rails and MySQL so I decided to install for source that I compile myself for both. It was amazingly easy and satisfying to have both compiled and installed on my machine for development. Hivelogic has some really simple easy to follow blog posts on how to do both. If you are wanting to compile and install either Rails or MySQL on your Mac from source code then I recommend you check them out.</p>
<h2><a href="http://hivelogic.com/articles/compiling-mysql-on-snow-leopard/">Installing MySQL on Snow Leopard</a></h2>
<h2><a href="http://hivelogic.com/articles/compiling-ruby-rubygems-and-rails-on-snow-leopard/">Installing Ruby, RubyGems, and Rails on Snow Leopard</a></h2>
<p><a href="http://geek.michaelgrace.org/wp-content/uploads/2009/12/ruby_on_rails.jpg"><img class="aligncenter size-full wp-image-1205" title="Ruby On Rails" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/ruby_on_rails.jpg" alt="Ruby On Rails" width="327" height="86" /></a></p>
<p><a rel="cc:attributionURL" href="http://www.flickr.com/photos/piston9/">Bike photo by piston9</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/12/install-64-bit-ruby-on-rails-and-mysql-on-os-x/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Thoughts on Personalizing the Web Browsing Experience</title>
		<link>http://geek.michaelgrace.org/2009/12/thoughts-on-personalizing-the-web-browsing-experience/</link>
		<comments>http://geek.michaelgrace.org/2009/12/thoughts-on-personalizing-the-web-browsing-experience/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 09:18:43 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Kynetx]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[Context]]></category>
		<category><![CDATA[context-sensitivity]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1150</guid>
		<description><![CDATA[Dave Kearns of Network World recently wrote an article titled &#8220;Personalizing the Web browsing experience&#8221; where he talked about what he had recently learned from Kynetx and shared his excitement for the future of context sensitivity. I thought it was a good article and wanted to share my thoughts in reply to his article.

&#8220;It&#8217;s really [...]]]></description>
			<content:encoded><![CDATA[<div id="article_subtitle"><span><a href="http://www.networkworld.com/newsletters/dir/2009/120709id2.html"><img class="alignleft size-full wp-image-1152" title="Network World" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/networkworld.jpg" alt="Network World" width="200" height="43" /></a>Dave Kearns of </span>Network World recently wrote an article titled &#8220;<a href="http://www.networkworld.com/newsletters/dir/2009/120709id2.html">Personalizing the Web browsing experience</a>&#8221; where he talked about what he had recently learned from Kynetx and shared his excitement for the future of context sensitivity. I thought it was a good article and wanted to share my thoughts in reply to his article.</div>
<p><br/></p>
<div>&#8220;It&#8217;s really exciting to think about all the possibilities there are when you can create applications that act proactively based on contextual information that is available. Because the ability to create a contextually sensitive experience is soo new we are only seeing applications that are scratching the surface. We are in, what I like to call, the &#8220;baby sitting in a highchair throwing Cheerios&#8221; stage. As the concept of building a contextual experience grows and the technology that facilitates that spreads, we will see amazing applications that will blow our minds. The funny thing about all of this is, we will eventually look back on these times and wonder how we ever got stuff done with out context sensitivity.&#8221;</div>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/12/thoughts-on-personalizing-the-web-browsing-experience/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Geek and Poke Meets Kynetx</title>
		<link>http://geek.michaelgrace.org/2009/12/geek-and-poke-meets-kynetx/</link>
		<comments>http://geek.michaelgrace.org/2009/12/geek-and-poke-meets-kynetx/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 11:25:10 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Kynetx]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Context]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1126</guid>
		<description><![CDATA[

One of my co-workers recently tweeted, &#8220;I really want to know how I missed this web comic. Hilarious!! http://bit.ly/7das6F&#8220;. That got me thinking about how much people do miss from their favorite comic sites or any site on the web for that matter. Of course you can subscribe to RSS and get all their updates [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://geekandpoke.typepad.com/"><img class="size-full wp-image-1139 aligncenter" title="Geek and Poke" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/geekandpoke.jpg" alt="Geek and Poke" width="500" height="125" /></a></p>
<p style="text-align: center;"><a href="http://kynetx.com/"><img class="size-full wp-image-1141 aligncenter" title="kynetx" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/kynetx.gif" alt="kynetx" width="250" height="80" /></a></p>
<p>One of my co-workers recently tweeted, &#8220;I really want to know how I missed this web comic. Hilarious!! <a href="http://geekandpoke.typepad.com/geekandpoke/2009/12/simply-explained-new-series-the-main-principles-of-software-engineering-part-1.html">http://bit.ly/7das6F</a>&#8220;. That got me thinking about how much people do miss from their favorite comic sites or any site on the web for that matter. Of course you can subscribe to RSS and get all their updates but those who valiantly use and keep up with their feeds know how quickly it can become overwhelming. But what about all of the people who like sites or products but don&#8217;t know how to set up an RSS reader or who just don&#8217;t want to? How do you get your content to those people all the time without them having to type in your URL?</p>
<h1 style="text-align: center;">With Kynetx!!</h1>
<p>With <a href="http://kynetx.com/">Kynetx</a> you can customize the users experience on your website AND ANY OTHER WEBSITE YOU DESIRE!!</p>
<p>Are you getting excited yet? Are you listening or paying attention?! Are you thinking about the possibilities??!!!</p>
<p>In this example, if a user really loves the comic &#8220;<a href="http://geekandpoke.typepad.com/">Geek and Poke</a>&#8221; why not make the content available to them anywhere they go on the web in unobtrusive manner? In fact, if you do it well, the users will be giddy with the results and love your product even more! It&#8217;s a little known secret that people actually like advertising. THEY DO! People love to buy stuff! What people actually hate is irrelevant and irritating ads that are in their faces. I took 3 sites and customized the users experience based on the context that they really enjoy the comic &#8220;Geek and Poke&#8221;.</p>
<ul>
<li>Google.com</li>
<li>CNET.com</li>
<li>CNN.com</li>
</ul>
<p>Here are the after and before photos of what the user will see as they visit these sites.</p>
<div id="attachment_1130" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-1130" title="Geek and Poke on Google.com" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/google.jpg" alt="Geek and Poke on Google.com" width="600" height="705" /><p class="wp-caption-text">Geek and Poke on Google.com</p></div>
<div id="attachment_1129" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-1129" title="Geek and Poke on CNET.com" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/cnet.jpg" alt="Geek and Poke on CNET.com" width="600" height="705" /><p class="wp-caption-text">Geek and Poke on CNET.com</p></div>
<div id="attachment_1128" class="wp-caption aligncenter" style="width: 610px"><img class="size-full wp-image-1128" title="Geek and Poke on CNN.com using Kynetx technology" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/cnn.jpg" alt="Geek and Poke on CNN.com using Kynetx technology" width="600" height="705" /><p class="wp-caption-text">Geek and Poke on CNN.com using Kynetx technology</p></div>
<p>All the user has to do is download an Information Card into their Card Selector on their computer!</p>
<p>Check out this presentation by Kynetx to learn a bit more. (Make sure you watch it full screen. It looks much better!)</p>
<div id="__ss_2568833" style="width: 425px; text-align: center;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="Home Page Tour Purpose-centric Web" href="http://www.slideshare.net/knightfour/home-page-tour-purposecentric-web-2568833">Home Page Tour Purpose-centric Web</a><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=homepagetoursimple-091123163037-phpapp01&amp;stripped_title=home-page-tour-purposecentric-web-2568833" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=homepagetoursimple-091123163037-phpapp01&amp;stripped_title=home-page-tour-purposecentric-web-2568833" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px; text-align: center;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/knightfour">knightfour</a>.</div>
</div>
<p>If you would like to try it out for yourself, drag this bookmarklet to your bookmarks bar: <a href="javascript:(function(){d=document;s=d.createElement('script');s.text=&quot;KOBJ_config={'rids':['a60x38']};&quot;;d.body.appendChild(s);l=d.createElement('script');l.src=&quot;http://init.kobj.net/js/shared/kobj-static.js&quot;;d.body.appendChild(l);})()">Geek &amp; Poke </a>or click to download the information card below to your card selector.</p>
<p style="text-align: center;">
<div id="attachment_1147" class="wp-caption aligncenter" style="width: 250px"><a href="http://geek.michaelgrace.org/wp-content/uploads/2009/12/Geek+and+Poke.crd"><img class="size-full wp-image-1147 " title="Geek and Poke Information Card" src="http://geek.michaelgrace.org/wp-content/uploads/2009/12/geek-and-poke.jpg" alt="Geek and Poke Information Card" width="240" height="180" /></a><p class="wp-caption-text">Geek and Poke Information Card</p></div>
<p>Just visit any of the three sites with the card installed or click on the bookmarklet while on that page and you to can see the magic happen. ; )</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/12/geek-and-poke-meets-kynetx/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Context of a StackOverflow Junkie</title>
		<link>http://geek.michaelgrace.org/2009/11/the-context-of-a-stackoverflow-junkie/</link>
		<comments>http://geek.michaelgrace.org/2009/11/the-context-of-a-stackoverflow-junkie/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 08:14:47 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Kynetx]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[context-sensitivity]]></category>
		<category><![CDATA[purpose-centric]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1111</guid>
		<description><![CDATA[I have been having waaaaay to much fun since I got into Kynetx. Many of my friends have been asking me &#8220;what does Kynetx do?&#8221; and &#8220;what is the purpose-centric-context-sensitive web?&#8221;. Well, it takes a bit to explain so I&#8217;ll show you just a small glimpse of what it all means.
If you love stackoverflow.com then [...]]]></description>
			<content:encoded><![CDATA[<p>I have been having waaaaay to much fun since I got into Kynetx. Many of my friends have been asking me &#8220;what does Kynetx do?&#8221; and &#8220;what is the purpose-centric-context-sensitive web?&#8221;. Well, it takes a bit to explain so I&#8217;ll show you just a small glimpse of what it all means.</p>
<p>If you love stackoverflow.com then you know how helpful it can be when you are looking for answers to your programming questions. Why not, if you are a StackOverflow fanatic, have all of your search results  augmented for what you like? Here is a drop dead easy way to tell your browser, &#8220;Hey! I really like getting search results for Stack Overflow so bring them to my attention.&#8221; Now that is context sensitivity! You can do the same thing for anything you like and it&#8217;s easy but the awesomeness doesn&#8217;t end there! Search result augmentation is just child&#8217;s play compared to what could be done. We are going to be seeing a complete rewrite of the advertising industry as we know it! Now you need to see this in action for yourself. You will need 2 things: 1) a card selector from Azigo 2) the information card for StackOverflow</p>
<div id="attachment_1114" class="wp-caption aligncenter" style="width: 229px"><a href="http://www.azigo.com/getazigo.html"><img class="size-full wp-image-1114 " title="AzigoLite Card Selector" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/Screen-shot-2009-11-28-at-12.28.55-AM.jpg" alt="Mac AzigoLite Card Selector" width="219" height="93" /></a><p class="wp-caption-text">AzigoLite Card Selector</p></div>
<div id="attachment_1113" class="wp-caption aligncenter" style="width: 250px"><a href="http://kynetx.michaelgrace.org/stackoverflow/StackOverflow+fan.crd"><img class="size-full wp-image-1113  " title="StackOverflow Info card" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/stackoverflow_infocard.jpg" alt="StackOverflow Info card" width="240" height="180" /></a><p class="wp-caption-text">StackOverflow Info card</p></div>
<p>Install the card selector, import the info card into the Azigo card seloctor and away you go. Now open up Firefox and do a google search for <a href="http://www.google.com/search?q=What%E2%80%99s+your+most+controversial+programming+opinion%3F&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a">What’s your most controversial programming opinion?</a></p>
<p>Instead of the plain Google results you are used to, you now get a stack overflow icon to the right of each result that is from a stackoverflow.com domain!</p>
<p><img class="aligncenter size-full wp-image-1115" title="google_results" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/google_results.jpg" alt="google_results" width="400" height="283" />This was all done with 11 lines of Kynetx code. Like I said before, this is just the beginning. We can write code that can put anything anywhere we want based on what the user wants. I plan on writing a Kynetx app that will place my latest blog posts on the front page of cnn.com for my parents so they can keep up with what I am doing when they go get their news.</p>
<p>From the beginning, billboards, newspapers, radio, and tv advertising has been a shotgun affair. Advertisers and companies broadcasting their ads to anyone and everyone they could. We, the users, have had to suffer through decades of irrelevant and poorly targeted advertising. Kynetx is bringing to the table the technology needed to turn the tables for all of us to rise up and take control of the advertising that we see. I have come to learn that people don&#8217;t really hate advertising, we just don&#8217;t like irrelevant and obscene advertising. Blasted advertisements are ineffective mostly because they lack the ability to understand the context of the receiver. If you can get people to willingly subscribe to advertising that they want&#8230; well, then you have something! I know this has been short and probably all over the place so let me share one more example that happens to be the first Kynetx app that I wrote.</p>
<p>Being able to keep everyone in a company motivated and tuned into the same goals can be a task to say the least. You could blast out emails, bring it up in meetings and blah blah blah but that sucks and it doesn&#8217;t work that great. What if every employee&#8217;s browser knew that they were an employee and injected a slide-out tray with the company goals and up to date progress for those goals while they were surfing the web? I wrote a Kynetx app for that! It only shows up on a few domains and allows each employee to see our Key Performance indicators. I also threw in there at the bottom a notification of how many tweets mentioning the company and how many questions had been asked on our stackexchange site since the day before. CONTEXT RULES!</p>
<p><img class="aligncenter size-full wp-image-1117" title="kynetx.com" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/contracted.jpg" alt="kynetx.com" width="500" height="472" /><img class="aligncenter size-full wp-image-1118" title="expanded" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/expanded.jpg" alt="expanded" width="500" height="472" />This is just the beginning and I have done a terrible job of explaining it to you so I hope you will ask lots of questions and come back for more posts explaining and showcasing the awesome power of the purpose-centric-context-sensitive web.</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/11/the-context-of-a-stackoverflow-junkie/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Get Incredible Designs with Preston Lee</title>
		<link>http://geek.michaelgrace.org/2009/11/get-incredible-designs-with-preston-lee/</link>
		<comments>http://geek.michaelgrace.org/2009/11/get-incredible-designs-with-preston-lee/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 14:40:22 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=1061</guid>
		<description><![CDATA[Sometimes picking a designer is like finding a good restaurant, you either have to go there and try the food or ask a bunch of your friends where the best place to eat is. Well, I&#8217;m your friend and I found an AWESOME restaurant!! Actually, not a restaurant but an awesome designer!!! His name is [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes picking a designer is like finding a good restaurant, you either have to go there and try the food or ask a bunch of your friends where the best place to eat is. Well, I&#8217;m your friend and I found an AWESOME restaurant!! Actually, not a restaurant but an awesome designer!!!<img class="alignleft size-full wp-image-1064" title="preston_lee" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/preston_lee.jpg" alt="preston_lee" width="73" height="73" /> His name is Preston Lee and I highly recommend you follow his <a href="http://graphicdesignblender.com/">blog</a>, join the conversation with him on <a href="http://twitter.com/prestondlee">Twitter</a>, AND use his ninja rock star design skills for what ever you need designing for. I recently had Preston design some business cards for me and I was floored with the whole experience and the results. Quick results, rockin designs, and was a ton of fun to work with.</p>
<p>I just recently started <span id="more-1061"></span>following Preston on Twitter and had him do my business cards but I already feel like we have been friends for a while. I couldn&#8217;t have asked for a better design that truly reflects my personality, my goals, is very professional, and everyone loves my card when I give it to them. If you&#8217;re still not convince about his skills and commitment to design, just check out his blog and you will find that Preston is well on his way to the top of the design industry. Anything from website design to  business cards, Preston is your man for the job. So, from a friend to a friend, I promise you that you won&#8217;t be disappointed!</p>
<p>Contact him now via Twitter <a href="http://twitter.com/prestondlee">@prestondlee</a></p>
<p>or on his <a href="http://graphicdesignblender.com/contact">contact page on his blog</a></p>
<div id="attachment_1062" class="wp-caption alignnone" style="width: 310px"><a href="http://graphicdesignblender.com/"><img class="size-full wp-image-1062 " title="business_cards" src="http://geek.michaelgrace.org/wp-content/uploads/2009/11/business_cards.jpg" alt="business_cards" width="300" height="344" /></a><p class="wp-caption-text">Design by Preston</p></div>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/11/get-incredible-designs-with-preston-lee/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Some Site Designs I Like</title>
		<link>http://geek.michaelgrace.org/2009/10/some-site-designs-i-like/</link>
		<comments>http://geek.michaelgrace.org/2009/10/some-site-designs-i-like/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 03:36:07 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Giggles]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[List]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=983</guid>
		<description><![CDATA[
I recently found a site that features well designed sites and I have picked a few that stood out to me.
https://www.redbrickhealth.com/
http://www.studio7designs.com/
http://www.veboolabs.com/
http://www.divvoted.com/
http://thegreatbeardedreef.com/
http://emotionslive.co.uk/
http://www.wpcoder.com/
http://blogfullbliss.com/
http://www.jeromem.net/
http://www.silverbackapp.com/
http://francescomugnai.com/
http://nicolaswill.com/
http://wheeloftea.com/
http://www.christophe-peyras.com/
http://stoodeo.com/
http://www.futurice.com/
http://gotsleeves.appspot.com/
http://beakapp.com/
http://yodaa.com/
http://www.sjlwebdesign.co.uk/
http://codebutton.com/
http://koormann.de/
]]></description>
			<content:encoded><![CDATA[<p><a href="http://stoodeo.com/"><img class="aligncenter size-full wp-image-986" title="stoodeo" src="http://geek.michaelgrace.org/wp-content/uploads/2009/10/stoodeo.jpg" alt="stoodeo" width="500" height="279" /></a></p>
<p>I recently found a <a href="http://cssline.com/">site</a> that features well designed sites and I have picked a few that stood out to me.</p>
<p><a href="https://www.redbrickhealth.com/">https://www.redbrickhealth.com/</a></p>
<p><a href="http://www.studio7designs.com/">http://www.studio7designs.com/</a></p>
<p><a href="http://www.veboolabs.com/">http://www.veboolabs.com/</a><span id="more-983"></span></p>
<p><a href="http://www.divvoted.com/">http://www.divvoted.com/</a></p>
<p><a href="http://thegreatbeardedreef.com/">http://thegreatbeardedreef.com/</a></p>
<p><a href="http://emotionslive.co.uk/">http://emotionslive.co.uk/</a></p>
<p><a href="http://www.wpcoder.com/">http://www.wpcoder.com/</a></p>
<p><a href="http://blogfullbliss.com/">http://blogfullbliss.com/</a></p>
<p><a href="http://www.jeromem.net/">http://www.jeromem.net/</a></p>
<p><a href="http://www.silverbackapp.com/">http://www.silverbackapp.com/</a></p>
<p><a href="http://francescomugnai.com/">http://francescomugnai.com/</a></p>
<p><a href="http://nicolaswill.com/">http://nicolaswill.com/</a></p>
<p><a href="http://wheeloftea.com/">http://wheeloftea.com/</a></p>
<p><a href="http://www.christophe-peyras.com/">http://www.christophe-peyras.com/</a></p>
<p><a href="http://stoodeo.com/">http://stoodeo.com/</a><a href="http://www.futurice.com/"></a></p>
<p><a href="http://www.futurice.com/">http://www.futurice.com/</a></p>
<p><a href="http://gotsleeves.appspot.com/">http://gotsleeves.appspot.com/</a></p>
<p><a href="http://beakapp.com/">http://beakapp.com/</a></p>
<p><a href="http://yodaa.com/">http://yodaa.com/</a></p>
<p><a href="http://www.sjlwebdesign.co.uk/">http://www.sjlwebdesign.co.uk/</a></p>
<p><a href="http://codebutton.com/">http://codebutton.com/</a></p>
<p><a href="http://koormann.de/">http://koormann.de/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/10/some-site-designs-i-like/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Basic Intro to ActionScript 3</title>
		<link>http://geek.michaelgrace.org/2009/09/basic-intro-to-actionscript-3/</link>
		<comments>http://geek.michaelgrace.org/2009/09/basic-intro-to-actionscript-3/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 04:11:21 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[ActionScript / Flash]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=947</guid>
		<description><![CDATA[Finally! I found a really well done, easy to understand, and polished how to video series on ActionScript 3 and Flash. The video series starts at the very beginning and shares how-to in 5 minute clips. I am really glad Adobe and Doug Winnie put this series together.
?? Have you found another amazing Flash / [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tv.adobe.com/show/actionscript-11-with-doug-winnie/"><img class="aligncenter size-full wp-image-948" title="intro actionscript 3" src="http://geek.michaelgrace.org/wp-content/uploads/2009/09/intro_actionscript_3.jpg" alt="intro actionscript 3" width="500" height="279" /></a>Finally! I found a really well done, easy to understand, and polished how to <a href="http://tv.adobe.com/show/actionscript-11-with-doug-winnie/">video series on ActionScript 3 and Flash</a>. The video series starts at the very beginning and shares how-to in 5 minute clips. I am really glad Adobe and Doug Winnie put this series together.</p>
<p>?? Have you found another amazing Flash / ActionScript resource? What was the best thing you did to learn ActionScript?? Let us know! : D</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/09/basic-intro-to-actionscript-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My Go-To WordPress Plugins</title>
		<link>http://geek.michaelgrace.org/2009/09/my-go-to-wordpress-plugins/</link>
		<comments>http://geek.michaelgrace.org/2009/09/my-go-to-wordpress-plugins/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 23:44:21 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=919</guid>
		<description><![CDATA[Just a quick and dirty list for a few of my friends my favorite WordPress Plugins that I use on almost every installation that I do.
Akismet
AntiVirus
AskApache Password Protect
CSS Naked Day
Fancybox
Google XML Sitemaps
jQuery lazy load plugin
List Drafts Widget
Page Links To
Really Simple CAPTCHA
Spider Tracker
WordPress Related Posts
wp-cache
WP-IE6update
WP Security Scan
Electrical Outlet Photo http://www.flickr.com/photos/grendelkhan/ / CC BY-SA 2.0
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-920 aligncenter" title="WordPres PLUGin" src="http://geek.michaelgrace.org/wp-content/uploads/2009/09/119929591_a0ec3a641d_m.jpg" alt="WordPres PLUGin" width="240" height="160" />Just a quick and dirty list for a few of my friends my favorite WordPress Plugins that I use on almost every installation that I do.</p>
<p>Akismet<br />
AntiVirus<span id="more-919"></span><br />
AskApache Password Protect<br />
CSS Naked Day<br />
Fancybox<br />
Google XML Sitemaps<br />
jQuery lazy load plugin<br />
List Drafts Widget<br />
Page Links To<br />
Really Simple CAPTCHA<br />
Spider Tracker<br />
WordPress Related Posts<br />
wp-cache<br />
WP-IE6update<br />
WP Security Scan<br />
Electrical Outlet Photo <a rel="cc:attributionURL" href="http://www.flickr.com/photos/grendelkhan/">http://www.flickr.com/photos/grendelkhan/</a> / <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/09/my-go-to-wordpress-plugins/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Combat Information Overload With Firefox</title>
		<link>http://geek.michaelgrace.org/2009/08/zen-browsing-with-firefox/</link>
		<comments>http://geek.michaelgrace.org/2009/08/zen-browsing-with-firefox/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 05:21:36 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Add-on]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=845</guid>
		<description><![CDATA[
I have seen too many people who try to browse the web and get things done with a highly cluttered browser interface and all the extra tools and doodads get in the way.
THE PROBLEM
Information is flying all around us like debris from a tornado going through a trailer park. Information overload is a real problem [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/liebedich/3679711527/"><img class="aligncenter size-full wp-image-851" title="storm" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/storm.jpg" alt="storm" width="400" height="297" /></a><br />
I have seen too many people who try to browse the web and get things done with a highly cluttered browser interface and all the extra tools and doodads get in the way.</p>
<h3>THE PROBLEM</h3>
<p>Information is flying all around us like debris from a tornado going through a trailer park.<span id="more-845"></span> Information overload is a real problem now for the average person and it can wreak havoc on a persons productivity and goals. Never before in the history man has there been soo much information available. Experts, books, seminars, awareness: the availability of these are low if not non-existent. We are like little children who have been handed a gun with incredible power but no one is talking about how to safely handle it, and people are getting hurt!</p>
<h3>WHAT TO DO</h3>
<p>Fortunately for you, if you &#8220;shoot yourself in the foot&#8221; its your fault! Probably not what you were expecting, but it&#8217;s true. You have control over most of the information you subscribe to.</p>
<ul>
<li>RSS Feeds</li>
<li>Television</li>
<li>Radio</li>
<li>Email</li>
<li>Social Networks</li>
<li>Magazines</li>
<li>Newspaper</li>
</ul>
<h3>WHAT DOES THIS HAVE TO DO WITH MY BROWSER?</h3>
<p>You can control what your Firefox looks like. I have seen too many people who try to browse the web with so many buttons, bars, and add-ons that much of the space for actually viewing web pages is reduced by about a third or more. Take back your browser real estate and surf the web with freedom again!</p>
<h3>WHAT CAN I DO?</h3>
<p>Here is an example of two extremes.</p>
<p><img class="aligncenter size-full wp-image-857" title="bloated_vs_zen_firefox" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/bloated_vs_zen_firefox.jpg" alt="bloated_vs_zen_firefox" width="650" height="264" /></p>
<p>If the bloated one looks similar to yours or a friends browser then you are in the right place.</p>
<h4>To Do:</h4>
<ul>
<li>Use the Toolbar collapse button to hide the clutter until you need it</li>
</ul>
<p><img src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/please_collapse.jpg" alt="please_collapse" title="please_collapse" width="500" height="833" class="aligncenter size-full wp-image-883" /></p>
<ul>
<li>Remove all add-ons you aren&#8217;t using all of the time (Spring Cleaning!)</li>
<li>Hide toolbars (functionality can often be accessed through the application menu)</li>
<li>Remove buttons that aren&#8217;t needed (most have keyboard shortcuts which are faster)</li>
</ul>
<p><img class="aligncenter size-full wp-image-859" title="customize_firefox_toolbars" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/customize_firefox_toolbars.jpg" alt="customize_firefox_toolbars" width="400" height="113" />This is really fun because you get to drag and drop buttons where ever you like.<br />
<img class="aligncenter size-full wp-image-860" title="drag_and_drop" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/drag_and_drop.jpg" alt="drag_and_drop" width="500" height="358" /></p>
<ul>
<li>Hide status bar if you don&#8217;t use it (Bottom gray bar)</li>
</ul>
<p><img class="aligncenter size-full wp-image-870" title="hide_status_bar" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/hide_status_bar.jpg" alt="hide_status_bar" width="250" height="266" /></p>
<ul>
<li>Disable &#8220;Always show the tab bar&#8221;</li>
</ul>
<p><img class="aligncenter size-full wp-image-862" title="tab_option_firefox" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/tab_option_firefox.jpg" alt="tab_option_firefox" width="400" height="201" /></p>
<p>The real trick is to balance the functionality of add-ons and buttons with space. After many months of trying different configurations, this has been the most effective layout for me.<br />
<img class="aligncenter size-full wp-image-861" title="my_firefox_layout" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/my_firefox_layout.jpg" alt="my_firefox_layout" width="616" height="537" /><br />
I use the keyboard shortcuts for the Firebug add-on and the other basic browser buttons like forward, back, refresh, so I have removed all those buttons and add-on bars. I show the status bar on the bottom so I can see if the HTML pages I am coding are validating as strict without running a validator. I also hide the bookmarks bar because I don&#8217;t use them very frequently. Everyone uses the web differently which makes Firefox great for many people because it can be customized for their needs.  Play around with your layout, reduce distractions, and find what works best for you.</p>
<p>Storm Photo: <a rel="cc:attributionURL" href="http://www.flickr.com/photos/liebedich/">http://www.flickr.com/photos/liebedich/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/08/zen-browsing-with-firefox/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Get Firefox Add-ons to Work with ALL Versions of Firefox</title>
		<link>http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/</link>
		<comments>http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 07:23:16 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Add-on]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=794</guid>
		<description><![CDATA[Ever upgraded to the next version of Firefox and your add-on didn&#8217;t show up because it was marked &#8220;Not Compatible&#8221;? There is a very simple way to force your version of Firefox to accept the add-on even if it isn&#8217;t compatible.
There are a few reasons why your installed add-ons might get marked as incompatible. Sometimes [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/carbonnyc/2206470413/"><img class="alignleft size-full wp-image-832" title="The way you feel when you realize your favorite add-on is incompatible" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/shock.jpg" alt="The way you feel when you realize your favorite add-on is incompatible" width="250" height="250" /></a>Ever upgraded to the next version of Firefox and your add-on didn&#8217;t show up because it was marked &#8220;Not Compatible&#8221;? There is a very simple way to force your version of Firefox to accept the add-on even if it isn&#8217;t compatible.</p>
<p>There are a few reasons why your installed add-ons might get marked as incompatible. Sometimes the developer has not changed the install requirements to accept your version. Mozilla suggests to developers that they don&#8217;t mark it compatible until they KNOW it is compatible. So, many developers don&#8217;t mark their add-ons compatible with beta and alpha releases of Firefox. Another reason an add-on might not be marked as compatible is because it really ISN&#8217;T compatible. Running an incompatible add-on can corrupt data in your browser profile and other places on your computer so don&#8217;t force add-ons to work unless you are willing to deal with the risks.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-834" title="Firefox 3.5, 3.6b, 3.7a" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/all_three.png" alt="all_three" width="400" height="153" /></p>
<p><span id="more-794"></span></p>
<h4>Precautions:</h4>
<ul>
<li>Don&#8217;t force add-ons unless you are willing to deal with possible browser crashing and data/profile corruption!</li>
<li>Backup your profile!</li>
<li>Be an add-on minimalist! The more add-ons you have, the more that can go wrong&#8230; very wrong.</li>
<li>Backup your system regularly. If you don&#8217;t do this already your crazy and you should start yesterday!</li>
</ul>
<h4>How:</h4>
<p>To force Firefox to accept all installed add-ons we simply need to tell it in it&#8217;s configuration file to ignore incompatibility. It will still check for updates and inform you that add-ons are incompatible, but it will let them run.</p>
<h4>Steps:</h4>
<ol>
<li>Open Firefox</li>
<li>Type <code>about:config</code> into browser bar and press enter</li>
<li>Click &#8220;I&#8217;ll be careful, I promise!&#8221; button and chuckle at Mozilla&#8217;s developer&#8217;s humor</li>
<li>Right click on any list item in browser window and select &#8220;New&#8221; -&gt; &#8220;Boolean&#8221;</li>
<li>Paste <code>extensions.checkCompatibility</code> into alert box input window</li>
<li>Select &#8220;False&#8221;</li>
<li>Open add-ons window: Select &#8220;Tools&#8221; -&gt; &#8220;Add-ons&#8221;</li>
<li>Click &#8220;Restart&#8221; on yellow notification bar</li>
<li>Throw your hands up in the air</li>
<li>Shout for joy</li>
<li>Spin around in your twirly chair and get back to work</li>
<li>; )</li>
</ol>
<h4>Visual Steps:</h4>
<ol>
<li>Click on the first image</li>
<li>Click on the arrows that show up when you mouse over the image to walk through the steps visually</li>
<li>Enjoy the show</li>
</ol>

<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/00_non_compatability/' title='00_non_compatability'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/00_non_compatability-150x150.jpg" class="attachment-thumbnail" alt="" title="00_non_compatability" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/01_firefox_about_config/' title='01_firefox_about_config'><img width="150" height="41" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/01_firefox_about_config-150x41.jpg" class="attachment-thumbnail" alt="" title="01_firefox_about_config" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/02_ill_be_careful_i_promise/' title='02_ill_be_careful_i_promise'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/02_ill_be_careful_i_promise-150x150.jpg" class="attachment-thumbnail" alt="" title="02_ill_be_careful_i_promise" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/03_create_new_preference/' title='03_create_new_preference'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/03_create_new_preference-150x150.jpg" class="attachment-thumbnail" alt="" title="03_create_new_preference" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/04_config_preference_name/' title='04_config_preference_name'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/04_config_preference_name-150x150.jpg" class="attachment-thumbnail" alt="" title="04_config_preference_name" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/05_boolean_choice/' title='05_boolean_choice'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/05_boolean_choice-150x150.jpg" class="attachment-thumbnail" alt="" title="05_boolean_choice" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/06_extension-checkcompatibility/' title='06_extension.checkCompatibility'><img width="150" height="85" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/06_extension.checkCompatibility-150x85.jpg" class="attachment-thumbnail" alt="" title="06_extension.checkCompatibility" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/07_firefox_restart/' title='07_firefox_restart'><img width="150" height="131" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/07_firefox_restart-150x131.jpg" class="attachment-thumbnail" alt="" title="07_firefox_restart" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/08_forced_compatability/' title='08_forced_compatability'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/08_forced_compatability-150x150.jpg" class="attachment-thumbnail" alt="" title="08_forced_compatability" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/all_three/' title='all_three'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/all_three-150x150.png" class="attachment-thumbnail" alt="" title="all_three" /></a>
<a href='http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/shock/' title='The way you feel when you realize your favorite add-on is incompatible'><img width="150" height="150" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/shock-150x150.jpg" class="attachment-thumbnail" alt="" title="The way you feel when you realize your favorite add-on is incompatible" /></a>

<p>Shocked Photo: <a rel="cc:attributionURL" href="http://www.flickr.com/photos/carbonnyc/">http://www.flickr.com/photos/carbonnyc/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/08/get-firefox-add-ons-to-work-with-all-versions-of-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox 3.7 Alpha Release</title>
		<link>http://geek.michaelgrace.org/2009/08/firefox-3-7-alpha-release/</link>
		<comments>http://geek.michaelgrace.org/2009/08/firefox-3-7-alpha-release/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 16:37:56 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Giggles]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[laugh]]></category>
		<category><![CDATA[Mozilla]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=772</guid>
		<description><![CDATA[Firefox 3.7 Alpha is available for download for developers to try out but it is still very alpha. I love the humor that the Mozilla developers have as seen through the icon used for Firefox 3.7a. The developers have lovingly named the alpha &#8220;Minefield&#8221;. Love it! ; ) Still want to try it out? Download [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_773" class="wp-caption alignleft" style="width: 138px"><img class="size-full wp-image-773 " title="minefield" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/minefield.png" alt="FF 3.7a - aka Minefield" width="128" height="128" /><p class="wp-caption-text">FF 3.7a - aka Minefield</p></div>
<p>Firefox 3.7 Alpha is available for download for developers to try out but it is still very alpha. I love the humor that the Mozilla developers have as seen through the icon used for Firefox 3.7a. The developers have lovingly named the alpha &#8220;Minefield&#8221;. Love it! ; ) Still want to try it out? <a href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">Download Firefox 3.7 Alpha</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/08/firefox-3-7-alpha-release/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spezify &#8211; Serving Up Search Fresh</title>
		<link>http://geek.michaelgrace.org/2009/08/spezify-serving-up-search-fresh/</link>
		<comments>http://geek.michaelgrace.org/2009/08/spezify-serving-up-search-fresh/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 04:47:17 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Review]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=762</guid>
		<description><![CDATA[Spezify does a good job of representing search results visually and it&#8217;s kind of fun. The big thing I like about Spezify is the navigation response with the keyboard arrow keys. Try it! Left&#8230; right&#8230; up &#038; down. Maybe if the results returned more of one kind of result based on the direction you navigated [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.spezify.com/"><img src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/spezify.jpg" alt="spezify" title="spezify" width="450" height="89" class="aligncenter size-full wp-image-766" /></a><a href="http://www.spezify.com/">Spezify</a> does a good job of representing search results visually and it&#8217;s kind of fun. The big thing I like about Spezify is the navigation response with the keyboard arrow keys. Try it! Left&#8230; right&#8230; up &#038; down. Maybe if the results returned more of one kind of result based on the direction you navigated instead of just loading more results, it would be more useful. Example: If I do a search and I want to see what people are saying about the latest whatever, I&#8217;ll probably be searching for tweets. So, if tweets are shown above the middle of the returned search result screen, when I navigate up, I would expect the engine to return more tweet results rather than a potpourri of media and sites. Overall, I like what they have done but I think it needs a bit more work before it will actually get used for a lot of searching.</p>
<p><img src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/spezify_results.jpg" alt="spezify_results" title="spezify_results" width="300" height="161" class="aligncenter size-full wp-image-763" /></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/08/spezify-serving-up-search-fresh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The day I met Ubiquity</title>
		<link>http://geek.michaelgrace.org/2009/08/the-day-i-met-ubiquity/</link>
		<comments>http://geek.michaelgrace.org/2009/08/the-day-i-met-ubiquity/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 02:09:37 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=725</guid>
		<description><![CDATA[It was Sunday evening as I was settling down and reading some of my RSS feeds when one of the articles mentioned Ubiquity. &#8220;Ubiquity?&#8221;, I thought. &#8220;What in the world is Ubiquity besides &#8216;everywhere&#8217;?!?&#8221; I headed over to  the ubiquity main page and watched the intro video. My wife claims that she saw some [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/ubiquity_bot_crop.jpg" alt="ubiquity_bot_crop" title="ubiquity_bot_crop" width="500" height="191" class="aligncenter size-full wp-image-726" />It was Sunday evening as I was settling down and reading some of my RSS feeds when one of the articles mentioned Ubiquity. &#8220;Ubiquity?&#8221;, I thought. &#8220;What in the world is Ubiquity besides &#8216;everywhere&#8217;?!?&#8221; I headed over to  the <a href="http://ubiquity.mozilla.com/">ubiquity main page</a> and watched the intro video. My wife claims that she saw some drool and <span id="more-725"></span>heard a few squeals of excitement as I watched the video. Since that time, just over 2 days ago, I haven&#8217;t got much sleep and have been writing Ubiquity commands and dreaming of new ways to improve it. ; )<br />
<img alt="" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/webcite.jpg" class="aligncenter" width="195" height="54" /><br />
Part of my excitement for Ubiquity is that I started learning a few months ago how to create Firefox add-ons and it was slow going. I have created a <a href="http://geek.michaelgrace.org/webcite/">dashboard widget for Mac OS X</a> that archives the active browsers web page and then copies the results to the clipboard. The widget uses <a href="http://webcitation.org/">www.webcitation.org</a> services and is great for taking snapshots in time of pages for reference and citing online work. I never did finish converting my dashboard widget to a Firefox add-on like planned but within a few hours of playing with Ubiquity I had the widget moved over and working sweet.<br />
<img alt="" src="http://geek.michaelgrace.org/wp-content/uploads/2009/08/sweetter_full.jpg" class="aligncenter" width="307" height="102" /><br />
One other Ubiquity command I want to mention here is one that I did by converting a <a href="http://www.windley.com/archives/2009/08/what_are_people_tweeting_about_this_site.shtml">bookmarklet</a> created by some amazing people over at <a href="http://www.kynetx.com/">Kynetx</a>. The command is called &#8220;sweetter&#8221; and it searches tweets that point to the site that you are currently on. Very cool tool if you are wanting to see what people on Twitter are saying about that site or its services. I would like to improve upon this in the future so that a simpler list of tweets will load in the preview pane without loading the tweets over the page. You&#8217;ll have to check it out and try it because I use it all of the time now. ; )</p>
<p>I think there is immense power and potential in being able to write commands for Ubiquity using JavaScript and HTML. As JavaScript and HTML becomes, pardon the pun but, ubiquitous more people will be able to create commands that extend the functionality of the browser while on the web. I am really impressed with the entire setup and I think Mozilla deserves two thumbs up for pioneering the future of the web.</p>
<p>I have several other commands I have written to use and some just for practice, located on <a href="http://geek.michaelgrace.org/ubiquity/">my ubiquity page</a>. I will continue to update the scripts as I write new commands and work on improving the web. Would love it if you subscribed to the commands and gave me feedback on what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/08/the-day-i-met-ubiquity/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Using Creative Commons Images</title>
		<link>http://geek.michaelgrace.org/2009/07/using-creative-commons-images/</link>
		<comments>http://geek.michaelgrace.org/2009/07/using-creative-commons-images/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 07:27:38 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=549</guid>
		<description><![CDATA[I am big on not violating copyright laws and respecting others work which is why I love the Flickr &#8211; Creative Commons relationship. There are a lot of people who take great photographs who are willing to share their work as long as you attribute the work to them. Here is how I go about [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/zanastardust/145197704/"><img class="alignleft size-full wp-image-632" title="flickr_flowers" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/flickr_flowers.jpg" alt="flickr_flowers" width="240" height="159" /></a>I am big on not violating copyright laws and respecting others work which is why I love the Flickr &#8211; Creative Commons relationship. There are a lot of people who take great photographs who are willing to share their work as long as you attribute the work to them. Here is how I go about using photos in Flickr that are using the Creative Commons license.<span id="more-549"></span></p>
<p><img class="alignleft size-full wp-image-612" title="firefox_creative_commons" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/firefox_creative_commons.jpg" alt="firefox_creative_commons" width="250" height="174" />If you aren&#8217;t already using Firefox I highly encourage you to because there is no other browser like it. When I am writing a blog post, I use the quick search in the top right corner of Firefox to search for photos on Flickr using the Creative Commons license. If you are not using Firefox, (shame! shame!), do your Creative Commons search at <a href="http://search.creativecommons.org/">http://search.creativecommons.org/</a> Search results appear in one column with tabs at the top to chose from search sources other than Flickr.<img class="size-full wp-image-614 alignright" title="firefox_creative_commons_search" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/firefox_creative_commons_search.jpg" alt="firefox_creative_commons_search" width="400" height="442" /><br />
As I scroll through the images I open the ones I find interesting in a new tab. After searching through a good amount of photos, it has gotten easier to find good ones and I&#8217;m beginning to find a style that fits my blog. I then download the size that best fits my needs by clicking on &#8220;all sizes&#8221; right above the image. <img class="alignleft size-full wp-image-617" title="all_sizes" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/all_sizes.jpg" alt="all_sizes" width="295" height="270" /></p>
<p>I then end up going back to the page with just that image and all of the comments people have made on the photo. It is time to get the attribution links for all the legal stuff. The link to the Creative Commons license is on the right side with a link just under the heading &#8220;Additional Information&#8221;. The Creative Commons license page explains to what extent the image can be used and how to attribute the image to the owner.<img class="alignright size-full wp-image-619" title="some_rights_reserved" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/some_rights_reserved.jpg" alt="some_rights_reserved" width="400" height="400" /></p>
<p>The top section of this particular license agreement allows me to use this image on my blog (share) and to remix the image to use it in other ways. If this license agreement did not have the remix statement, it is my understanding that I could not crop the image and use in some of the ways I have in this post. The next section explains how to attribute the photo to the owner and usually provides a nice HTML snippet to copy and paste into your blog or web page.<img class="alignleft size-full wp-image-622" title="attribution" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/attribution.jpg" alt="attribution" width="400" height="226" /><br />
Note: You can get to the license page from other pages but the link from the images main page is the one that I have found to have the HTML snippet that I use to attribute the images to their respective owners.</p>
<p>After placing the HTML snippets at the end of my blog post I am nice and make the images link back to their main Flickr page which is not required by the license. I find that this is the best way to connect viewers directly with the source of the image and I would appreciate others doing the same with my images if they ever got used. ; ) I also usually open the photos in Photoshop and compress them a bit more for web viewing.</p>
<div id="attachment_626" class="wp-caption aligncenter" style="width: 343px"><a href="http://www.flickr.com/photos/31878512@N06/3490869804/in/photostream/"><img class="size-full wp-image-626" title="How I feel after a good Flickr - CC  fix" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/happy_man.jpg" alt="How I feel after a good Flickr - CC  fix" width="333" height="500" /></a><p class="wp-caption-text">How I feel after a good Flickr - CC  fix</p></div>
<p>Many artists are happy to let you use their work when you follow the guidelines set in the license. Sometimes if I feel I have done a nice job on a blog post I will leave them a comment on their Flickr photo page letting them know I have used their photo and <a href="http://geek.michaelgrace.org/2009/07/content-is-king/">some have even commented on my blog posts thanking me for using their work</a>! ; )</p>
<p>Photos:<br />
<a rel="cc:attributionURL" href="http://www.flickr.com/photos/zanastardust/">http://www.flickr.com/photos/zanastardust/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a><br />
<a rel="cc:attributionURL" href="http://www.flickr.com/photos/31878512@N06/">http://www.flickr.com/photos/31878512@N06/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/using-creative-commons-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery CSS Gotcha with Relative File Paths</title>
		<link>http://geek.michaelgrace.org/2009/07/jquery-css-gotcha-relative-file-path/</link>
		<comments>http://geek.michaelgrace.org/2009/07/jquery-css-gotcha-relative-file-path/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 04:16:09 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=581</guid>
		<description><![CDATA[jQuery gave a colleague and I a run for our money today at work. We were using jQuery to change the background image after a mouse event. Problem was, after the event, the image would not show up even though the path to the image was *correct. Our site is set up so the html [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/saranv/3521287388/"><img class="alignleft size-full wp-image-582" title="gotcha" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/3521287388_2dc77cf3e5_m.jpg" alt="gotcha" width="240" height="133" /></a>jQuery gave a colleague and I a run for our money today at work. We were using jQuery to change the background image after a mouse event. Problem was, after the event, the image would not show up even though the path to the image was *correct. <span id="more-581"></span>Our site is set up so the html files are at the root with css and images in their own folders off of the root folder. The external CSS for the background image:<br />
<code>background-image: url('../images/background.jpg');</code><br />
Without thinking much about it, I set jQuery to change the CSS path to the other image just like in the external CSS file<code>$('#background_spot').css('backgroundImage',"url('../images/event_background.jpg')");</code>Every time the event would fire the path would be changed but there would be no image. Argggg! (cue the head scratching here) After a few minutes of wondering what was wrong with me and talking to myself it finally dawned on me&#8230;</p>
<h3>Gotcha&#8230;</h3>
<p>jQuery changes CSS inline rather than to an external CSS document meaning that my relative path was invalid. My jQuery CSS image path needed to be <code>$('#background_spot').css('backgroundImage',"url('images/event_background.jpg')");</code><br />
After making the change for the path of the image to be from the html file we were all smiles.<a href="http://www.flickr.com/photos/dotbenjamin/2765083201/"><img class="size-full wp-image-587 aligncenter" title="all smiles" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/2765083201_e0958937bf_m.jpg" alt="all smiles" width="240" height="159" /></a><br />
Photos:<br />
<a rel="cc:attributionURL" href="http://www.flickr.com/photos/saranv/">http://www.flickr.com/photos/saranv/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a><br />
<a rel="cc:attributionURL" href="http://www.flickr.com/photos/dotbenjamin/">http://www.flickr.com/photos/dotbenjamin/</a> / <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/jquery-css-gotcha-relative-file-path/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Best Domain Registration Site / Service</title>
		<link>http://geek.michaelgrace.org/2009/07/best-domain-registration-site-service/</link>
		<comments>http://geek.michaelgrace.org/2009/07/best-domain-registration-site-service/#comments</comments>
		<pubDate>Sat, 25 Jul 2009 22:40:10 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=492</guid>
		<description><![CDATA[I have used several different sites and services to register domains. NameGuard is hands down the best domain registration site and service I have ever used. After registering several domains with NameGuard I wonder why I ever used all the other sites out there.
Why

FREE Privacy Protection!!!

Many other services charge extra, each year, for this service
If [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_493" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.nameguard.com/"><img class="size-full wp-image-493 " title="NameGuard" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/NameGuard.jpg" alt="NameGuard" width="300" height="72" /></a><p class="wp-caption-text">NameGuard</p></div>
<p>I have used several different sites and services to register domains. <a href="http://www.nameguard.com/">NameGuard</a> is hands down the best domain registration site and service I have ever used. After registering several domains with NameGuard I wonder why I ever used all the other sites out there.<span id="more-492"></span></p>
<h3>Why</h3>
<ul>
<li><strong>FREE Privacy Protection!!!</strong>
<ul>
<li><strong>Many other services charge extra, each year, for this service</strong></li>
<li><strong>If you don&#8217;t get privacy protection all of your personal information ends up in the <a href="http://www.whois.net/">whois</a> directory for that domain. Bad!<br />
</strong></li>
</ul>
</li>
<li>Industry standard pricing on domains</li>
<li>accepts paypal or credit card for payment</li>
<li>Change DNS name servers at time of registration</li>
<li>Extremely fast registration time</li>
</ul>
<p style="text-align: center;">
<div id="attachment_494" class="wp-caption aligncenter" style="width: 354px"><a href="http://www.nameguard.com/content.php?action=free_services"><img class="size-full wp-image-494 " title="NameGuard Advantages" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/domain_privacy_protection.png" alt="NameGuard Advantages" width="344" height="215" /></a><p class="wp-caption-text">NameGuard Advantages</p></div>
<p>Even though the girl doesn&#8217;t come with every domain name registration, NameGuard provides some of the best services I have seen yet. Click on the girl to read their list of advantages.</p>
<p>This post may seem like I may be making money through some affiliation program but I make nothing from this post other than helping others enjoy the same great benefits of a great domain registration service while protecting their personal contact information</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/best-domain-registration-site-service/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Super User Beta Invite</title>
		<link>http://geek.michaelgrace.org/2009/07/super-user-beta-invite/</link>
		<comments>http://geek.michaelgrace.org/2009/07/super-user-beta-invite/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 18:42:32 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Other]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=472</guid>
		<description><![CDATA[Some of my friends have shown some interest in joining superuser.com, a sister site to stack overflow. The beta is only semi-private and anyone who really wants to can start contributing to the bank of knowledge being contributed there. If you really want to start that journey, you will have to follow the ewok. (aka [...]]]></description>
			<content:encoded><![CDATA[<p>Some of my friends have shown some interest in joining superuser.com, a sister site to stack overflow. The beta is only semi-private and anyone who really wants to can start contributing to the bank of knowledge being contributed there. If you really want to start that journey, you will have to follow the ewok. (aka click on him ; )</p>
<h3 style="text-align: center;">Enjoy</h3>
<h3 style="text-align: center;"><a href="http://blog.stackoverflow.com/2009/07/super-user-semi-private-beta-begins/"><img class="size-full wp-image-473" title="Super User Invite" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/ewok-closeup.jpg" alt="ewok-closeup" width="409" height="376" /></a></h3>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/super-user-beta-invite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Content is King</title>
		<link>http://geek.michaelgrace.org/2009/07/content-is-king/</link>
		<comments>http://geek.michaelgrace.org/2009/07/content-is-king/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 21:31:05 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Web Design -Dev]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=406</guid>
		<description><![CDATA[
As I surf the web looking for information and work on building the next greatest how to Linux site, I am reminded just how much content is king. You can have a great design for your sight but if you don&#8217;t have content that people want then you might as well have not posted it [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/2449999468_952583467d.jpg" alt="2449999468_952583467d" title="2449999468_952583467d" width="350" height="353" class="alignright size-full wp-image-411" /><br />
As I surf the web looking for information and work on building the next greatest how to Linux site, I am reminded just how much content is king. You can have a great design for your sight but if you don&#8217;t have content that people want then you might as well have not posted it at all. If you want visitors to your site, make your content specific and amazing so that people won&#8217;t be able to ignore you.<br />
<span id="more-406"></span></p>
<div xmlns:cc="http://creativecommons.org/ns#" about="http://www.flickr.com/photos/sd-6/2449999468/"><a rel="cc:attributionURL" href="http://www.flickr.com/photos/sd-6/">http://www.flickr.com/photos/sd-6/</a> / <a rel="license" href="http://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a></div>
<p><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/content-is-king/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Best Countdown for Blog</title>
		<link>http://geek.michaelgrace.org/2009/07/best-countdown-for-blog/</link>
		<comments>http://geek.michaelgrace.org/2009/07/best-countdown-for-blog/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 04:06:32 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Other]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Widget]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=359</guid>
		<description><![CDATA[This is the best free countdown widget that I have seen yet that is easy to configure and put on any blog. Looks good, easy to insert, minimal ads, and its FREE! I don&#8217;t use these contdown widgets on my blog very often but sometimes they are really fun to have. Make yours at http://www.countdownr.com/
Would [...]]]></description>
			<content:encoded><![CDATA[<p>This is the best free countdown widget that I have seen yet that is easy to configure and put on any blog. Looks good, easy to insert, minimal ads, and its FREE! I don&#8217;t use these contdown widgets on my blog very often but sometimes they are really fun to have. Make yours at <a href="http://www.countdownr.com/">http://www.countdownr.com/</a></p>
<div id="attachment_360" class="wp-caption aligncenter" style="width: 328px"><a href="http://www.countdownr.com/"><img class="size-full wp-image-360 " title="countdown_widget" src="http://geek.michaelgrace.org/wp-content/uploads/2009/07/countdown_widget.jpg" alt="countdown widget" width="318" height="94" /></a><p class="wp-caption-text">countdown widget</p></div>
<p>Would work well on blogspot (blogger), WordPress, TypePad, and many more.</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/07/best-countdown-for-blog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPress upload fail &#8211; unable to create directory&#8230;</title>
		<link>http://geek.michaelgrace.org/2009/05/wordpress-upload-fail-unable-to-create-directory/</link>
		<comments>http://geek.michaelgrace.org/2009/05/wordpress-upload-fail-unable-to-create-directory/#comments</comments>
		<pubDate>Sat, 09 May 2009 07:32:45 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Database]]></category>
		<category><![CDATA[fail]]></category>
		<category><![CDATA[fix]]></category>
		<category><![CDATA[upload]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=147</guid>
		<description><![CDATA[
Error Message: Unable to create directory &#8230; {long directory path} &#8230; Is its parent directory writable by the server?
Cause: I recently changed hosting services so when I migrated my blog over to the new server everything worked great except for my WordPress uploads. Most things in WordPress are kept relative and ask the server where [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://geek.michaelgrace.org/wp-content/uploads/2009/05/wordpress_bigger.jpg"><img class="aligncenter size-full wp-image-149" title="wordpress_bigger" src="http://geek.michaelgrace.org/wp-content/uploads/2009/05/wordpress_bigger.jpg" alt="wordpress_bigger" width="150" height="150" /></a></p>
<p><strong>Error Message:</strong> Unable to create directory &#8230; {long directory path} &#8230; Is its parent directory writable by the server?</p>
<p><strong>Cause</strong>: I recently changed hosting services so when I migrated my blog over to the new server everything worked great except for my WordPress uploads. Most things in WordPress are kept relative and ask the server where things are but the path to the upload files are kept in the database so if you change servers without changing the database string pointing to the correct directory you will get an error and probably frustrated also.</p>
<p>UPDATE 05/25/09</p>
<p>Thanks to a comment from <a href="http://mattlindsaydesign.com">Matt Lindsay</a> I now realize that there is a much easier way to update the wordpress upload string in the database than digging into the actual database. A big thanks goes out to matt for making my blog better. ; )</p>
<p><strong>Quicker and easier fix</strong></p>
<ol>
<li>Login to your WordPress Admin</li>
<li>Go to &#8220;Settings&#8221;</li>
<li>Select &#8220;Miscellaneous&#8221;</li>
<li>Put the correct path in the input field labeled &#8220;Full URL path to files&#8221;</li>
<li>Save the changes and you should be done</li>
</ol>
<p><a rel="attachment wp-att-213" href="http://geek.michaelgrace.org/2009/05/wordpress-upload-fail-unable-to-create-directory/picture-11-2/"><img class="aligncenter size-full wp-image-213" title="picture-11" src="http://geek.michaelgrace.org/wp-content/uploads/2009/05/picture-11.png" alt="picture-11" width="600" height="231" /></a></p>
<p>The advantage I had in digging into the database is that when I switched hosting services only one of the folders in the path changed so I went in and just modified the one folder. This is nice if you don&#8217;t know the exact file path from the server root like me. ; )</p>
<p><strong>Older more complicated fix:</strong></p>
<ol>
<li>Login to your database for the WordPress blog.</li>
<li>Browse/ view tables in the database created when setting up the blog</li>
<li>Browse/ view table named &#8220;wp_options&#8221;</li>
<li>In the &#8220;option_name&#8221; column look for &#8220;upload_path&#8221; (was #60 for me)</li>
<li>Edit the row values and change to the correct path</li>
<li>Save changes</li>
</ol>
<p><a href="http://geek.michaelgrace.org/wp-content/uploads/2009/05/picture-4.jpg"><img class="aligncenter size-full wp-image-148" title="picture-4" src="http://geek.michaelgrace.org/wp-content/uploads/2009/05/picture-4.jpg" alt="picture-4" width="587" height="350" /></a></p>
<p>After making that change the problem should be fixed and uploading will now work. If this helped be sure to give me a shout and leave a comment. Best of luck to you. ; )</p>
<p>Sources:<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
I figured this out all on my own. ; )  #HappyGeek</p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/05/wordpress-upload-fail-unable-to-create-directory/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Browser Security</title>
		<link>http://geek.michaelgrace.org/2009/03/browser-security/</link>
		<comments>http://geek.michaelgrace.org/2009/03/browser-security/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 05:22:57 +0000</pubDate>
		<dc:creator>MikeGrace</dc:creator>
				<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web Design -Dev]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://geek.michaelgrace.org/?p=20</guid>
		<description><![CDATA[I have been upset with Google for taking soo long to put out their Apple version of their Chrome browser. After reading an article on ZDNet about the Pawn2Own hacker event maybe I can give Google some slack. :-) I still want my Chrome ASAP if it is as good as the windows version though. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-22" title="pwn2own_browsers" src="http://geek.michaelgrace.org/wp-content/uploads/2009/03/pwn2own_browsers.png" alt="pwn2own_browsers" width="169" height="184" />I have been upset with Google for taking soo long to put out their Apple version of their Chrome browser. After reading an article on ZDNet about the Pawn2Own hacker event maybe I can give Google some slack. :-) I still want my Chrome ASAP if it is as good as the windows version though. Google seems to be heading in the right direction with their sandbox model for their browser. I am sad that Apple has done so little to create road blocks for hackers but I guess that is expected when you have such a low market share. Now go and read the article and make your own decision on what browser you are going to use. <a href="http://blogs.zdnet.com/security/?p=2941">Questions for Pwn2Own hacker Charlie Miller</a></p>
]]></content:encoded>
			<wfw:commentRss>http://geek.michaelgrace.org/2009/03/browser-security/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
