<?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>Robert Spangler&#187; Web Design</title> <atom:link href="http://www.robspangler.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" /><link>http://www.robspangler.com</link> <description>Design - Web - Creative</description> <lastBuildDate>Sat, 15 May 2010 02:08:01 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0</generator> <item><title>Random Tidbits of News</title><link>http://www.robspangler.com/blog/random-tidbits-of-news/</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> <category><![CDATA[Web Design]]></category><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> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/random-tidbits-of-news/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Usability / Accessibility Issues With Dropdowns</title><link>http://www.robspangler.com/blog/usability-accessibility-issues-with-dropdowns/</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> <category><![CDATA[Web Design]]></category><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 [...]]]></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> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/usability-accessibility-issues-with-dropdowns/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>New Domain Name, New Hosting!</title><link>http://www.robspangler.com/blog/new-hosting-new-domain-name/</link> <comments>http://www.robspangler.com/blog/new-hosting-new-domain-name/#comments</comments> <pubDate>Sat, 23 Feb 2008 15:33:15 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/new-hosting-new-domain-name/</guid> <description><![CDATA[Today I made two big changes to my site. First of all (as you may have noticed) my domain name is now robspangler.com. That&#8217;s right my friends! no more confusion brought on by the dreadful m in rmspangler.com. I&#8217;m putting my 301 redirect lecture to the test for all of my rmspangler.com URLs. New Hosting! [...]]]></description> <content:encoded><![CDATA[<p>Today I made two big changes to my site. First of all (as you may have noticed) my domain name is now robspangler.com. That&#8217;s right my friends! no more confusion brought on by the dreadful m in rmspangler.com.</p><p>I&#8217;m putting my <a
href="/blog/301-redirects">301 redirect lecture</a> to the test for all of my rmspangler.com URLs.</p><h2>New Hosting!</h2><p>I was originally hosted on <a
href="http://www.asmallorange.com">asmallorange</a>. They treated me well, it was a very cheap and easy hosting solution, I just kinda outgrew it. Now I am hosted on <a
href="http://www.dreamhost.com/">DreamHost</a> and so far so good! &lt;plug&gt; If you ever make the switch over to DreamHost make sure you use <a
href="http://www.dreamhost.com/r.cgi?395721">my promotional code</a>: ROBSPANGLER1. You&#8217;ll get 10% more disk space, and save $20 on the 1 year hosting option.&lt;/plug&gt;</p><p>The switch was _relatively_ easy; however, If you ever need to switch your Textpattern to a new host be sure you read <a
href="http://www.graphicpush.com/moving-txp-from-one-install-to-another">Moving a Textpattern Install to a New Host</a>. That saved me some time i&#8217;m sure. The only problem I ran into was that my Textpattern account no longer worked after I restored my database (even though I attempted to use the same username and password for my new install). I simply had to do some phpMyAdmin queries to straighten it out.</p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/new-hosting-new-domain-name/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>The Importance of 301 Redirects</title><link>http://www.robspangler.com/blog/301-redirects/</link> <comments>http://www.robspangler.com/blog/301-redirects/#comments</comments> <pubDate>Tue, 12 Feb 2008 12:06:31 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/301-redirects/</guid> <description><![CDATA[I was lucky enough to go to the IR Web Design ’08 conference in Miami early this month and do several website consultations for a wide variety of eCommerce websites (both large and small).A lot of people were looking to do a complete redesign and/or change their eCommerce platform. Meaning most (if not all) of their URLs may be changing. I was blown away by the amount of companies that almost made that switch without being told about redirecting their pages using 301 redirects.]]></description> <content:encoded><![CDATA[<p>I was lucky enough to go to the IR Web Design ’08 conference in Miami early this month and do several website consultations for a wide variety of eCommerce websites (both large and small).</p><p>A lot of people were looking to do a complete redesign and/or change their eCommerce platform. Meaning most (if not all) of their <span
class="caps">URL</span>s may be changing. I was blown away by the amount of companies that almost made that switch without being told about redirecting their pages using <strong>301 redirects</strong>.</p><h2>What Is a 301 Redirect?</h2><p>A 301 redirect is basically a code that says “This page has moved permanently” and redirects any <span
class="caps">HTTP</span> user agent (including your browser) from an old <span
class="caps">URL</span> (ex: http://www.rmspangler.com/blog.php?blogid=389/) to your new one (ex: http://www.rmspangler.com/blog-post-new-home/).</p><h2>Why Does It Matter?</h2><p>Basically if you’re not redirecting your old <span
class="caps">URL</span>s to your new <span
class="caps">URL</span>s you’re leaving any links to your site pointing to the wrong place. This includes organic search listings and links from other websites. Not only that, but it also means that any PageRank associated with those old pages is now lost! With a 301 redirect you’re telling search engines that “the page has moved permanently, so please update your listings” (and you keep my PageRank!). At work we’ve had clients come to us, who had their redesign done by another company, go from 6 digits in sales a month down to 5 (as much as 100,000 down to 20,000). All because the company responsible for the redesign did not do any redirecting for their new <span
class="caps">URL</span>s.</p><h2>Don’t Let This Happen To You!</h2><p>301 Redirects are easy to do! However, depending on how many pages you have it can be a very time consuming process… it’s <strong>definitely worth it</strong> though.</p><h3>Example Using .htaccess (Linux / Apache)</h3><p><code> redirect 301 /old-page.php http://www.example.com/new-page.php </code></p><h3>Example Using httpd.ini (Windows)</h3><p><code> RewriteRule /old-page.asp http://www.example.com/new-page.asp [I,O,RP,L] </code></p><p>For more examples of doing 301 redirects, check these sites out:</p><ul><li><a
href="http://www.webweaver.nu/html-tips/web-redirection.shtml">Webweaver 301 Redirects</a></li><li><a
href="http://www.textlinkbrokers.com/blog/comments/264_0_1_0_C2/">TextLinkBrokers 301 Redirects</a></li></ul> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/301-redirects/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Welcome To Miami, ¡Buenvenidos a miami!</title><link>http://www.robspangler.com/blog/welcome-to-miami-buenvenidos-a-miami/</link> <comments>http://www.robspangler.com/blog/welcome-to-miami-buenvenidos-a-miami/#comments</comments> <pubDate>Tue, 29 Jan 2008 12:41:12 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/welcome-to-miami-buenvenidos-a-miami/</guid> <description><![CDATA[Well friends, I'm off to Miami for the "Internet Retailer 2008 Web Design Conference":http://www.internetretailer.com/IRWD08/ with the guys at work. We'll be doing 1-on-1 website consultations with about 22 companies and running a booth. Should be a good time.]]></description> <content:encoded><![CDATA[<p>Well friends, I&#8217;m off to Miami for the &#8220;Internet Retailer 2008 Web Design Conference&#8221;:http://www.internetretailer.com/IRWD08/ with the guys at work. We&#8217;ll be doing 1-on-1 website consultations with about 22 companies and running a booth. Should be a good time.</p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/welcome-to-miami-buenvenidos-a-miami/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Portfolio Update: 3 New Sites!</title><link>http://www.robspangler.com/blog/portfolio-update-3-new-sites/</link> <comments>http://www.robspangler.com/blog/portfolio-update-3-new-sites/#comments</comments> <pubDate>Fri, 25 Jan 2008 03:08:42 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/portfolio-update-3-new-sites/</guid> <description><![CDATA[Just added my latest three projects from Groove to my portfolio:]]></description> <content:encoded><![CDATA[<p>Just added my latest three projects from <a
href="http://www.groovecommerce.com/">Groove</a> to my portfolio:</p><p><a
class="popup" href="/images/portfolio/web/kidzmedcomp.jpg" title="Kidz-Med's Website" class="thickbox" rel="web"><img
src="/images/portfolio/web/kidzmed01.jpg" alt="" /></a><br
/> <a
href="http://www.kidzmed.com/">Kidz-Med</a></p><p><a
class="popup" href="/images/portfolio/web/worldwidecomp.jpg" title="Worldwide Shelter's Website" class="thickbox" rel="web"><img
src="/images/portfolio/web/worldwide01.jpg" alt="" /></a><br
/> <a
href="http://www.worldwideshelters.com">Worldwide Shelters</a></p><p><a
class="popup" href="/images/portfolio/web/spectrumcomp.jpg" title="The Spectrum Group's Website" class="thickbox" rel="web"><img
src="/images/portfolio/web/spectrum01.jpg" alt="" /></a><br
/> <a
href="http://www.spectrumgrp.com/">The Spectrum Group</a></p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/portfolio-update-3-new-sites/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Grunge Gallery</title><link>http://www.robspangler.com/blog/the-grunge-gallery/</link> <comments>http://www.robspangler.com/blog/the-grunge-gallery/#comments</comments> <pubDate>Wed, 23 Jan 2008 12:55:31 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/the-grunge-gallery/</guid> <description><![CDATA[I have a theme for sale over on the Sitepoint Marketplace:<a
href="http://www.sitepoint.com/marketplace/auction/19393"><img
src="http://www.sitepoint.com/marketplace/auctionimage/19393" alt="View Auction" /></a><img
src="http://www.rmspangler.com/grungegallery/gg_thumb.jpg" alt="Screenshot of the Design" />"View the coded preview":http://www.rmspangler.com/grungegallery/]]></description> <content:encoded><![CDATA[<p>I have a theme for sale over on the Sitepoint Marketplace:</p><p><a
href="http://www.sitepoint.com/marketplace/auction/19393"><img
src="http://www.sitepoint.com/marketplace/auctionimage/19393" alt="View Auction" /></a></p><p><img
src="http://www.rmspangler.com/grungegallery/gg_thumb.jpg" alt="Screenshot of the Design" /></p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/the-grunge-gallery/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Hot and Fresh Out The Oven!</title><link>http://www.robspangler.com/blog/hot-and-fresh-out-the-oven/</link> <comments>http://www.robspangler.com/blog/hot-and-fresh-out-the-oven/#comments</comments> <pubDate>Thu, 08 Nov 2007 02:34:59 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/hot-and-fresh-out-the-oven/</guid> <description><![CDATA[Our latest redesign over at "Groove":http://www.groovecommerce launched today!<a
href="http://www.mrmcgroovys.com"><img
src="http://www.rmspangler.com/images/10.jpg" alt="Mr. McGroovy's Box Rivets" /></a>The site is for <a
href="http://www.mrmcgroovys.com">Mr. McGroovy's Box Rivets</a>, a very unique products with plenty of potential. Mr. McGroovy was originally running on a PayPal shopping cart but quickly outgrew it, we came up with a custom solution that will really take his store to the next level.My role in the project was designer and front-end developer. So I did all of the design and front-end coding (xHTML/CSS/JavaScript).More to follow on the Groove <a
href="http://www.groovecommerce.com/ecommerce-blog/">eCommerce Blog</a>.]]></description> <content:encoded><![CDATA[<p>Our latest redesign over at &#8220;Groove&#8221;:http://www.groovecommerce launched today!</p><p><a
href="http://www.mrmcgroovys.com"><img
src="http://www.rmspangler.com/images/10.jpg" alt="Mr. McGroovy's Box Rivets" /></a></p><p>The site is for <a
href="http://www.mrmcgroovys.com">Mr. McGroovy&#8217;s Box Rivets</a>, a very unique products with plenty of potential. Mr. McGroovy was originally running on a PayPal shopping cart but quickly outgrew it, we came up with a custom solution that will really take his store to the next level.</p><p>My role in the project was designer and front-end developer. So I did all of the design and front-end coding (xHTML/CSS/JavaScript).</p><p>More to follow on the Groove <a
href="http://www.groovecommerce.com/ecommerce-blog/">eCommerce Blog</a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/hot-and-fresh-out-the-oven/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>How to Waste Your Money on AdWords 101</title><link>http://www.robspangler.com/blog/how-to-waste-your-money-on-adwords-101/</link> <comments>http://www.robspangler.com/blog/how-to-waste-your-money-on-adwords-101/#comments</comments> <pubDate>Wed, 07 Nov 2007 04:31:50 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/how-to-waste-your-money-on-adwords-101/</guid> <description><![CDATA[I recently purchased a microsuede/microfiber couch for my new apartment. (similar but darker than the couch below)!http://www.rmspangler.com/images/8.jpg (My New Sectional)!I love it, and the price didn't break my bank; however, when the sales person asked if I wanted to pay an extra $100+ for a stain guard treatment...I just really couldn't justify it, I was pretty sure I could find a way to do that myself (for a lot cheaper).So of course I started at Google, I ran a search for 'stain protection for microsuede' the first sponsored link was at Target.com...]]></description> <content:encoded><![CDATA[<p>I recently purchased a microsuede/microfiber couch for my new apartment. (similar but darker than the couch below)</p><p><img
src="http://www.rmspangler.com/images/8.jpg" alt="My New Sectional" /></p><p>I love it, and the price didn&#8217;t break my bank; however, when the sales person asked if I wanted to pay an extra $100+ for a stain guard treatment&#8230;I just really couldn&#8217;t justify it, I was pretty sure I could find a way to do that myself (for a lot cheaper).</p><p>So of course I started at Google, I ran a search for &#8216;stain protection for microsuede&#8217; the first sponsored link was at Target.com.</p><p><img
src="http://www.rmspangler.com/images/7.jpg" alt="Google Search Results for Stain Protection" /></p><p>I was excited, because I do like Target; however, I was extremely disappointed once I got to their &#8220;landing page&#8221;&#8230;</p><p><img
src="http://www.rmspangler.com/images/9.jpg" alt="Target.com's Landing Page" /></p><p>It simply took me to several irrelevant search results&#8230;</p><p>Makes you wonder how much money they must be wasting on AdWords, as I&#8217;m sure that this isn&#8217;t the only instance of an irrelevant landing page. I would love to get my hands in their AdWords account and see what kind of ROI(Return on Investment) they&#8217;re getting with their current strategy.</p><p>h3. The Moral of the Story</p><p>If you&#8217;re going to pay-per-click and you expect a sale in return&#8230;give the customer a decent landing page with some relevant products.</p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/how-to-waste-your-money-on-adwords-101/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>I Forgot To Share&#8230;</title><link>http://www.robspangler.com/blog/i-forgot-to-share/</link> <comments>http://www.robspangler.com/blog/i-forgot-to-share/#comments</comments> <pubDate>Tue, 30 Oct 2007 03:17:42 +0000</pubDate> <dc:creator>Robert</dc:creator> <category><![CDATA[Web Design]]></category> <category><![CDATA[eCommerce]]></category><guid
isPermaLink="false">http://localhost:8888/robspangler.com/blog/i-forgot-to-share/</guid> <description><![CDATA[My favorite part of my daily work is when I get to slice and code a great design using some great markup (<acronym
title="Extensible HyperText Markup Language">xHTML</acronym>) with smart styling (<acronym
title="Cascading Style Sheets">CSS</acronym>).At work I've recently been given the opportunity to solely act as the front end developer for a few different projects we launched over at "Groove":http://www.groovecommerce.com/* "La Prima Catering":http://www.laprimacatering.com/
* "Corporate Baskets":http://www.corporate-baskets.com/
* "Don't Know Tavern":http://www.dontknowtavern.com/_Note: Not my designs, just my code_]]></description> <content:encoded><![CDATA[<p>My favorite part of my daily work is when I get to slice and code a great design using some great markup (<acronym
title="Extensible HyperText Markup Language">xHTML</acronym>) with smart styling (<acronym
title="Cascading Style Sheets">CSS</acronym>).</p><p>At work I&#8217;ve recently been given the opportunity to solely act as the front end developer for a few different projects we launched over at &#8220;Groove&#8221;:http://www.groovecommerce.com/</p><p>* &#8220;La Prima Catering&#8221;:http://www.laprimacatering.com/<br
/> * &#8220;Corporate Baskets&#8221;:http://www.corporate-baskets.com/<br
/> * &#8220;Don&#8217;t Know Tavern&#8221;:http://www.dontknowtavern.com/</p><p>_Note: Not my designs, just my code_</p> ]]></content:encoded> <wfw:commentRss>http://www.robspangler.com/blog/i-forgot-to-share/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 8/15 queries in 0.018 seconds using disk

Served from: www.robspangler.com @ 2010-07-31 15:03:04 -->