<?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>Mesmer Lab &#187; Web Design</title>
	<atom:link href="http://www.mesmerlab.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mesmerlab.com</link>
	<description>Tech and trends in web design+development.</description>
	<lastBuildDate>Mon, 30 May 2011 23:11:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Magento: Beginner&#8217;s Guide (Book Review)</title>
		<link>http://www.mesmerlab.com/magento-beginners-guide-book-review/</link>
		<comments>http://www.mesmerlab.com/magento-beginners-guide-book-review/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 16:41:44 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=670</guid>
		<description><![CDATA[I have been humbled by the good people at Packt Publishing. For some reason they think I&#8217;m an authority, so they decided to let me review one of their new books, Magento: Beginner&#8217;s Guide, written by William Rice. If you&#8217;re not familiar, Magento is a fresh and promising ecommerce solution. A leading feature of the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="https://www.packtpub.com/magento-beginners-guide#ebook/book"><img src="http://www.mesmerlab.com/wp-content/uploads/2009/10/book-cover-236x300.jpg" alt="Magento: Beginner&#039;s Guide [William Rice - Packt]" title="Magento: Beginner&#039;s Guide [William Rice - Packt]" width="236" height="300" class="alignright size-medium wp-image-673 postimage" /></a>I have been humbled by the good people at Packt Publishing. For some reason they think I&#8217;m an authority, so they decided to let me review one of their new books, <a href="https://www.packtpub.com/magento-beginners-guide#ebook/book">Magento: Beginner&#8217;s Guide, written by William Rice</a>.</p>
<p>If you&#8217;re not familiar, Magento is a fresh and promising ecommerce solution. A leading feature of the software is the core is 100% open source. Of course there are many plugins, themes and other customization features which range in price from the altruistic &#8216;free&#8217; to the enterprising &#8216;thousands of dollars&#8217;. But in the end, if you&#8217;re looking for a robust ecommerce solution and aren&#8217;t afraid to get your hands dirty, look no further than <a href="http://www.magentocommerce.com">Magento Commerce</a>.</p>
<p>This is a hefty book, weighing in at 300 pages. I&#8217;ve read the official Magento User Guide, and although it is informative, I feel that it is somewhat dry. I&#8217;m eager to flip through the ebook they sent me to see if there are any &#8216;between the lines&#8217; tips and tricks to liven up a Magento project I&#8217;m working on. <span id="more-670"></span></p>
<p>At first glance, the table of contents definitely seems to focus on the <abbr title="Getting Things Done">GTD</abbr> side of things. For instance, the first chapter is all about installing Magento.</p>
<blockquote><p>This chapter is written especially for you, if you are:</p>
<ul>
<li>Installing Magento on your own</li>
<li>Using a low-cost, commonly available hosting service</li>
<li>Familiar with putting files up on a web server, but that is the limit of your technical knowledge</li>
<li>Willing to ask your hosting service&#8217;s technical support some simple and specific &#8220;Yes/No&#8221; questions about their setup</li>
<li>Eager to get your store up and running as fast as possible</li>
</ul>
<p>Even if you own a server, or are very technical, this chapter is still worth reading. It can<br />
save you time by helping you to avoid problems while installing Magento.</p></blockquote>
<p><em><br />
Sidenote: I highly suggest getting familiar with how Magento works. This isn&#8217;t WordPress.</em> </p>
<p>So I&#8217;ll be reading the book and applying the knowledge within. Eventually I&#8217;ll gather my notes into coherent form and publish them as an official review right here. Until then, your homework is to read about how Magento can work for your business. If you&#8217;re wanting to sell online, I really do recommend it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/magento-beginners-guide-book-review/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Anchor Tags, IDs, Google and You!</title>
		<link>http://www.mesmerlab.com/anchor-tags-ids-google-and-you/</link>
		<comments>http://www.mesmerlab.com/anchor-tags-ids-google-and-you/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:52:47 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web psychology]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=625</guid>
		<description><![CDATA[So Google added yet another facet to their SERPs this week. The new feature allows you to jump to the information you want right from the search snippets. At first glance it seems they&#8217;re acknowledging the proper use of the named anchor tag. Further investigation turns up clues of nimble ID attribute seeding. Page Division [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://googleblog.blogspot.com/2009/09/jump-to-information-you-want-right-from.html"><img src="http://www.mesmerlab.com/wp-content/uploads/2009/10/google-jump-to.gif" alt="Jump to the information you want right from the search snippets" title="Jump to the information you want right from the search snippets" width="275" height="250" class="alignright size-full wp-image-629 postimage" /></a>So Google added yet another facet to their <abbr title="Search Engine Results Page">SERPs</abbr> this week. The new feature allows you to <a href="http://googleblog.blogspot.com/2009/09/jump-to-information-you-want-right-from.html">jump to the information you want right from the search snippets</a>. At first glance it seems they&#8217;re acknowledging the proper use of the named anchor tag. Further investigation turns up clues of nimble ID attribute seeding.</p>
<h3 name="Page Division Benefits for Visitors to Your Web Site">Page Division Benefits for Visitors to Your Web Site</h3>
<p>This is great news for both sides of the <abbr title="Search Engine Optimization">SEO</abbr> table. The search engine user can click directly to the desired information instead of wandering around the page once they&#8217;re directed to a site by the SERP. The old way was sort of like getting directions to a house party that left you at the entrance of a neighborhood. This new way leads you to the right driveway.</p>
<p><span id="more-625"></span></p>
<h3 name="Page Division Benefits for Web Developers"><a name="Page Division Benefits for Web Developers"></a>Page Division Benefits for Web Developers</h3>
<p>For the web professional, proper SEO techniques will allow you more granularity and specificity in your SERP presence. A few choice placements of the correct anchor tags (and possibly usage of the obligatory ID tags) can net great returns and more &#8216;good&#8217; traffic to your sites. When I say &#8216;good&#8217; traffic, I mean people who won&#8217;t end up in the <a href="http://en.wikipedia.org/wiki/Bounce_rate">bounced</a> column in your analytics.</p>
<p>For a more in-depth look at how the new algorithm works, please jump over to Site Booster&#8217;s article entitled <a href="http://www.site-booster.com/blog/2009/09/new-strategy-to-increase-search-engine-visibility/">New Strategy to Increase Search Engine Visibility</a>.</p>
<h3 name="What Comes Next?">What Comes Next?</h3>
<p>I&#8217;m more interested in if IDs will be included in the Google SERPs. I&#8217;d rather give IDs double duty than have to insert &lt;a&gt; tags into my code. Most well-written pages employ header tags, &lt;h1&gt; and so on.</p>
<p>The example Google gives on their blog uses:</p>
<blockquote><p>&lt;a id=&#8221;HDL&#8221; name=&#8221;HDL&#8221;&gt;</p></blockquote>
<p>Now I&#8217;m not sure if the Google algorithm is triggering on the anchor name or the ID. Big points to the big G if they use both. I&#8217;m using different methods in different areas of this article to see how things turn out.</p>
<h3 name="Your Turn">Your Turn</h3>
<p>Let me know what you&#8217;re thinking about this new avenue of Search Engine Optimization and how you plan to implement it. I&#8217;d love to hear your ideas in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/anchor-tags-ids-google-and-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google&#8217;s New Sandbox Search &#8211; Caffeine</title>
		<link>http://www.mesmerlab.com/googles-new-sandbox-search-caffeine/</link>
		<comments>http://www.mesmerlab.com/googles-new-sandbox-search-caffeine/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 21:31:44 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tech]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[web psychology]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=592</guid>
		<description><![CDATA[It seems the search engine market is becoming competitive again. In response to the recent release of Microsoft&#8217;s &#8216;decision engine&#8217; Bing, Google is stepping up their game. Competition breeds innovation, proof that capitalism works. This week, Google released their new sandbox search engine, nicknamed &#8216;Caffeine&#8217;. In my initial tests, it seems Caffeine results are focused [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mesmerlab.com/wp-content/uploads/2009/08/coffee-shaking.jpg" alt="coffee-shaking" title="coffee-shaking" width="314" height="400" class="alignnone size-full wp-image-597 postimage" />It seems the search engine market is becoming competitive again. In response to the recent release of Microsoft&#8217;s &#8216;decision engine&#8217; Bing, Google is stepping up their game.</p>
<p>Competition breeds innovation, proof that capitalism works. </p>
<p>This week, Google released their new sandbox search engine, nicknamed &#8216;Caffeine&#8217;. In my initial tests, it seems Caffeine results are focused more on articles and web pages, not video or news results. Youtube and news items are typically still on the first page, but they are further down instead of always sticking to the top.</p>
<p>It seems you can&#8217;t saturate your Youtube video description with keywords anymore. Content is king.<span id="more-592"></span></p>
<div style="clear:both;margin:0;padding:0"></div>
<p>I have had pretty good results on SERPs by using the WordPress platform, which in cooperation with the <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All-In-One SEO</a> plugin, makes META info maintenance a breeze. You have control of each page&#8217;s data, as well as the overall site&#8217;s META keywords and description. And well, content is king. Write a good article and you should see good results.</p>
<p>My best performing article here at Mesmer Lab is about how I add custom fonts to my WordPress installation. I wanted an easy solution for having a unique look, but flexible enough to only require regular text, not opening Photoshop every time I need a new header image.</p>
<p>So to that end, when you search for &#8216;add custom font wordpress&#8217; right now you&#8217;ll find the following results:</p>
<ul>
<li>Google (current): <a href="http://tr.im/wi30">http://tr.im/wi30</a></li>
<li>Google Sandbox: <a href="http://tr.im/wi2Q">http://tr.im/wi2Q</a></li>
<li>Bing: <a href="http://tr.im/wi53">http://tr.im/wi53</a></li>
</ul>
<blockquote><p>First off, let me explain how good <a href="http://tr.im">tr.im</a> is as a URL shortener. Create an account with them and you can track clicks. That alone should give you enough incentive to use them exclusively. Add that they use unique URLs and you&#8217;ll never use another URL shortener again.</p></blockquote>
<p>Now there are some interesting differences here. The current Google SERP has my article at #4, including an indented link for a related article on my site. Indented results are a function of Google&#8217;s algorithm and are typically seen as having more authority. I was pretty jazzed when I noticed I had one. </p>
<p>The Caffeine SERP shows the same article at #3, pushing ahead of the result from Digg. Hmm, what does that mean? Google is giving less weight to bookmarking sites? I never really got into Digg, but I use Del.icio.us pretty regularly. And although I see their merit, I&#8217;d rather find actual articles in my SERPs rather than a middleman.</p>
<p>And well, Microsoft hates my site it seems. Where&#8217;s Mesmer Lab on Bing? Not sure. I went through the first 10 pages and couldn&#8217;t find a trace. I gave up digging deeper into the SERP pages when I started seeing results that weren&#8217;t even related to WordPress or fonts.</p>
<p>So what does this mean to you? Well if you&#8217;re a typical web user you should start seeing more direct links rather than having to click through a bookmark aggregator. Less clicks, less bandwidth, more efficiency. If you&#8217;re a web developer, your SEO prowess should shine through much easier. Using Caffeine could possibly give your expertise a 10% boost in authority. Content writers should also see similar results. Just keep writing good content and your analytics and AdSense results should validate your worth.</p>
<p>The people over at Facesaerch have developed a side-by-side comparison of the current Google engine and Caffeine. Test it out at <a href="http://www.facesaerch.com/caffeine/">http://www.facesaerch.com/caffeine/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/googles-new-sandbox-search-caffeine/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Lowering Friction with Call To Action Psychology</title>
		<link>http://www.mesmerlab.com/lowering-friction-with-call-to-action-psychology/</link>
		<comments>http://www.mesmerlab.com/lowering-friction-with-call-to-action-psychology/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 20:23:00 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web psychology]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=426</guid>
		<description><![CDATA[David Hamill has written an excellent article about the psychology of a good &#8216;call to action&#8217; implementation on your site. He walks you through actual and alternative designs of Twitter, Amazon, Firefox, and why specific things work. Usability is key. You can have the best information and product, but if there&#8217;s a problem with catching [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mesmerlab.com/wp-content/uploads/2009/03/call-to-action.jpg" alt="call-to-action" title="call-to-action" width="279" height="208" class="alignright size-full wp-image-429 postimage" /><a href="http://www.goodusability.co.uk/">David Hamill</a> has written an excellent article about the psychology of a <a href="http://www.uxbooth.com/blog/good-call-to-action-buttons/">good &#8216;call to action&#8217;</a> implementation on your site. He walks you through actual and alternative designs of Twitter, Amazon, Firefox, and why specific things work.</p>
<p>Usability is key. You can have the best information and product, but if there&#8217;s a problem with catching your visitors&#8217; attention on how they can benefit, then you need to rethink your design. David describes how your wording, the positioning of your call to action links, and even the size, will help you convert your visitors into users.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/lowering-friction-with-call-to-action-psychology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Custom Favicon</title>
		<link>http://www.mesmerlab.com/create-a-custom-favicon/</link>
		<comments>http://www.mesmerlab.com/create-a-custom-favicon/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 22:02:16 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[favicon]]></category>

		<guid isPermaLink="false">http://www.mesmerlab.com/?p=3</guid>
		<description><![CDATA[You can easily brand your site and have a custom icon show up in your visitors bookmarks. The favicon item in modern browsers is a handy feature to easily keep a website visible in the sea of tabs that power surfers thrive in. I&#8217;ll show you how to add this benefit to your clients&#8217; sites [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mesmerlab.com/wp-content/uploads/2009/01/favicon-small.png" alt="Make your own at favicon.cc" title="Mesmer Lab&#039;s favicon under construction." width="100" height="96" class="size-full right wp-image-34" style="float:right;padding-left:20px;" />You can easily brand your site and have a custom icon show up in your visitors bookmarks. The favicon item in modern browsers is a handy feature to easily keep a website visible in the sea of tabs that power surfers thrive in. I&#8217;ll show you how to add this benefit to your clients&#8217; sites and secure it in your web design tool belt.<span id="more-3"></span></p>
<h2 class="topbuff">To begin&#8230;</h2>
<p>First off, this is how to put it on your site. Add this in the &lt;HEAD&gt; section of your pages.</p>
<pre><code>&lt;link rel="shortcut icon" href="http://<span style="color:red"><em>www.yoursite.com</em></span>/favicon.ico" /&gt;</code></pre>
<p>Make sure you put the correct location of the file, of course. Next I&#8217;ll tell you what is involved in creating a favicon.</p>
<h2 class="topbuff">Create your own favicon, online!</h2>
<p><a href="http://www.favicon.cc/"><img src="http://www.mesmerlab.com/wp-content/uploads/2009/01/favicon-cc1-300x239.png" alt="The favicon.cc interface is very straightforward." title="Visit www.favicon.cc" width="300" height="239" class="alignright size-medium wp-image-14" style="float:right;margin:0 0 20px 20px;" /></a>The nice folks over at <a href="http://www.favicon.cc/">favicon.cc</a> have developed a spiffy flash application where you can create your own favicon right in your browser. You have pixel precision while creating a full-color icon. They even include animation options with their icon generator.</p>
<p>If you&#8217;ve used any type of image editor, the controls are very easy to use. Either upload an image or draw one pixel by pixel. Get creative with a full color picker, transparent ink (eraser), review and use existing colors and move the image around. Once you&#8217;re happy with your work, you can download the icon for your site. When you create an account, you can save your icons at their site and make them public for anyone to use. You can even add a title, description and tags when you publish it under the <a href="http://www.favicon.cc/?action=view_creative_commons">Creative Commons</a> license. Top rated and recently created icons can be browsed with ease. </p>
<h2 class="topbuff">Bright green adornment in Firefox 3</h2>
<p><a href="http://drivelocity.com/on-the-web/large-green-favicon-in-firefox/"><img src="http://www.mesmerlab.com/wp-content/uploads/2009/01/drivelocity02-300x231.png" alt="Read more at Drivelocity.com" title="Read more at Drivelocity.com" width="300" height="231" class="size-medium wp-image-58" style="float:right;margin-left:20px;" /></a>Ever wonder why some sites like <a href="https://www.paypal.com/">PayPal</a> and <a href="http://www.godaddy.com/">GoDaddy</a> have a bright green background on their favicon in Firefox 3? This assures the visitor that the site has a valid <acronym title="Secure Socket Layer">SSL</acronym> certificate. </p>
<p>Thank you <a href="http://www.mozilla.com/en-US/firefox/?from=getfirefox">Firefox</a> for a welcome addition to help prevent identity theft. Click on the glowing green graphic to view the certificate. Check out more info over at <a href="http://drivelocity.com/on-the-web/large-green-favicon-in-firefox/">Drivelocity.com</a>.</p>
<div style="clear:both;"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.mesmerlab.com/create-a-custom-favicon/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

