<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Robert Spangler</title>
	
	<link>http://www.robspangler.com</link>
	<description>Design - Web - Creative</description>
	<pubDate>Thu, 18 Jun 2009 13:24:13 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/RobertSpangler" type="application/rss+xml" /><item>
		<title>xHTML 1.0 Strict Doctype Template</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/0akZjM6inMA/</link>
		<comments>http://www.robspangler.com/blog/xhtml-1-strict-doctype/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 14:29:14 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/xhtml-1-strict-doctype/</guid>
		<description><![CDATA[This is just the xHTML document that I usually start off with, already included tags for title, description, keywords, favicon, and stylesheet. I gave up on using the UTF-8 charset because of our good friend IE6 and his 'white screen bug.']]></description>
			<content:encoded><![CDATA[<p>This is just the xHTML document that I usually start off with, already included tags for title, description, keywords, favicon, and stylesheet.</p>
<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"&gt;
&lt;head&gt;
	&lt;title&gt;&lt;/title&gt;
	&lt;meta name="description" content="" /&gt;
	&lt;meta name="keywords" content="" /&gt;
	&lt;<span class="start-tag">meta</span><span class="attribute-name"> http-equiv</span>=<span class="attribute-value">"content-type" </span><span class="attribute-name">content</span>=<span class="attribute-value">"text/html; charset=UTF-8" </span><span class="error"><span class="attribute-name">/</span></span>&gt;
	&lt;link rel="Shortcut Icon" href="/favicon.ico" /&gt;
	&lt;link href="styles/main.css" rel="stylesheet" type="text/css" /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<p>There were a few occasions where I gave up on using the UTF-8 charset because IE6 had a &#8216;white screen&#8217; bug on certain pages using a post through PHP. If you&#8217;re having these problems use ISO-8859-1, ex:</p>
<pre id="line1">&lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /&gt;</pre>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/0akZjM6inMA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/xhtml-1-strict-doctype/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/xhtml-1-strict-doctype/</feedburner:origLink></item>
		<item>
		<title>WhatTheFont iPhone App</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/kjMCnPd1dGI/</link>
		<comments>http://www.robspangler.com/blog/whatthefont-iphone-app/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 01:53:01 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://www.robspangler.com/?p=152</guid>
		<description><![CDATA[Ever been looking through a magazine and wondered what font you&#8217;re reading? MyFont&#8217;s just released a WhatTheFont iPhone app to answer that question!
I took a picture of my mouse pad at work which has one of our client&#8217;s logos printed on it. I&#8217;ve always wondered what that font was&#8230;
First Crop Your Font Selection
Upload Your Image
Verify [...]]]></description>
			<content:encoded><![CDATA[<p>Ever been looking through a magazine and wondered what font you&#8217;re reading? MyFont&#8217;s just released a <a href="http://new.myfonts.com/WhatTheFont/iPhone/">WhatTheFont iPhone app</a> to answer that question!</p>
<p>I took a picture of my mouse pad at work which has <a title="Main Brain" href="http://www.mainbrain.com/">one of our client&#8217;s</a> logos printed on it. I&#8217;ve always wondered what that font was&#8230;<span id="more-152"></span></p>
<h2>First Crop Your Font Selection</h2>
<div id="attachment_154" class="wp-caption aligncenter" style="width: 210px"><img class="size-full wp-image-154" title="Crop Selection" src="http://www.robspangler.com/wp-content/uploads/2009/02/01crop.jpg" alt="Crop Selection" width="200" height="300" /><p class="wp-caption-text">Crop Selection</p></div>
<h2>Upload Your Image</h2>
<div id="attachment_155" class="wp-caption aligncenter" style="width: 210px"><img class="size-full wp-image-155" title="Upload Your Image" src="http://www.robspangler.com/wp-content/uploads/2009/02/02upload.jpg" alt="Upload Your Image" width="200" height="300" /><p class="wp-caption-text">Upload Image</p></div>
<h2>Verify Font&#8217;s Characters</h2>
<div id="attachment_156" class="wp-caption aligncenter" style="width: 210px"><img class="size-full wp-image-156" title="Check Chars" src="http://www.robspangler.com/wp-content/uploads/2009/02/03verify.jpg" alt="Check Chars" width="200" height="300" /><p class="wp-caption-text">Check Chars</p></div>
<h2>Pick the Correct Font!</h2>
<div id="attachment_157" class="wp-caption aligncenter" style="width: 210px"><img class="size-full wp-image-157" title="Get Your Font" src="http://www.robspangler.com/wp-content/uploads/2009/02/04getfont.jpg" alt="Get Your Font" width="200" height="300" /><p class="wp-caption-text">Font Matches</p></div>
<p>The app isn&#8217;t quite perfect, you definitely have to make sure that you have a clear picture with decent lighting. But for headings, and larger font faces it&#8217;s great to be able to figure out the font.</p>
<p>Don&#8217;t have an iPhone? I don&#8217;t blame you, they&#8217;re expensive. <a href="http://new.myfonts.com/WhatTheFont/">Use this!</a></p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/kjMCnPd1dGI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/whatthefont-iphone-app/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/whatthefont-iphone-app/</feedburner:origLink></item>
		<item>
		<title>New Redesign and WordPress 2.7</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/FxN71Wy3xp0/</link>
		<comments>http://www.robspangler.com/blog/new-redesign-and-wordpress-27/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 04:36:26 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://www.robspangler.com/?p=123</guid>
		<description><![CDATA[The feeling of &#8220;I&#8217;M BORED&#8221; was definitely the impetus for the redesign. I wanted something that was a bit more personal and I always felt like my last design was a bit too &#8220;corporate.&#8221; I have a few pictures that I&#8217;ve taken sampled throughout some of the backgrounds, and just an overall warmer feel. Still [...]]]></description>
			<content:encoded><![CDATA[<p>The feeling of &#8220;I&#8217;M BORED&#8221; was definitely the impetus for the redesign. I wanted something that was a bit more personal and I always felt like my last design was a bit too &#8220;corporate.&#8221; I have a few pictures that I&#8217;ve taken sampled throughout some of the backgrounds, and just an overall warmer feel. Still a bit of a work in progress, let me know if you have any suggestions!</p>
<p><img src="/images/2006-design.jpg" alt="The Old Design" /></p>
<p>Along with the design changes I decided to ditch Textpattern and head back over to WordPress. The latest WP changes have been great and the platform has become so much more flexible since the pre-2.5 days. Hopefully Textpattern will begin some updates for us, but in the meantime I&#8217;m definitely happy sticking with WordPress for a while.</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/FxN71Wy3xp0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/new-redesign-and-wordpress-27/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/new-redesign-and-wordpress-27/</feedburner:origLink></item>
		<item>
		<title>Taking a Little Break</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/yDRwyzYEadM/</link>
		<comments>http://www.robspangler.com/blog/taking-a-little-break/#comments</comments>
		<pubDate>Sat, 05 Jul 2008 11:42:57 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/taking-a-little-break/</guid>
		<description><![CDATA[Well friends, I&#8217;ll be away from the computer for about a week (jealous?). Me and the wife are heading out to Daytona Beach for Student Life &#38; The Beach 2008 with the students at our church.

Bye!
]]></description>
			<content:encoded><![CDATA[<p>Well friends, I&#8217;ll be away from the computer for about a week (jealous?). Me and the wife are heading out to Daytona Beach for Student Life &amp; The Beach 2008 with the students at our church.</p>
<p><a href="http://beach.studentlife.com/campdetails.php?cn=280"><img src="/images/15.jpg" alt="Student Life @ The Beach 2008 Daytona" /></a></p>
<p>Bye!</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/yDRwyzYEadM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/taking-a-little-break/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/taking-a-little-break/</feedburner:origLink></item>
		<item>
		<title>Thinking About Using Video on Your eCommerce Website?</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/cGCJyGLS2i0/</link>
		<comments>http://www.robspangler.com/blog/thinking-about-using-video-on-your-ecommerce-website/#comments</comments>
		<pubDate>Tue, 06 May 2008 00:27:19 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/thinking-about-using-video-on-your-ecommerce-website/</guid>
		<description><![CDATA[I just posted a blog over on Groove Commerce&#8217;s eCommerce Blog about using product videos on your eCommerce websites. Check it out, and let me know what you think, or if you have any questions.
]]></description>
			<content:encoded><![CDATA[<p>I just posted a blog over on <a href="http://www.groovecommerce.com/ecommerce-blog/">Groove Commerce&#8217;s eCommerce Blog</a> about using product videos on your eCommerce websites. <a href="http://www.groovecommerce.com/ecommerce-blog/online-conversion/a-picture-says-1000-words-a-video-might-say-4000/">Check it out</a>, and let me know what you think, or if you have any questions.</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/cGCJyGLS2i0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/thinking-about-using-video-on-your-ecommerce-website/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/thinking-about-using-video-on-your-ecommerce-website/</feedburner:origLink></item>
		<item>
		<title>eCommerce Gallery Has Launched!</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/n8tbHyvdXiw/</link>
		<comments>http://www.robspangler.com/blog/ecommerce-gallery-has-launched/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 22:09:28 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/ecommerce-gallery-has-launched/</guid>
		<description><![CDATA[I&#8217;m pleased to announce that eCommerce Gallery has finally launched. This has been a side-project I&#8217;ve been working on for quite some time.

I frequently check a lot of CSS/website galleries, but I&#8217;ve always struggled because most of them simply feature websites for edgy design firms. What about eCommerce and lead generation? Not all clients are [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m pleased to announce that <a href="http://ecommercegallery.com/">eCommerce Gallery</a> has finally launched. This has been a side-project I&#8217;ve been working on for quite some time.</p>
<p><a href="http://ecommercegallery.com/"><img src="http://www.robspangler.com/images/14.jpg" alt="eCommerce Website Gallery" /></a></p>
<p><span id="more-62"></span>I frequently check a lot of CSS/website galleries, but I&#8217;ve always struggled because most of them simply feature websites for edgy design firms. What about eCommerce and lead generation? Not all clients are going to want that hot glossy header with that 300k grunge background (though some do, and that&#8217;s fun too!).</p>
<p>Please check it out and let me know what you think. Feel free to <a href="http://ecommercegallery.com/submit-site/">submit your eCommerce sites</a>!</p>
<p>I have some fun features in there such as ratings and comments, but mainly it&#8217;s about the sites and hopefully that comes across clearly.</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/n8tbHyvdXiw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/ecommerce-gallery-has-launched/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/ecommerce-gallery-has-launched/</feedburner:origLink></item>
		<item>
		<title>Random Tidbits of News</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/cEwTIhg8L2o/</link>
		<comments>http://www.robspangler.com/blog/random-tidbits-of-news/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 21:48:10 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/random-tidbits-of-news/</guid>
		<description><![CDATA[1. WordPress 2.5 is out, and looks great. Admin was redesigned by Happy Cog (Jefferey Zeldman&#8217;s Crew)
2. Magento just launched it&#8217;s first production build (v1.0)
3. Nathan Smith released 960.gs a web design grid system for 960px wide designs.
4. This guy raps about SEO &#38; Conversions (thanks Luke)
]]></description>
			<content:encoded><![CDATA[<p>1. <a href="http://wordpress.org/">WordPress 2.5</a> is out, and looks great. Admin was redesigned by <a href="http://www.happycog.com/">Happy Cog</a> (Jefferey Zeldman&#8217;s Crew)</p>
<p>2. <a title="PHP eCommerce Platform" href="http://www.magentocommerce.com/">Magento</a> just launched it&#8217;s first production build (v1.0)</p>
<p>3. <a href="http://sonspring.com/">Nathan Smith</a> released <a href="http://960.gs/">960.gs</a> a web design grid system for 960px wide designs.</p>
<p>4. <a href="http://www.youtube.com/watch?v=a0qMe7Z3EYg">This guy</a> raps about SEO &amp; Conversions (thanks <a href="http://lglitzer.com/">Luke</a>)</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/cEwTIhg8L2o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/random-tidbits-of-news/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/random-tidbits-of-news/</feedburner:origLink></item>
		<item>
		<title>Is Gmail’s Spam Protection Too Good?</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/WgsYzH9bwCQ/</link>
		<comments>http://www.robspangler.com/blog/is-googles-spam-protection-too-good/#comments</comments>
		<pubDate>Wed, 26 Mar 2008 00:52:26 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/is-googles-spam-protection-too-good/</guid>
		<description><![CDATA[I&#8217;m a huge Google fan but I laughed a bit when I checked my spam folder today&#8230;

In case you didn&#8217;t notice, Google put it&#8217;s own &#8220;Google Alert&#8221; in the spam folder.
]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m a huge Google fan but I laughed a bit when I checked my spam folder today&#8230;</p>
<p><img src="http://www.robspangler.com/images/13.jpg" alt="Google's Spam Folder" /></p>
<p>In case you didn&#8217;t notice, Google put it&#8217;s own &#8220;Google Alert&#8221; in the spam folder.</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/WgsYzH9bwCQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/is-googles-spam-protection-too-good/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/is-googles-spam-protection-too-good/</feedburner:origLink></item>
		<item>
		<title>Safari for Windows Released</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/NKVgzXE5NlU/</link>
		<comments>http://www.robspangler.com/blog/safari-release-for-windows/#comments</comments>
		<pubDate>Thu, 20 Mar 2008 00:24:39 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/safari-release-for-windows/</guid>
		<description><![CDATA[This is a little bit dated now, but just in case you haven&#8217;t heard. Safari 3.1 is out for Windows! This is great news for web developers using a PC, as you no longer have to boot up your Mac to check out your site (though, you probably should as i doubt that they&#8217;re completely [...]]]></description>
			<content:encoded><![CDATA[<p>This is a little bit dated now, but just in case you haven&#8217;t heard. Safari 3.1 is out for Windows! This is great news for web developers using a PC, as you no longer <em>have</em> to boot up your Mac to check out your site (though, you probably should as i doubt that they&#8217;re completely identical).</p>
<p><a href="http://www.apple.com/safari/">Download Safari</a></p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/NKVgzXE5NlU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/safari-release-for-windows/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/safari-release-for-windows/</feedburner:origLink></item>
		<item>
		<title>Usability / Accessibility Issues With Dropdowns</title>
		<link>http://feedproxy.google.com/~r/RobertSpangler/~3/Ow2g2-FJ2k8/</link>
		<comments>http://www.robspangler.com/blog/usability-accessibility-issues-with-dropdowns/#comments</comments>
		<pubDate>Mon, 03 Mar 2008 00:27:12 +0000</pubDate>
		<dc:creator>Robert</dc:creator>
		
		<guid isPermaLink="false">http://localhost:8888/robspangler.com/blog/usability-accessibility-issues-with-dropdowns/</guid>
		<description><![CDATA[There&#8217;s still some debate as to whether or not it&#8217;s OK to use dropdowns in usable, accessible web design. I&#8217;ll definitely say that there are some dropdowns that are really well put together and are both accessible and usable. For example the Suckerfish dropdown seems to do pretty well (while not perfect).

Today I was checking [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s still some debate as to whether or not it&#8217;s OK to use dropdowns in <em>usable</em>, <em>accessible</em> web design. I&#8217;ll definitely say that there are some dropdowns that are really well put together and are both accessible and usable. For example the <a href="http://www.htmldog.com/articles/suckerfish/dropdowns/">Suckerfish</a> dropdown seems to do pretty well (while <strong>not</strong> perfect).<br />
<span id="more-58"></span><br />
Today I was checking out Jiffy Lube&#8217;s site because I really&#8230;really need to get my oil changed. You can tell right away that the site is designed for an monitor with an 800&#215;600 resolution. It&#8217;s about 760px wide. However when you click on their custom designed dropdown you&#8217;re missing out on a few options without any way of scrolling down. As soon as you move the mouse to the scroll bar, the dropdown goes away.</p>
<p><img src="http://www.robspangler.com/images/11.jpg" alt="JiffyLube.com Dropdown" /><br />
<small>(one thing I do like is that the dropdown *is* keyboard accessible, so when you&#8217;re tabbing through the dropdown you can actually get to all of the options. Nice!)</small><br />
<a href="http://www.jiffylube.com">JiffyLube.com</a></p>
<p>Now I&#8217;m a savvy web user with a hot mouse that has a scroll wheel, so I can get around it simply by staying on the dropdown and scrolling down with my wheel. That&#8217;s great for me, but it&#8217;s just not appropriate to think that most of your customers will be able to do that. Especially if a customer has problems with hand dexterity or any other disability leaving them unable to get to the rest of that dropdown.</p>
<h2>How Do I Fix It?</h2>
<p>Well, one thing is to always provide an alternate way of getting into any dropdown sub-item. ie, if you have a dropdown called &#8220;Products,&#8221; make the hyperlink for products actually go to a products page. Sounds simple enough.. However, that&#8217;s not always an option, in that case, take a look at Gmail. There&#8217;s a handy scrollbar in the dropdown itself to get into all of your labels (which works nice for people like me who have 20+ labels).</p>
<p><img src="http://www.robspangler.com/images/12.jpg" alt="Gmail's Label Dropdown" /></p>
<p>Something to think about!</p>
<img src="http://feeds.feedburner.com/~r/RobertSpangler/~4/Ow2g2-FJ2k8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.robspangler.com/blog/usability-accessibility-issues-with-dropdowns/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.robspangler.com/blog/usability-accessibility-issues-with-dropdowns/</feedburner:origLink></item>
	</channel>
</rss>
