<?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"
	>

<channel>
	<title>Brackett Design &#38; Strategic Marketing</title>
	<atom:link href="http://www.brackettdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brackettdesign.com</link>
	<description>Design It, Code It, Blog About It</description>
	<pubDate>Thu, 03 Jul 2008 04:50:59 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>TriumphCollectors.com Is Live!</title>
		<link>http://www.brackettdesign.com/triumphcollectorscom-is-live/</link>
		<comments>http://www.brackettdesign.com/triumphcollectorscom-is-live/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 04:47:57 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[E-Commerce Sites]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[PHPbay]]></category>

		<category><![CDATA[WordPress Design]]></category>

		<category><![CDATA[WordPress Development]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=61</guid>
		<description><![CDATA[I just finished my latest site, Triumphcollectors.com. This WordPress 2.5 site uses PHPBay Pro, an excellent Wordpress plugin that turns a basic blog into an Ebay reseller. In this case, the site provides targeted keyword content on the Icon British sports cars from Triumph Motor Corporation.

The site is built on the WordPress framework and features PHPbay Pro, an excellent plugin that connects the blog to an Ebay reseller account. ]]></description>
			<content:encoded><![CDATA[<p>URL: <a title="Wordpress Theme Design" href="http://triumphcollectors.com">http://www.triumphcollectors.com </a></p>
<p>I just finished my latest site, Triumphcollectors.com. This WordPress 2.5 site uses PHPBay Pro, an excellent Wordpress plugin that turns a basic blog into an Ebay reseller. In this case, the site provides targeted keyword content on the Icon British sports cars from Triumph Motor Corporation.</p>
<p>The theme framework was selected from themes.wordpress.com because it was a basic two column theme with a plain header and menu bar. The objective was to customize the theme as much as possible as an exercise towards building my own multilevel theme I&#8217;m starting to build now. Also since this was my first experience with <a title="web development custom tools" href="http://http://www.phpbay.com/products.html">PHPbay Pro</a> I did not want to go too crazy with a complicated theme.</p>
<p style="text-align: center;"><a href="http://www.triumphcollectors.com"><img class="alignnone size-full wp-image-63 aligncenter" title="triumph_page" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/07/triumph_page.jpg" alt="" width="350" height="334" /></a></p>
<p>I was able to easily add the customized features to the theme, such as a rotating header image, splitting the header to show the Union Jack, having separately designed sidebars appear within select categories. This was key because the site required different Amazon reseller ads for each topic. Now the articles in the Triumph Spitfire category are matched with relevant ads. I also rewrote most of the CSS, changed the formating some and customized the background images as well as the other framework images.</p>
<p>Installing PHPbay Pro was a breeze. This $50 plugin is worth every penny. The license is for a single user, but you can put it on as many sites as you own. There are many documents and videos explaining how to use the plugin. Actually I found it very intuitive and only had to refer the PDF manual a couple of times. In fact I hate Ebay and have not been to the site in a few years. So I can image how quickly someone could set this up if they were more acclimated to Ebay and how the categories are set up and such.</p>
<p>The site also features my normal roster of recommended WordPress plugins.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/triumphcollectorscom-is-live/feed/</wfw:commentRss>
		</item>
		<item>
		<title>New Look For Croatia Travel Blog</title>
		<link>http://www.brackettdesign.com/new-look-for-croatia-travel-blog/</link>
		<comments>http://www.brackettdesign.com/new-look-for-croatia-travel-blog/#comments</comments>
		<pubDate>Wed, 11 Jun 2008 21:39:28 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Recent Projects]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=59</guid>
		<description><![CDATA[It all started with a notion to add the new Automattic product BBPress to croatiatravelblog.com. It ended up being a whole new theme integration with the powerful new Word Press Theme, Arthemia. 

I found it to be an excellent new magazine style theme that fit my content perfectly and is easily altered to accommodate my flickr gallery and other features I had already built.]]></description>
			<content:encoded><![CDATA[<p>I had the notion to experiment with the new BBPress forum system that is part of the whole Wordpress/Automattic thing. BBPress looks to have a lot of promise and plays well with WordPress integration.</p>
<p>I installed BBPress, but never fully implemented it. I quickly realized the previous theme would not work, plus I’ve been getting into magazine style themes lately and was looking for an excuse to get deeper into custom fields, excerpt construction and magazine style layouts.</p>
<p style="text-align: center;"><a href="http://www.brackettdesign.com/blog/wp-content/uploads/2008/06/ctbv2.jpg"><img class="alignnone size-full wp-image-58 aligncenter" title="ctbv2" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/06/ctbv2.jpg" alt="" width="425" height="366" /></a></p>
<p>I found an excellent theme called <a href="http://www.michaeljubel.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> 1.0 by Michael Jubel. This theme fit my site perfectly, and was free, which is always good. I’ve just about got it setup, and have added several custom field functions and added my flickr stream without incident. The new layout allowed me to add other income producing features such as a 468&#215;60 Commission Junction banner, and an amazon affiliate block.</p>
<p>I had to drop BBPress integration to finish editing my photos and putting a book together on my recent adventure journey to Belize. Once I get back to it I’ll build the forum.  The site is live and getting a good response so far. I highly recommend this them. I was able to configure it over a couple of weekend mornings. The code is solid, and the instructions are well documented.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/new-look-for-croatia-travel-blog/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Building Backlinks</title>
		<link>http://www.brackettdesign.com/building-backlinks/</link>
		<comments>http://www.brackettdesign.com/building-backlinks/#comments</comments>
		<pubDate>Thu, 15 May 2008 21:23:35 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[SEO Zen]]></category>

		<category><![CDATA[Backlinks]]></category>

		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=55</guid>
		<description><![CDATA[The single objective for any website owner is to get links to the homepage and individual pages on the site, called “Deep Linking”.
Definitions
One-Way Links: When a website links to you but you don’t link to them. One-way links are the most valuable as they carry more “link juice” weight in terms of Google Ranking.
Reciprocal Links: [...]]]></description>
			<content:encoded><![CDATA[<p>The single objective for any website owner is to get links to the homepage and individual pages on the site, called “Deep Linking”.</p>
<p>Definitions</p>
<p><strong>One-Way Links:</strong> When a website links to you but you don’t link to them. One-way links are the most valuable as they carry more “link juice” weight in terms of Google Ranking.</p>
<p><strong>Reciprocal Links:</strong> Links shared between sites. A logical link between two sites retains value. A link from sites that share not common interests carries the least weight.</p>
<p style="text-align: center;"><a href="http://www.brackettdesign.com/blog/wp-content/uploads/2008/05/chainlink.jpg"><img class="alignnone size-full wp-image-56" style="border: 1px solid black;" title="chainlink" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/05/chainlink.jpg" alt="" width="425" height="282" /></a></p>
<p><strong>How to Build High Quality Links:</strong></p>
<p>Create Authoritative Content</p>
<p>Creating valuable, helpful content is the first step to getting other sites to link to your site.  If a webmaster or blogger finds information of value to their users then they might place a link to your site on theirs.<span id="more-55"></span></p>
<p><strong>Ask for Links</strong></p>
<p>Find web sites that have complimentary content to yours and email them with a link request. For example, a poker site might find your information of value to their users. This exchange will require a reciprocal link exchange.</p>
<p><strong>Join Social Networks</strong></p>
<p>Stumbleupon.com is a good resource for meeting like minded people that are interested in your product or service. As you make “friends” they will “stumble” your content which helps to build traffic. “Stumble” means that they post a recommendation on their Stumbleupon account and others see it and check it out.</p>
<p>Often people on Stumbleupon have sites they want to promote. I’ve gotten some good links to my travel site, Croatiatravelblog.com, using this method.</p>
<p><strong>Article Marketing</strong></p>
<p>There are Over 100 article publishing sites that accept articles from expert writers and post them either for readers or other publishers to post them on their websites. The terms are that the author retains links back to his site.</p>
<p>If you submit an article that gets picked up 50 times by different publishers, then that creates 50 highly valuable one-way links to your site. Over time this can pay off.</p>
<p>You can not use the same articles that you use on your site. This would create duplicate content, which Google hates. Doing this risks your main site. It’s much better to get a writer to produce content strictly for article marketing.</p>
<p>There are services that will submit your articles to all of the publishers for you. I have not tested these yet, so I can’t offer any confirmed successes from using them.</p>
<p><a href="http://www.articlemarketer.com">http://www.articlemarketer.com</a> is a good example of these services.</p>
<p><strong>Buying Links</strong></p>
<p>There are webmaster that sell links and companies that will place links on sites for a fee.</p>
<p><a href="http://www.textlinkads.com">http://www.textlinkads.com</a> is one of the largest.</p>
<p>I’m not a big fan of this method because links have gotten very expensive. As much as $40 per month for one link. In my opinion there are other ways to spend money for more effective results.</p>
<p><strong>Forums and Social Book Marking Sites</strong></p>
<p>Find forums that have topics on your niche and post in them with a link back to your site. Most use “No-Follow” links which means they purposely eliminate the search bots from treating the link as a legitimate resource. However, forums can attract visitors who might link to you from their blogs.</p>
<p>Social bookmarking sites enable a blog owner to post updates to their blog for others to see. This requires having a blog configured site, and can be quite effective if done correctly.</p>
<p><strong>Wow, that&#8217;s a lot of stuff!<br />
</strong></p>
<p>Getting backlinks is the only goal a website owner should have. A successful linking campaign will get focused traffic that should translate into conversions and sales.</p>
<p>To there requires diligence in producing compelling content, technological knowhow in building the site in a framework that complies with what Google likes, and reaching out to other sites in order to build inbound links.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/building-backlinks/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Zen Cart Blank Checkout Page Error- Solved!</title>
		<link>http://www.brackettdesign.com/zen-cart-blank-checkout-page-error-solved/</link>
		<comments>http://www.brackettdesign.com/zen-cart-blank-checkout-page-error-solved/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 16:55:02 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Improve Your Coding]]></category>

		<category><![CDATA[Coding Tips]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[Zen Cart]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=29</guid>
		<description><![CDATA[I was recently preparing the launch of a new Zen Cart store for a client when encountered a blank page on checkout. There was no error, just a blank page. Baffled, I reloaded the CHECKOUT page and processed another test transaction only to see the blank page appear farther up the checkout process on the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/cart1.jpg"><img class="alignleft alignnone size-full wp-image-30" style="float: left;" title="cart" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/cart1.jpg" alt="Zen Cart" width="145" height="180" /></a>I was recently preparing the launch of a new Zen Cart store for a client when encountered a blank page on checkout. There was no error, just a blank page. Baffled, I reloaded the CHECKOUT page and processed another test transaction only to see the blank page appear farther up the checkout process on the CART page.</p>
<p>The admin showed the orders were being processed, so the data was hitting the database. I had no where to go, and was looking at either systematically going through each template file and each database table to see if I could find any evidence of what was causing the errors.<span id="more-29"></span></p>
<p>The more I thought about doing this the reality of the tedious hours it would take to just find it began to sink in. I did research and found other developers that had encountered this issue, but none seemed to offer any clear path that would fix my issue. Basically they were even more lost than I was on the blank page horror.</p>
<p>Finally I found the Zen Cart Error-Logging Utility. This little app saved the day and boosted my confidence for future Zen Cart installs. First, the download page explains that the blank page effect is the result of PHP syntax errors. This can happen by tinkering around in the template files and mistyping an operator. Ok, that sounded good. However, I had purposely set my customizations from the admin just for this reason.</p>
<p>Apparently Zen Cart version 1.3.8 has this bug. It’s recommended to upgrade to 1.3.8a, which I had already done. I was still getting the error.</p>
<p>I proceeded to download and install the Debugging Tool per their instructions.</p>
<p>I ran the transaction again and returned this error in the log file</p>
<div id="codebase">
<div class="code">
<ul>
<li> <code>[04-Apr-2008 13:34:22] PHP Warning: Cannot modify header information - headers already sent by<br />
(output started at /home/broadcas/public_html/catalog/includes/languages/<br />
english.php:1401)<br />
in/home/broadcas/public_html/catalog/includes/init_includes/<br />
init_templates.php on line 78</code></li>
</ul>
<ul>
<li> <code>[04-Apr-2008 13:34:22] PHP Warning: Cannot modify header information - headers already sent by<br />
(output started at /home/broadcas/public_html/catalog/includes/languages/<br />
english.php:1401)<br />
in /home/broadcas/public_html/catalog/includes/functions/<br />
functions_general.php on line 44\</code></li>
</ul>
</div>
<p><!--code--></p>
</div>
<p><!--codebody--></p>
<p>I replaced these files and thought I got it working until the confirmation page came up blank. After more research I discovered that functions_general.php is not the correct file to swap, it’s english.php in the languages file. At this point I just uploaded the whole damn languages folder from a fresh download of Zen Cart 1.3.8a. Boom! it all worked. It tested and retested with no errors. </p>
<p>If you run into this issue, or any other Zen Cart weirdness, please download this file. It will save tons of time and frustration, when you need to squash little pain-in-the-ass bugs like this. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/zen-cart-blank-checkout-page-error-solved/feed/</wfw:commentRss>
		</item>
		<item>
		<title>BroadcastSolutions.com</title>
		<link>http://www.brackettdesign.com/broadcastsolutionscom/</link>
		<comments>http://www.brackettdesign.com/broadcastsolutionscom/#comments</comments>
		<pubDate>Thu, 17 Apr 2008 15:50:09 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[E-Commerce Sites]]></category>

		<category><![CDATA[Recent Projects]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[WordPress]]></category>

		<category><![CDATA[Zen Cart]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=51</guid>
		<description><![CDATA[I just completed work on the ground-up revamp for the site BroadcastSolutions.com, a site that I first built in 1995. Desperately in need of an “extreme makeover” I built the new site from the ground-up with my WordPress and Zen Cart Combination. 

The required store (catalog in this case) customizations to Zen Cart presented some interesting challenges that greatly enhanced my knowledge base of this powerful Open-Source store management system.
]]></description>
			<content:encoded><![CDATA[<p>URL: <a href="http://www.broadcastsolutions.com">www.broadcastsolutions.com</a></p>
<p>I created the first version of Broadcastsolutions.com, a broadcast video pre-owned equipment reseller,  in 1995. It was one of the first sites I built. When the owners Rick and Teresa contacted me about revamping the site a couple of months ago, I was astonished to see that they were still using the old site, frames and all.</p>
<p>Even though the old site was working for them, it desperately needed to be rebuilt from the ground up. the current site could not display images of the equipment they were selling, the admin was clunky, and they were not ranking for any of their primary keywords. I won’t even go into the whole thing with frames. Hey! it was 1995, frames were in back then.</p>
<p>This made it a perfect fit for my Wordpress and Zen-Cart combination. They loved the idea and the samples I showed from nexugen.com and georgetemerson.com. The blog was pretty standard issue, it only required a custom homepage. I did create a custom header with a nice CSS navigation bar that maximizes their keyword text in header, and is very user friendly.</p>
<p>I made strong use of the All-In-One-SEO wordpress plugin to set the site up for what will hopefully be a quick rise for their primary keyword rankings. With a domain that is over 10 years old, I have to think that they can get ranked once some basic optimizing techniques are applied. In this case I’ve got them on a course of content creation that should stock their blog with quality content in just a few months.</p>
<p>The store required much more customization because they don’t directly take orders from the site. The requirement was for a “catalog” only interface that would mail equipment requests, which would be followed up and transacted over the phone between Rick or Teresa and the client.</p>
<p>I was able to accomplish most of this through the standard Zen Cart admin. The rest was done through gentle tweeks to the core code. Zen Cart can be very finicky, I’ve come to learn, so I’m not a fan of tinkering too much under hood except when there is no other choice. Ultimately I turned off the all of the payment and shipping module admin settings, leaving only the Check/Money order function live.</p>
<p>In the individual product listing I tried various combinations of the shipping options until I found one that removed the shipping feature by configuring the product “Virtual” which removed the shipping options and form inputs for shipping address information.</p>
<p style="text-align: center;"><a href="http://www.broadcastsolutions.com"><img class="alignnone size-full wp-image-53" title="broadcastsol450" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/broadcastsol450.jpg" alt="Broadcast Solutions" width="450" height="559" /></a></p>
<p>The result is that their specific needs are met, yet if they want to start taking online payments in the future, we can transition to that method quickly and efficiently.</p>
<p>It was on the development of Zen Cart for this store that I experienced the nightmare “Blank Zen Cart Checkout Page” error for the first time. I’ve explained how I dealt with it another post. If you are attempting custom Zen Cart work, I highly suggest reading it.</p>
<p>The entire project took about 6 weeks to complete. The site in now officially launched with over 200 products, featuring pictures, blog articles, and no frames.</p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/broadcastsolutionscom/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Beat Writer&#8217;s Block-Hire a Writer!</title>
		<link>http://www.brackettdesign.com/beat-writers-block-hire-a-writer/</link>
		<comments>http://www.brackettdesign.com/beat-writers-block-hire-a-writer/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 01:35:57 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[SEO Zen]]></category>

		<category><![CDATA[Article Marketing]]></category>

		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=37</guid>
		<description><![CDATA[I&#8217;ll be writing about article marketing often as it as safe and proven method for acquiring backlinks and building Page Rank (PR). Submitting articles to the major article directories is an excellent way to build traffic to your site. First it does not get any more &#8220;White Hat&#8221;, which Google just loves. Second, you can [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ll be writing about article marketing often as it as safe and proven method for acquiring backlinks and building Page Rank (PR). Submitting articles to the major article directories is an excellent way to build traffic to your site. First it does not get any more &#8220;White Hat&#8221;, which Google just loves. Second, you can get others to market your content for free simply because they are too lazy to create their own. Third, it builds credibility for you as an authority for your product or service.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-38" style="border: 1px solid black;" title="geek_question1" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/geek_question1.jpg" alt="Writer\'s Block" width="425" height="282" /></p>
<p>This all sounds great right? Yes, right up to point of sitting down to write your first article. Then it comes back, the flashback to your Freshmen year in high school during finals when you had to write that Essay on post modern industrialization in the 19th century. You freeze, your finger wont&#8217; work and your mind, normally filled with ideas, is frozen solid. What do you do?  Hire a writer.<span id="more-37"></span></p>
<p>I&#8217;ve built several sites that hosted content solely produced by freelance authors. I&#8217;ve found it a wonderful way to ensure quality content, well written material that is relatively typo free, and thoughtfully written on the topic at hand. My main concern was finding writers that understand the subject matter well enough to write articles of value. After the using this method for project ranging from skin care, to entertainment to personal finance. I have to say that it&#8217;s pretty easy to get informed writers on a wide range of subjects.</p>
<p>The most important aspect from a designer and SEO standpoint is that by hiring several writers for a project I get a variety of writing styles that add flavor to a site, and the delivery of finished content is lightning fast. I recently built a financial site for SEO arbitrage that included almost 90 articles. I hired 5 writers and assigned them as many topics as they could handle. I then set the due date and fired the starting pistol. Within a week I had a finished site, ready to deliver to the client.</p>
<p>The beauty was that I was able to focus on design and coding while they took care of the content. This made the entire project fast and fun. Getting their feedback and take on what is normally boring subject matter added to the enjoyment of the project, which ultimately made for a better product.</p>
<p>I&#8217;ve had great success getting writers from CraigsList.com. I vet them through their responses, with great success so for. If someone sends a resume I immediately delete it. I always pick writers that create short and entertaining intro email, along with links to their writing samples. I figure it they work then they are too busy to tell me their life story.</p>
<p>The rate I pay can vary. Normally between $15 and $20 per each 500-750 article. this includes typo corrections. for really big project I&#8217;ll hire and editor to double check and correct their work. I&#8217;m a big believer in a second set of eyes on all aspects of my web design projects.</p>
<p>Here&#8217;s the SEO part. often I&#8217;ll  duplicate the topics list to two writers. Once list will be used for the site while other will be used for marketing articles. This way my keyword structure stays focused, all while keeping the content original.</p>
<p>At this point I&#8217;ve built a good stable of writers who I can rely on to get assignment done in a timely and correct manner. I can not recommend this technique enough. Find a great writer or two and see what I mean.</p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/beat-writers-block-hire-a-writer/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Protect Your Typography with EM</title>
		<link>http://www.brackettdesign.com/protect-your-typography-with-em/</link>
		<comments>http://www.brackettdesign.com/protect-your-typography-with-em/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 13:37:59 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Improve Your Coding]]></category>

		<category><![CDATA[CSS Coding]]></category>

		<category><![CDATA[HTML Coding]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=45</guid>
		<description><![CDATA[The main reason is to accommodate varying screen resolutions and protect your site from going haywire on different monitors. First, IE6 and IE7will not allow users to resize text that has been sized in pixels. Face it, your readers will need to resize text at some point for a whole host of reasons. They could [...]]]></description>
			<content:encoded><![CDATA[<p>The main reason is to accommodate varying screen resolutions and protect your site from going haywire on different monitors. First, IE6 and IE7will not allow users to resize text that has been sized in pixels. Face it, your readers will need to resize text at some point for a whole host of reasons. They could have bad eyesight, or they could be using a super hi-rez laptop monitor, or they might be be giving a presentation.</p>
<p>My transition to EM’s from Pixels has been one of experimenting to learn the methods so I can code in EM’s with the same flow that I use with Pixels. I’m at the point now where it’s easier to code in EM’s because I know what the result will be and I feel more in control of the typography.</p>
<p style="text-align: center;"><a href="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/chalk_board-300x2231.jpg"><img class="alignnone size-full wp-image-44" style="border: 1px solid black;" title="chalk_board-300x2231" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/chalk_board-300x2231.jpg" alt="" width="300" height="223" /></a></p>
<p>EM is taken from the print world. Typographers use it as a unit of measurement for horizontal spacing. It’s a relative unit of measure: 1em is a distance equal to the text size. For example, in a 10px type, an em is 10 pixels, in 16 pixel type it is 16em. Basically 1 em of padding is equal to the text size. Confused? Don’t worry about it. Let’s code.</p>
<p><span id="more-45"></span></p>
<p>Let&#8217;s code for EM:</p>
<p>First. let’s set the stage with a browser set to “medium” text size. This makes the default pixel size for the page 16px. Now let’s reduce the overall size of the text by 10% by setting the font-size in the CSS to 62.5%. This makes the corresponding font size 10px.</p>
<p>16 x .625 = 10</p>
<p>Now that we have a round number we can see how to equate EM’s with Pixels for this exercise.</p>
<p>16px = 1.6em<br />
8px = .8em<br />
10px = 1em</p>
<p>Don’t worry about all this math. I hate math. What is simply illustrates is a way to change your thought patterns from Pixels to EM by using a multiple of 10 as a reference.</p>
<p>What about H tags?</p>
<p>This is where I love EM. As you might already know, H tags are key to good SEO discipline. The bots love seeing a page with a correct title tag structure:</p>
<p>H1 followed by H2 followed by H3 followed by H4 &#8230; and so on.</p>
<p>This issue is that creatively we often need to have different sized title tags. but who wants to head a page with an H4 tag? No me.  Using EM, we can easily control the screen size of the font while keeping the SEO hierarchy we are looking for.</p>
<p>Using our medium text setting above, the default size for our font is 10px.</p>
<p><code><br />
H1 {font-size: 2em}  /*pixel equivalent- 20px */</code></p>
<p>H3 {font-size: 1.5em}  /*pixel equivalent- 15px */</p>
<p>H4 {font-size: .9em}  /*pixel equivalent- 9px */</p>
<p>How about Changing the body text?</p>
<p>Since we’ve set the overall body text at 10px, the body text will default to 10px. But what if you want the text to be 12px? That’s easy enough.</p>
<p>Change the global “p” style or a defined style to 1.2 em</p>
<p>12/ 10 = 1.2em<br />
<code><br />
p {font-size: 1.2em}<br />
</code><br />
or<br />
<code><br />
.maintext p  {font-size:1.2em;}<br />
</code><br />
The same rules apply to List values (UL, LI tags), and even table cells, But don’t use tables, CSS is so much better!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/protect-your-typography-with-em/feed/</wfw:commentRss>
		</item>
		<item>
		<title>GeorgeTEmerson.com</title>
		<link>http://www.brackettdesign.com/georgetemersoncom/</link>
		<comments>http://www.brackettdesign.com/georgetemersoncom/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 02:07:38 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Corporate Identity]]></category>

		<category><![CDATA[E-Commerce Sites]]></category>

		<category><![CDATA[Recent Projects]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=41</guid>
		<description><![CDATA[My latest site, georgetemerson.com, is a promotional website and online store for a professional musician who is looking to extend his brand locally for live gigs and internationally as an expert on jazz music. The site features a magazine style WordPress look and feel which provides a framework for him to add interviews, photos and videos of his work and the work of fellow jazz musicians. I also included a Zen Cart store with audio playing customizations for him to promote and sell his collection of CD’s.]]></description>
			<content:encoded><![CDATA[<p>URL: www.georgetemerson.com</p>
<p>Description:  George is a talented jazz pianist that wanted a site to promote and sell his albums and tickets to his show. With his long list of contacts in the world of Jazz, George wanted to build a comprehensive jazz site to showcase and reflect his expertise and interest in the world of jazz. This would include interviews, music, and video posts. To achieve this I decided to use the <a href="http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme">Structure WordPress Theme</a> by <a href="http://justintadlock.com/">Justin Tadlock</a>. Just is doing some really innovative development with WordPress themes, so I had been wanting to use one to learn his methods.</p>
<p>I considered WP-Ecommerce for the store portion of this site, but once I got into I realized it is a very flawed product. It&#8217;s built in tables, which is always horrible, and there is no easy way to set it up for a SSL (encrypted connection). I used Zen Cart which actually ended up being a far better choice.</p>
<p>In the end the client was very please with what I created for him. The site seems to fit his objectives and provides the content management features he needed, in an format that easy to maintain.</p>
<p>Technology: WordPress, Zen Cart</p>
<p style="text-align: center;"><a href="http://www.georgetemerson.com" target="_blank"><img class="alignnone size-full wp-image-42" title="georgetemerson" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/georgetemerson1.jpg" alt="georgetemerson.com" width="450" height="526" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/georgetemersoncom/feed/</wfw:commentRss>
		</item>
		<item>
		<title>FinancialAdviceCentral.com</title>
		<link>http://www.brackettdesign.com/financialadvicecentralcom/</link>
		<comments>http://www.brackettdesign.com/financialadvicecentralcom/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 15:07:32 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Lead Generation]]></category>

		<category><![CDATA[Recent Projects]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/?p=48</guid>
		<description><![CDATA[WordPress site designed at an SEO optimized article site. I used the core framework of WordPress 2.5 to manage the content of over 80 long-tail keyword targeted articles. The normal blog features such as comments, sidebar components, and category methods have been altered or removed in order to keep this site lean and mean and direct the readers to focused content. I added an interesting method to specify search keywords in the advertising block at the top of the content pages.]]></description>
			<content:encoded><![CDATA[<p>URL: <a href="http://www.brackettdesign.com/blog/wp-admin/www.financialadvicecentral.com">www.financialadvicecentral.com</a></p>
<p>Description: WordPress site designed at an SEO optimized article site. I used the core framework of WordPress 2.5 to manage the content of over 80 long-tail keyword targeted articles. The normal blog features such as comments, sidebar components, and category methods have been altered or removed in order to keep this site lean and mean and direct the readers to focused content. I added an interesting method to specify search keywords in the advertising block at the top of the content pages.</p>
<p>The homepage for this site is customized and features a snazzy flash header.</p>
<p style="text-align: center;"><a href="http://www.financialadvicecentral.com"><img class="alignnone size-full wp-image-49" title="fca-450" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/fca-450.jpg" alt="Financial Advice Central" width="450" height="355" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/financialadvicecentralcom/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Croatiatravelblog.com</title>
		<link>http://www.brackettdesign.com/croatiatravelblogcom/</link>
		<comments>http://www.brackettdesign.com/croatiatravelblogcom/#comments</comments>
		<pubDate>Tue, 26 Feb 2008 04:17:49 +0000</pubDate>
		<dc:creator>John Brackett</dc:creator>
		
		<category><![CDATA[Entertainment]]></category>

		<category><![CDATA[Recent Projects]]></category>

		<category><![CDATA[Web Sites]]></category>

		<category><![CDATA[Travel]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.brackettdesign.com/croatiatravelblogcom</guid>
		<description><![CDATA[CroatiaTravelBlog.com is a travel journal and photography website that is based on a trip I took with a group of friends to Croatia in 2006. The country impressed me so much I decided to create a site my experiences in the "jewel of the Adriatic". 

The site is build on Word Press and utilizes several revolutionary Word Press Plugins that extend the site from a normal blog to a sophisticated Content Management System. Traffic is building through the use of long-tail keywords that attract fans and travelers looking for information on Croatia. ]]></description>
			<content:encoded><![CDATA[<p>URL: <a href="http://www.nexugen.com">croatiatravelblog.com</a></p>
<p>Description: Croatiatravelblog.com is travel information site based on my own adventures traveling throughout Croatia in 2006.</p>
<p>The site is build on Word Press and utilizes several revolutionary Word Press Plugins that extend the site from a normal blog to a sophisticated Content Management System. One of the best features is the Flickr Album that enables the site to showcase and rotate images from my Flickr account.  Natural search optimization is promoted through various means including relevant articles, keywords and link trading with other Croatia related sites.</p>
<p>Technology:  Wordpress (used as CMS). Various Word Press Plugins.</p>
<p style="text-align: center;"><a href="http://www.croatiatravelblog.com"><img class="alignnone size-full wp-image-47" title="croatiav1" src="http://www.brackettdesign.com/blog/wp-content/uploads/2008/04/croatiav1.jpg" alt="" width="450" height="885" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brackettdesign.com/croatiatravelblogcom/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
