<?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>KDI Media &#187; Web Design</title>
	<atom:link href="http://kdi-media.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://kdi-media.com</link>
	<description>Savannah Web Design, WordPress Development and New Media Consulting</description>
	<lastBuildDate>Wed, 21 Jul 2010 21:23:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The 5 Best Non-Blog Wordpress Themes</title>
		<link>http://kdi-media.com/the-5-best-non-blog-wordpress-themes/</link>
		<comments>http://kdi-media.com/the-5-best-non-blog-wordpress-themes/#comments</comments>
		<pubDate>Fri, 16 Apr 2010 04:47:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[KDI Media]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=375</guid>
		<description><![CDATA[Wordpress is an interesting animal! It started out as a basic blogging platform and has grown since then. I actually ran across it by accident poking around in cPanel a long time ago. Ever since that day, I’ve been in love!
Like I said, Wordpress began as a simple content management system for bloggers. It was pretty light, fairly simple [...]]]></description>
			<content:encoded><![CDATA[<p><img title="wordpress" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/04/wordpress.jpg" alt="" width="244" height="68" align="left"><a href="http://makeuseof.com/tags/wordpress">Wordpress</a> is an interesting animal! It started out as a basic <a href="http://www.makeuseof.com/tags/blogging/">blogging</a> platform and has grown since then. I actually ran across it by accident poking around in cPanel a long time ago. Ever since that day, I’ve been in love!</p>
<p>Like I said, Wordpress began as a simple content management system for bloggers. It was pretty light, fairly simple to install and use and worked great for what it was meant for: blogging. I’m here to tell you it is still light and easy but it has grown to be <strong>much more than just a blogging platform</strong>. Extensions and non-blog Wordpress themes have done a great job making it into the <a href="http://www.makeuseof.com/tags/cms/">CMS</a> it is today and through the upgrade process, many of those useful extensions have been built in and now it works great running all sorts of sites.</p>
<p><span></span><br />
This article will introduce you to 5 non-blog Wordpress themes that will show you how well Wordpress does on sites that aren’t necessarily blogs.  A few of the site types you’ll see are: magazines, church sites, portfolios, and photography sites. I have looked around and found some of the best themes for the jobs and I hope you enjoy.</p>
<h3>Newspress – A Great Magazine Wordpress Theme</h3>
<p>Magazines have hit the internet and they’ve done well creatively. I think a good magazine site will be colorful, easy to navigate, highlight main or new articles and will draw your attention to the content. When it comes to magazine themes, layout makes a big difference.</p>
<p style="text-align:center"><img style="border:0pt none" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/04/newspress.jpg" alt="non-blog Wordpress themes" width="500"></p>
<p><a href="http://wpcrunchy.com/2009/10/19/free-magazine-news-style-wordpress-theme-newspress/">Newspress</a> does a good job of immediately getting your attention. Across the top, you will see articles being highlighted with pictures from the individual articles. I believe the theme does this automatically for you. There are some customization options and a widgetized footer for further flexibility.</p>
<h3>Churches Can Use Wordpress Too</h3>
<p>I think Wordpress lends itself very well to running a site like a church site. That’s because of the amount of changes a church site could see on a weekly or monthly basis and Wordpress is a fairly simply CMS to learn. Churches don’t always have the budgets for professional webmasters or design professionals so a simple CMS and free non-blog Wordpress themes make life a lot easier.</p>
<p style="text-align:center"><img style="border:0pt none" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/04/deltatheme.jpg" alt="non-blog Wordpress themes" width="500"></p>
<p>The <a href="http://themeloom.com/themes/delta-theme/">Delta Theme</a> is a very amiable choice for a church website. It’s layout is very easy to figure out and shouldn’t be all that unfamiliar to someone who frequents church sites. With easy page navigation up at the left of the banner, and a thin sidebar directly beneath, and a wider right sidebar, there is plenty of room for things like services times, contact information, and calendar widgets.</p>
<h3>Easily Setup A Portfolio Site Using Wordpress</h3>
<p>If you are a design professional of any type these days, you’ll be wanting a presence on the internet. You’d want something to grab and hold attention, using graphics and photos that are large enough to show off your skills. You’ll also want it to be easy to navigate as to not frustrate any potential clients.  Wordpress makes setting it up easy… with the right theme of course.</p>
<p style="text-align:center"><img style="border:0pt none" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/04/creativix.jpg" alt="non-blog Wordpress themes" width="430" height="329"></p>
<p style="text-align:left">The WP-Creativix theme may just be the portfolio theme you’ve been looking for. In my opinion, one of the best portfolio themes, <a href="http://www.wp-themix.org/themes/wp-creativix-free-premium-portfolio-wordpress-theme/">WP-Creativix</a> has many of the features a design professional may be looking for. It has easy page navigation along the top, large pictorial previews of each project just below the page navigation, and an easy scroll through of the rest of your projects.</p>
<h3 style="text-align:left">Show Off Your Photography Skills With Wordpress</h3>
<p>A good photography site or blog will actually get out of the way and allow the photography to take center stage. That not only means that the design should not be distracting, but also that the navigation should be unobtrusive. You can also have a page set up for each photo explaining about it. Wordpress, with the right theme, can help you accomplish all of this quite easily.</p>
<p style="text-align:center"><img style="border:0pt none" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/04/viewport.jpg" alt="non blog wp themes" width="500"></p>
<p style="text-align:left"><a href="http://newwpthemes.net/viewport-free-wordpress-theme/">Viewport</a> is one of those photo blogging themes that gets out of the way. Notice how the page navigation is small and subtle. There’s a search box but it’s not distracting. There are arrows on either side of the photo allowing you to easily flip through the photographs. There’s also a caption and quick description which also allows you to click through to a post that tells more about the photograph. All you can ask for in a photography theme, right?</p>
<h3 style="text-align:left">Use Wordpress as an Internal Communication Tool with P2</h3>
<p style="text-align:left">As mentioned in an earlier article, <a href="http://www.makeuseof.com/tag/how-to-use-wordpress-as-a-twitter-like-communication-tool/">How To Use Wordpress As A Twitter-Like Communication Tool</a>, if you make use of Automattic’s P2 Theme, you can also turn Wordpress into a tool that may help pull your business or organization out of the uncommunicative rut.</p>
<p style="text-align:center"><img style="border:0pt none" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2009/11/p2.8.jpg" alt="non blog wp themes" width="500"></p>
<p style="text-align:left">The theme takes much of its usability from Twitter and it allows you to easily, and in real time, post and reply right from the front page. Want to know more? Just check out the <a href="http://www.makeuseof.com/tag/how-to-use-wordpress-as-a-twitter-like-communication-tool/">post</a>.</p>
<p style="text-align:left">Wordpress, even though it began as a simple blogging platform, can be used in many different ways. These are some of the best non-blog Wordpress themes highlighting many of those non-blogging uses. What other uses (and themes highlighting those uses) can you think of that Wordpress may be good for? Let us know in the comments.</p>
<p>(Via <a href="http://www.makeuseof.com">MakeUseOf.com</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/the-5-best-non-blog-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Important Factors To Consider Before Choosing A Web Host</title>
		<link>http://kdi-media.com/10-important-factors-to-consider-before-choosing-a-web-host/</link>
		<comments>http://kdi-media.com/10-important-factors-to-consider-before-choosing-a-web-host/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 21:21:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[godaddy]]></category>
		<category><![CDATA[web hosting]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=373</guid>
		<description><![CDATA[Like most things, making a decision on which web hosting company to choose can be tough. With all the companies out there each promising to have 99% uptime, unlimited resources, and knowledgeable support, there has to be a way to cut through the jargon and make an informed decision. Right? 

This guide will help you [...]]]></description>
			<content:encoded><![CDATA[<p>Like most things, making a decision on which web hosting company to choose can be tough. With all the companies out there each promising to have 99% uptime, unlimited resources, and knowledgeable support, there has to be a way to cut through the jargon and make an informed decision. Right? </p>
<p><img src="http://media02.hongkiat.com/webhosting_consideration_factors/dell-server.jpg" width="500" height="331" alt="server"></p>
<p><strong>This guide will help you make that decision by showing you how to compare apples to apples.</strong> By understanding what hosting companies mean by what they say, you’ll be able to decide which hosting company and package best suits your needs.</p>
<p><span></span></p>
<h3>1. Price</h3>
<p>This is the aspect most of us will look at first when choosing a hosting provider; however,  it shouldn’t be the deciding factor. When you see price differences it’s helpful to remember the old maxim that we get what we pay for. <strong>Jumping on the cheapest offer you see isn’t necessarily the best idea</strong>, especially if you rely on your site to make money. Things like non-outsourced support and quality hardware cost money, and a hosting company that charges $1.99 per month likely won’t offer these features. Take a closer look at the features that each host provides, and THEN compare prices. </p>
<p><strong>Further reference(s):</strong></p>
<ul>
<li><a href="http://www.hostmonk.com/">HostMonk</a> – A site with comprehensive list of hosting companies and their packages. Use this site to compare prices of almost any web hosting companies’ hosting packages.</li>
<li><a href="http://www.webhostninja.com/">WebHostNinja</a> – Another good site for web hoting price comparison.</li>
</ul>
<h3>2. Area of Focus / Specialties </h3>
<p>It’s a fact that not all web hosts are right for all different kinds of customers. Some offer great shared plans but don’t have solutions that are good for growing businesses, while others have great enterprise solutions but aren’t the right fit for someone with a small recipe blog. <strong>Look into a company’s specialty or area of expertise before you buy</strong>, and go with one that understands your particular needs as a customer. You can find reviews and recommendations on the Web, and many of these will talk about a particular company’s strengths and weaknesses. </p>
<h3>3. Tech Specs / Limitations</h3>
<p>Take a good, honest look at your site and figure out what you want it to do.<strong> If you’re hoping to host a blog, an e-commerce site, rich content, and videos, then you shouldn’t go with the cheapest hosting package you can find</strong>. A cheap hosting plan probably won’t have the RAM, processing power, and disk space to serve all these needs, and you’ll spend more time dealing with downtime or load issues than you would like. Look to see what you are getting with the cheap host and what features are included in the cost. Do they charge for additional domains, support, backups, etc.. Call them. Ask questions. Tell them what you envision your site’s needs to be.  Just don’t take it for granted that they take your site as seriously as you do. </p>
<h3>4. Tech Support</h3>
<p>In most people’s opinions, this is the big one. When my site, for some unknown reason, goes down, can I call up and get a real, live person on the phone? And, more than that, can they find out what’s wrong and fix it, or at least tell me what I need to do to get my site back online? Before going with a host look into their reputation for customer support. See what kinds of different ways you can contact them when you need support – email, toll-free phone, chat, and so on. Are they staffed 24/7? Do they outsource support? </p>
<p>You’ll find that, like in price and technical specifications, all hosts are not equal. Some hang their hat on their support crew, and some view customer support as an afterthought. Steer clear of the latter. </p>
<h3>5. Features / Add-Ons</h3>
<p>This area of consideration comes down to the following question – <strong>What makes this hosting company special?</strong> What extra incentive do they provide to make hosting your site with them just a touch more attractive? Whether it’s multiple data centers, energy-saving practices, or additional features such as regular data backups or free domain privacy, hosting companies often offer more than just servers. If you see one that offers something you need or find important, that can be a good indicator that you should look into using that company. </p>
<h3>6. Hardware</h3>
<p>You might have to do a bit of reading (or question-asking) to get to the bottom of this one. What kind of machines does your hosting company use? Are they top-of-the-line, out-of-the-box new machines, or are they cobbled together from what might be spare parts and chicken wire? If the hosting company doesn’t say what kind of servers they use, you’ll want to ask, since hardware can affect the performance of both their servers and your site. </p>
<p><strong>Further reference(s):</strong></p>
<ul>
<li><a href="http://articles.techrepublic.com.com/5100-10878_11-5033704.html">Key factors in selecting Web hosting hardware</a></li>
</ul>
<h3>7. Customer Reviews / Satisfaction / Reputation</h3>
<p>This is one of those factors that you’ll have to get a little creative to get the real story on. Do a <a href="http://blogsearch.google.com/">Google Blog search</a> for a particular hosting company, or look them up on <a href="http://search.twitter.com/">Twitter</a> – whatever you have to do to see what their current (or former) customers are saying about them. Are they easy to contact for support? What’s the average time it takes to respond to a ticket? When they find a problem with a site, what’s their course of action? This is one of the great things about social media – ask a question about a company, and you’re more likely than not to get a few answers. </p>
<p><strong>Further reference(s):</strong></p>
<ul>
<li><a href="http://spreadsheets.google.com/pub?key=pfNrmJRG7CwzgXShQs21PUA">LifeHacker readers’ favourite web hosting</a> (list)</li>
<li><a href="http://www.webhostingtalk.com/">Web Hosting Talk</a> – one of the largest web hosting community on the net.</li>
<li><a href="http://www.webhostingjury.com/">Web Hosting Jury</a> – reviews submitted by users themselves.</li>
</ul>
<h3>8. Email Features</h3>
<p>This is one of those areas where you might not have considered asking your host for help. If you have a spam problem, then it may be because your hosting company doesn’t provide an adequate solution to stop it. Look into or ask about your provider’s spam solutions and general email practices. No matter what they say, email isn’t dead quite yet. </p>
<h3>9. Control Panel / User Interface</h3>
<p>Even if you’re the least tech-savvy person in the world, there are some things – installing WordPress, setting up email, setting up FTP accounts – you should be able to do without calling your hosting company’s support line. Does your provider use <a href="http://www.cpanel.net/products/cpanelwhm/try-demo.html">cPanel</a> or <a href="http://en.wikipedia.org/wiki/Plesk">Plesk</a> to make updates and modifications easier, or do they use some clunky interface that no one can figure out? You’ll most likely be the one working with it, so if you can’t figure it out, then that’s going to be a problem. </p>
<p><strong>Further reference(s):</strong></p>
<ul>
<li><a href="http://www.webhostingfan.com/2009/08/control-panel-battle-cpanel-vs-plesk/">Try a cPanel Demo</a></li>
<li><a href="https://plesk81.demo.swsoft.com:8443/">Try a Plesk Demo</a></li>
<li><a href="http://www.webhostingfan.com/2009/08/control-panel-battle-cpanel-vs-plesk/">cPanel vs Plesk</a></li>
</ul>
<h3>10. Scalability / Room to Grow</h3>
<p>Finally, an important thing to consider about your hosting provider (and the plan you choose) is whether or not they fit into your plans for the future. In other words, what you consider adequate hosting now might not meet your needs two years from now, once you start selling your wares online and getting some good traffic to your site.</p>
<p> Any web-based enterprise should have its eye on growth, so if a hosting company might have difficulty accommodating that growth it could pose an issue. Does the host have VPS or Dedicated Server solutions? Will they be able to easily upgrade your account? Transferring from one host to another takes valuable time and effort which could be avoided if the company can scale their solutions for growth. As with all these factors, do some research, get some opinions, and make an informed decision. </p>
<h3>11. Bonus</h3>
<p>Last but not least, we’d also like to share with you some useful resources that might be handy when it comes to web hosting.</p>
<ul>
<li><a href="http://railshostinginfo.com/company/list">Ruby on Rails Hosting</a> – A comparison of services that provide ROR hosting.</li>
<li><a href="http://www.webhostingsecretrevealed.com/web-hosting-knowledge/a-brief-on-cloud-hosting/">Understand Cloud Hosting</a> – &#8216;Cloud Hosting&#8217; has been quite a buzz these days, but do you know what it means?</li>
<li><a href="http://www.sitepoint.com/blogs/2009/09/08/cloud-hosting-solutions/">10 Solutions For Your Cloud Hosting Needs</a> – Sitepoint and their fair share on cloud hosting needs.</li>
<li><a href="http://www.whoishostingthis.com/">Who Is Hosting This</a> – Find out who is hosting which website</li>
</ul>
<p>(Via <a href="http://www.hongkiat.com/blog">hongkiat.com</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/10-important-factors-to-consider-before-choosing-a-web-host/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A Basic Look at Typography in Web Design</title>
		<link>http://kdi-media.com/a-basic-look-at-typography-in-web-design/</link>
		<comments>http://kdi-media.com/a-basic-look-at-typography-in-web-design/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 05:42:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Webdesign Savannah]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=367</guid>
		<description><![CDATA[
Typography is an integral part of design. Think of all the different uses of typography on the web, from large headlines and bold blocks of text to smaller-sized text in body copy, and you’ll soon realize that not only is it a crucial part of a web design, but that it’s a pure combination of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/"><img src="http://images.sixrevisions.com/2010/03/20-01_typography_look_lead_image.jpg" width="500"  alt="A Basic Look at Typography in Web Design"></a></p>
<p>Typography is an integral part of design. Think of all the different uses of typography on the web, from large headlines and bold blocks of text to smaller-sized text in body copy, and you’ll soon realize that not only is it a crucial part of a web design, but that it’s a pure combination of art and science.</p>
<p><span></span></p>
<p>We’ve come a long way since <a href="http://sixrevisions.com/resources/the-history-of-the-internet-in-a-nutshell/">the start of the internet</a>, but the use of typography is as important today as it was back in the day.</p>
<h3>Typography Basics</h3>
<p><img src="http://images.sixrevisions.com/2010/03/20-02_basics.jpg" width="500" alt="Typography Basics"></p>
<p>Typography is the use of type in a design. Typography seeks to create a greater meaning by thoughtful and deliberate selection font, size, color, layout, alignment, and other factors that affect the design of type on a page.</p>
<p>There are two major classifications of fonts to choose from: serif and sans serif fonts.</p>
<p><strong>Serif fonts</strong> have serifs or extra embellishments at the end of stokes; some call them feet or tails.</p>
<p><img src="http://images.sixrevisions.com/2010/03/20-13_add_serif_font.png" width="500" alt="Typography Basics"></p>
<p><strong>Sans serif fonts</strong> are without serifs; no extra details are found on the end of each letter.</p>
<p><img src="http://images.sixrevisions.com/2010/03/20-14_add_sans_serif_font.png" width="500" alt="Typography Basics"></p>
<h3>Things to Consider for Typography on the Web</h3>
<p>There are many differences in handling type in print versus on the web. Things to think about with text on the web are contrast, color, readability, and size.</p>
<p>Colors on a monitor screen are created by light, and it becomes more important to think about contrast because it’s straining to look at and read text with poor contrast. Black text on a white background is the easiest to read because it provides the most contrast. <a href="http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/">Color theory</a> and color choice play an important role in web typography.</p>
<p>Sans serif fonts have been proven to be <a href="http://en.wikipedia.org/wiki/Typeface#Sans_serif_typefaces">more easily read online in body copy</a> because serifs make it tougher for the eye to follow, while the opposite is true for printed text.</p>
<p>Although at an increased size and with more leading—the amount of additional vertical space between lines of type—sans serif fonts can still work fine in body text on the web. Serifs work great in headlines and headings because they give a special accent to a headline and because serif fonts are easy to read when dealing with smaller quantities of text.</p>
<p>Size is an important factor to consider when choosing your font styles. Text that is too small is hard to read, but text that is too big takes up too much space. Find a size that works well with your design and is easy to read.</p>
<h3>Taking Control of Fonts</h3>
<p>There are many settings that control the way your font appears on a web page. Font size, as mentioned previously, is certainly important. The three most popular units of measurements are: em, percentage (%), and pixels (px).</p>
<p>Declaring font sizes in CSS is simple, here’s an example of paragraph elements being assigned a unit of 1em.</p>
<pre>p {
 font-size: 1em;
}</pre>
<p>Em is a widely used form of typographic measurement for web designs because it scales well and can give you finer increments of size (i.e. 1.35em).</p>
<p>Pixels are measured relative to the screen resolution and give you a bit less control as you can only use whole numbers (i.e. 2px).</p>
<p>Many people like using percentages for font sizes because they give the user control of font sizes. The size is determined by their browser’s font size settings.</p>
<p>Kerning and leading can also be controlled with your CSS. Kerning is the space between characters and can be controlled with the <code>letter-spacing</code> property. Leading can be controlled using the CSS property, <code>line-height</code>. Both are great ways to control the look of your text.</p>
<p>Other possible and less popular units of measurements are:</p>
<ul>
<li>points (pt)</li>
<li>pica (pc)</li>
<li>inches (in)</li>
<li>centimeters (cm)</li>
<li>millimeters (mm)</li>
<li>x space (ex)</li>
</ul>
<p>Using pt is great for print stylesheets because they are a print unit of measurement. Points shouldn’t be used in your web pages because there are <a href="http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm">big differences between browsers</a> when using points; Mac OS computers tend to show text 25% smaller than PC computers.</p>
<h3>Web Safe Fonts</h3>
<p><img src="http://images.sixrevisions.com/2010/03/20-03_websafe.jpg" width="500" alt="Web Safe Fonts"></p>
<p>What is a web safe or web standard font? These fonts make up a group of a select few fonts that are available on most computers. This is what currently limits font choices on the web under CSS2 specifications.</p>
<p>Choosing from the web safe fonts available will ensure better control over what your text looks like on all browsers and operating systems. The consensus for the most popular fonts are:</p>
<ul>
<li>Arial (Mac OS equivalent is Helvetica)</li>
<li>Times New Roman (Mac OS equivalent is Times)</li>
<li>Verdana</li>
<li>Georgia</li>
<li>Courier</li>
</ul>
<p>Other popular fonts:</p>
<ul>
<li>Impact</li>
<li>Lucida Console (Mac OS equivalent is Monaco)</li>
<li>Lucida Sans (Mac OS equivalent is Lucida Grande)</li>
<li>Palatino</li>
<li>Tahoma (Mac OS equivalent is Geneva)</li>
<li>Comic Sans</li>
<li>Trebuchet MS</li>
</ul>
<p>When using any of these fonts—especially the ones from the second list—it’s a great idea to include a few options to fall back on in your CSS, as explained in the following section.</p>
<h3>Setting Your Fonts</h3>
<p>There are a few methods to choose from to display fonts on your websites. If you’re using a web safe font, you can declare it via CSS, such as in the following example:</p>
<pre>font-family: Helvetica, Arial, sans-serif; </pre>
<p>It’s important to include several fonts just in case someone doesn’t have your first option. This gives your user’s browser something to fall back on. This list of fonts is called a <strong>font stack</strong>.</p>
<h4>Redefining &#8216;web safe fonts&#8217; with CSS3</h4>
<p>Current <a href="http://www.css3.info/preview/web-fonts-with-font-face/">CSS3</a> specs allow you to choose from any licensed OpenType or TrueType font at your disposal. You can do this by using <code>@font-face</code>, as shown in the following example:</p>
<pre>@font-face {
  font-family: 'Journal; src: url(journal.ttf) format('truetype');
}
h1 {
  font-family: 'Journal', sans-serif;
}</pre>
<h4>Font replacement tools</h4>
<p>There are several font replacement methods at your disposal if you are still unsure about using <code>@font-face</code> in your designs.</p>
<h4><a href="http://cufon.shoqolate.com/generate/">Cufon</a></h4>
<p>Cufon is a favorite font replacement tool to use because it’s relatively painless to integrate into a website. Plenty of documentation is available on their website, as well as the text generator that spits out code you’ll need. Although it’s a good, solid solution, it’s not without it’s downsides—currently text rendered by Cufon is not selectable by users.</p>
<p><img src="http://images.sixrevisions.com/2010/03/20-15_add_cufon_ss.png" width="500" alt="Cufon"></p>
<h4><a href="http://www.mikeindustries.com/blog/sifr">sIFR</a></h4>
<p>sIFR is a Flash-based text replacement method and is just as nice as Cufon. You’ll need Flash to create a font file for your site. It’s best used on headlines or very small blocks of text because the load time can drag on a bit if you use it extensively on a web page. The downside is that it doesn’t work without Flash enabled in your browser, but the upside of sIFR versus Cufon is that text is selectable.</p>
<p><img src="http://images.sixrevisions.com/2010/03/20-16_add_sifr_ss.png" width="550" height="116" alt="sIFR"></p>
<h3>Web Typography Mistakes</h3>
<p><img src="http://images.sixrevisions.com/2010/03/20-04_letters.jpg" width="500" alt="Web Typography Mistakes"></p>
<p>Lack of typography consistency is one the biggest mistakes new web designers make. Font properties are best controlled globally, and it’s good practice to set the font family, size, color, line height and weight for the body element of all your pages through CSS, such as in the following example:</p>
<pre>body { font: 1em/1.3em Helvetica, Arial, sans-serif; color: #000; } </pre>
<p>You should set heading styles globally as well for h1, h2, and h3. Link styles should also be set globally.</p>
<p>Choosing fonts that are too similar is not a good choice, and should be avoided by carefully looking at the style of fonts and the design of the site to choose something that is appropriate. Most serif headings pair well with sans serif fonts for body text. Pairing two sans serif fonts is a bit trickier but is certainly a viable option.</p>
<p>(Via <a href="http://sixrevisions.com">Six Revisions</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/a-basic-look-at-typography-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 Cool Wordpress Plugins To Make Blogging Life Easier</title>
		<link>http://kdi-media.com/3-cool-wordpress-plugins-to-make-blogging-life-easier/</link>
		<comments>http://kdi-media.com/3-cool-wordpress-plugins-to-make-blogging-life-easier/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 03:40:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=361</guid>
		<description><![CDATA[
Wordpress is the best all round blogging platform. You can use it for a simple online journal or to power huge websites such as our very own MakeUseOf.
I guess thats why so many bloggers trust it to get the job done on an everyday basis, as well as keep their site looking great with themes and [...]]]></description>
			<content:encoded><![CDATA[<p>
<p><img style="border:0px none;margin-right:20px" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/03/plug.jpg" alt="" vspace="5" width="300" height="200" align="left"><a href="http://makeuseof.com/tags/wordpress">Wordpress</a> is the best all round blogging platform. You can use it for a simple online journal or to power huge websites such as our very own MakeUseOf.</p>
<p>I guess thats why so many bloggers trust it to get the job done on an everyday basis, as well as keep their site looking great with <a href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/">themes</a> and widgets.</p>
<p>That being said, there are times when we need specific features and that’s where plugins come in. Many of us will use plugins to make our blog comparable with another service such as a social network or to improve server response time, but today I want to take a look at three cool Wordpress plugins I use which just make blogging easier and more enjoyable.</p>
<p><span></span></p>
<h3><a href="http://wordpress.org/extend/plugins/theme-my-login/">Theme My LogIn</a></h3>
<p>The WP login page hasn’t changed much since the platform was first released so it’s cool to be able to jazz it up with this plugin.</p>
<p style="text-align:center"><img style="border:0pt none" title="theme my login" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/03/theme-my-login.png" alt="cool Wordpress plugins" width="500" height="407"></p>
<p>What it does is simple: it transforms your login page into a page of your blog when <em>wp-admin</em> redirects you to the login page. The login area is displayed where your post would normally be with the rest of your blog being the same. You can still use the normal login page by going directly to <em>wp-login.php</em>.</p>
<p>While this doesn’t make blogging any easier per se, it does give you a little bit of individuality and fun.</p>
<h3><a href="http://anthologyoi.com/wordpress/plugins/future-posts-calendar-plugin.html">Future Calandar</a></h3>
<p>This plugin will be of great benefit to those who post on their blogs every few days or so and like to keep their posting pattern regular. Obviously, if you own a bigger blog then some of the point is lost because all of the days will be highlighted but it might still be useful to you to decide which day a post would be best suited to.</p>
<p style="text-align:center"><img style="border:0pt none" title="future posts" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/03/future-posts.png" alt="cool Wordpress plugins" width="290" height="385"></p>
<p>It’s a basic plugin but one of my favorites. A small calandar will appear once the plugin is installed, to the right of your posting area. The days when you have post scheduled for the remainder of the month will be highlighted in green as seen above. The current day is highlighted and bolded.</p>
<p>I find this really handy when posting as I just have to glance at the calandar to check my frequency and to decide what day/date would be the best for the post to go live.</p>
<h3><a href="http://wordpress.org/extend/plugins/photo-dropper/">Photo Dropper</a></h3>
<p>A picture is worth a thousand words and like most bloggers, I like to start off an article with a big, high-quality picture that really captures the theme of the article. The trouble is that when posting creative commons images you have to source the picture on a separate website such as Flickr and post an attribution link.</p>
<p style="text-align:center"><img style="border:0pt none" title="photodropper" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/03/photodropper.png" alt="cool Wordpress plugins" width="566" height="308"></p>
<p>Photodropper however, creates a small icon in the post editor as shown. When clicked a search bar will appear. This enables you to search Flickr for CC images. When you click on one of the results and select the appropriate size (the largest being 500px), the image is placed in the post and an attractive link along with the <a href="http://www.makeuseof.com/tag/3-tips-for-getting-more-out-of-creative-commons/">Creative Commons</a> logo is placed below.</p>
<p style="text-align:center"><img style="border:0pt none" title="photodropper 2" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/03/photodropper-2.png" alt="" width="242" height="276"></p>
<p>I think this makes the post look very professional and also saves you a lot of hassle.</p>
<p>So there you have it. Three cool Wordpress plugins to make your blogging life a little easier. Do you use any interesting plugin which helps you blog or just to liven things up?</p>
<p>(Via <a href="http://www.makeuseof.com">MakeUseOf.com</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/3-cool-wordpress-plugins-to-make-blogging-life-easier/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 8 Dreaded Favors Asked of Web Designers</title>
		<link>http://kdi-media.com/top-8-dreaded-favors-asked-of-web-designers/</link>
		<comments>http://kdi-media.com/top-8-dreaded-favors-asked-of-web-designers/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 07:33:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Web Design Savannah]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=357</guid>
		<description><![CDATA[Long before you officially take the profession of graphic or web designer, your friends and family will support your ambitions by developing your talent. At first, your loved ones inspect your work and if they like what they see, you’ll get flooded with their requests for one page flyers, t-shirt designs, logos, and company websites. [...]]]></description>
			<content:encoded><![CDATA[<p>Long before you officially take the profession of graphic or web designer, your friends and family will support your ambitions by developing your talent. At first, your loved ones inspect your work and if they like what they see, you’ll get flooded with their requests for one page flyers, t-shirt designs, <a href="http://webdesignledger.com/inspiration/30-minimal-logo-designs-that-say-more-with-less">logos</a>, and company websites. When you are just starting out, you welcome their requests because it gives you a chance to grow your skill set as a designer. After all, it’s almost like dealing with real clients, right?</p>
<p>The drama comes when you actually become a full time designer. The friends and family who drew upon your talent during your newbie years are still standing around with their hands out, and now you also must contend with two more groups of favor askers: clients and anonymous foreigners who contact you through Twitter.</p>
<p><span></span></p>
<p>Here are 8 of the most common and eye-rollingly annoying favors all designers encounter at one point or another. For ease of reference, we’ll call the offending party ‘Dude.’</p>
<h3>1. ‘Hey, can you take a look at my site and tell me what you think?’</h3>
<p>At first glance, this seems like a harmless five to ten minute project. Dude asks for your opinion, and you both know that you are an esteemed and dedicated design pro. You optimistically click on his website link, and you’re teleported back in 1998 with a Geocities-reminiscent design so horrifying it makes MySpace look professional. After you try hard not to lose all respect for Dude, you carefully suggest that he get rid of the Flash intro. You are then met with an uncomfortable defensiveness, where Dude refuses to accept your professional advice.</p>
<p><strong>Lesson learned:</strong> Decipher whether your friend is looking for actual advice or just a pat on the back.</p>
<p><a href="http://www.flickr.com/photos/joshuacraig/2415343592/"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_2.jpg" border="0"> </a></p>
<h3>2. ‘Um, would you mind designing my site… for free?’</h3>
<p>It’s shocking how many people feel truly entitled to a free web design. If you’ve ever had the pleasure of introducing yourself as a web designer, you may notice the wheels instantly starting to turn in your acquaintance’s mind. Everyone, even those without any product or any relevant thing to say, want, demand and need a website. These are the people, especially, who will want such a website produced for free. They may lure you with the distant hopes they use to fuel their own insanity: ‘Once I get some visitors, I’ll direct them to your services’ (Standard practice, regardless).</p>
<p><strong>Lesson learned:</strong> Limit your charity cases to those you can do in your free time and only do it for charity because the only reward you’ll reap is psychological.</p>
<h3>3. ‘Can you help me design my site to look like ______?’</h3>
<p>This request is closely related to the first two requests. Perhaps Dude has taken it upon himself to designed a website, already had a moment of epiphany and now realizes that it sucks. At least you’re on the same page. Then comes, ‘I’d like my site to look just like Avatar. You know, all 3D and stuff.’ Once you realize that Dude is serious, another realization also sinks in. If you take on this ‘consulting’ project, all of your time and energy will be engulfed by this vortex, <i>and</i> you won’t be getting paid for your trouble. What’s the solution? Direct Dude to Yahoo! Answers? No, he’ll never go for that, because this is a top secret idea.</p>
<p><strong>Lesson learned:</strong> Find your inner ineptness and apply it to this situation. Feign ignorance, suggest peripheral design ideas such as blue color palettes and wait for your friend to get bored of the idea and come to his senses.</p>
<p><a href="http://www.flickr.com/photos/anasantos/3827093608/"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_1.jpg" border="0"> </a></p>
<h3>4. ‘I think I have a virus.’</h3>
<p>No one likes to hear these words, and if someone’s sharing this information with you, they usually want one of two things: sympathy or help, sometimes both. When you hear these words come from a client, you must assume they are referring to a computer virus (let’s hope). This your client’s passive/ aggressive way of getting you to offer assistance. If you, wisely, remain silent, he or she will shamelessly ask you for your help. Just because you work in front of your computer all day does not mean that you qualify for tech support. You have to Google things just like everyone else.</p>
<p><strong>Lesson learned:</strong> Get the courage to finally direct someone to <a href="http://lmgtfy.com/?q=virus">Let Me Google That For You</a>. However, for professional relationships, avoid the snark and actually <i>lightly</i> research the problem, but make no promises and waste no longer than 15 minutes.</p>
<h3>5. ‘Let me help you with any of your extra work.’</h3>
<p>This favor comes in the form of a donated favor. In other words, Dude is suggesting that he’s doing you a favor, when he’s actually just trying to get paid. One morning you open your email box, and there’s an email from some dude you’ve never heard of. He wants you to lend him some of your work. Depending on your level of job-related stress, you may be inclined to offer him some work, but what’s this? No portfolio? No website? No spell-check. Wait, is Dude even located in the same hemisphere as you?</p>
<p><strong>Lesson learned:</strong> You get what you pay for.</p>
<h3>6. ‘So, it’s been a minute… How much longer is it going to take?’</h3>
<p>Just when you’ve got your Good Samaritan on and decided to help Dude <i>during your free time</i>, he starts becoming a diva. Never mind the impossible requests to make his website look just like *let your imagination run wild on this one,* or the countless revisions to a perfectly designed logo, or the endless hours you spent over IM trying to explain why putting an invisible list of keywords at the bottom of the webpage is unnecessary. When you least expect it, expect to receive a phone call, email, direct tweet saying, ‘Hey, so, um… when’s the project going to be finished?’ You reply back, ‘Dude, I told you I was going to fit this in between my <i>actual</i> work from <i>actual</i> clients that <i>actually</i> pay.’ To this, Dude replies, ‘I didn’t think it was going to take this long, maybe I should just get this <i>professionally</i> done.’ Oh, that’s a killer. First of all, Dude has no consideration for the amount of time you’ve invested in this project. Secondly and more importantly, you are a professional. Why not offer you money so that you can prioritize his project?</p>
<p><strong>Lesson learned:</strong> Clearly state from the beginning that it will take you some ridiculously long amount of time to complete the project for free and if Dude’s still on board, he’ll be happy if you finish it sooner than expected.</p>
<h3>7. ‘Can I use your server until I get my own hosting?’</h3>
<p>What’s so wrong about this request? You have extra space and you can afford the bandwidth. The problem is that Dude will <i>never</i> get his own hosting, and eventually he’ll forget about his site. A year later, you’ll remind him, ‘Hey Dude, you know you still have your stuff on my server? I’m moving to another server, so is it alright if I get rid of it? You have a back up, right?’ Dude will do one of two things: he’ll respond with indignant anger, upset that you’re rushing him to get his act together or he’ll pretend to be okay with it, all the while, holding a grudge.</p>
<p><strong>Lesson learned:</strong> Friends don’t let friends use their servers.</p>
<p><a href="http://www.flickr.com/photos/amymctigue/3161095736/"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_3.jpg" border="0"> </a></p>
<h3>8. ‘Hey, I volunteered you to re-do my co-worker’s step-daughter’s wedding album.’</h3>
<p>You can replace this with any task in which your mom volunteers your services for free. It’s always lovely to deal with someone who’s happy to accept your honest labor for free, because we all know they won’t make any unreasonable demands. The most difficult part of this ordeal is having to contend with your mother in her role as the merciless middleman who nags you for quality, timeliness and her good reputation.</p>
<p>(Via <a href="http://webdesignledger.com">Web Design Ledger</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/top-8-dreaded-favors-asked-of-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 Elements of a Successful Business Web Presence</title>
		<link>http://kdi-media.com/4-elements-of-a-successful-business-web-presence/</link>
		<comments>http://kdi-media.com/4-elements-of-a-successful-business-web-presence/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 01:38:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Friend Feed]]></category>
		<category><![CDATA[LinkedIn]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Website Tips]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=323</guid>
		<description><![CDATA[
This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business.
What’s the most important piece of your business’s web presence? Your website, of course.
Creating a website requires a good deal of thought; it’s important to plan what information you want on the [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/02/unique-website.jpg" alt="website image" align="left"><em><a rel="nofollow" href="http://www.openforum.com/idea-hub/topics/technology/article/4-elements-of-a-successful-business-web-presence-samir-balwani" >
<p>This post</a> originally appeared on the <a rel="nofollow" href="http://www.openforum.com">American Express OPEN Forum</a>, where Mashable regularly contributes articles about leveraging social media and technology in small business.</em></p>
<p>What’s the most important piece of your business’s web presence? Your website, of course.</p>
<p>Creating a website requires a good deal of thought; it’s important to plan what information you want on the site, what the layout will look like, and how you’ll connect each piece together.<span></span></p>
<p>Think of your website as your hub; it’s what people will see when they look for you. Here are four elements of a successful business web presence that can help ensure that your first impression is a good one.</p>
<hr />
<h2>Before We Begin<br />
<hr /></h2>
<p><center><img src="http://cdn.mashable.com/wp-content/uploads/2009/12/goals.jpg"></center></p>
<p>Your very first step should be to define the goals of your website. Most businesses should have at least three: to create an online presence, to differentiate your business, and to capture leads.</p>
<blockquote><p> 1. Creating an online presence is the most basic reason for building a website. This means building a site that includes your business information, highlights what makes you special, and gives consumers a way to contact you.</p>
<p>2. Making your business stand out takes a more advanced strategy. Maintaining a blog that portrays your thoughts and insights can help your website stand out and help consumers better understand your business.</p>
<p>3. A good business website can be used to capture potential leads. As the site grows it becomes a community for customers and potential consumers. Connect with potential consumers and find a way to continue marketing to them. Your website can be the elevator pitch and your connection the long sell.</p>
</blockquote>
<hr />
<h2>The Website<br />
<hr /></h2>
<p>With our goals in mind, we can begin to explore specific elements of a strong website.</p>
<p>The homepage will generally be the initial point of contact with your consumers. A good homepage will answer the questions ‘What do you do?’ and ‘Why should I trust you?’ Consumers will make a split-second decision on whether they’ll stay to learn more or go to a competitor. Don’t lose them at the start.</p>
<p>An ‘About’ page can further reinforce the trust factor. Explain exactly what your company does, in-depth. I want to know who you are, why you do what you do, and what makes you special. This page should make an impact and impress your consumers.</p>
<p>Finally, create a ‘Contact’ page. This page should clearly explain to your customers how to <a href="http://econsultancy.com/blog/2529-contact-details-best-and-worst-practice-examples">get in contact with you</a>. Make sure it outlines your address, phone number, email address, and any other way someone can reach you. You might even want to include a Google Map with directions to your store or office.</p>
<p>These three pages create a basic online presence, but not much more. If you want to set your business apart from everyone else, the best way to do that is to create a company blog.</p>
<hr />
<h2>The Blog<br />
<hr /></h2>
<p><img src="http://cdn.mashable.com/wp-content/uploads/2010/01/blogs-header.jpg" alt="blogs image" align="left" vspace="2" hspace="2">For some reason, many business owners shy away from blogs. What they don’t realize is that most business ‘News’ sections are blogs. ‘Blog’ simply defines any continually updated news or content section of a site. In fact, this is technically a post on a blog.</p>
<p>So why is a blog important? For one, it shows that you know what you’re talking about. It helps you identify yourself as an expert or unique. Secondly, a blog is constantly updated. It gives readers a reason to come back to your site. The more contact you have with your consumers, the more likely they are to buy from you.</p>
<p>Also, consumers have become savvier and will search out information. They want more than a simple explanation of what your product does. They want to know how to use your product, examples of <a href="http://www.blendtec.com/willitblend/">interesting things</a> people are doing, and how you can make their life easier.</p>
<p>After you have a site with information and a blog that is ever-growing, you’ll begin to experience a growth in site traffic. It would be a shame to ignore these potential customers. Which leads us to our next step; lead capture.</p>
<hr />
<h2>The Newsletter<br />
<hr /></h2>
<p>It’s here that we begin building leads from your website’s visitors.</p>
<p>The first and most important element is a newsletter form. I use <a href="https://www.aweber.com/">Aweber</a> to handle my own personal newsletter sign ups and delivery. I just write the actual newsletter and format it.</p>
<p>There are a number of other services you can use too such as <a href="http://www.mailchimp.com/">MailChimp</a> and <a href="http://www.constantcontact.com/index.jsp">ConstantContact</a>; it simply depends on what you want. Do your research and choose a program you like. The newsletter cost quickly pays for itself. Email marketing is one of the most effective ways to generate sales.</p>
<p>Getting consumers to sign up for your email list means you no longer have to wait for them to come to you, you can go to them. You can offer your core consumers specials and keep them up to date on new products or changes.</p>
<hr />
<h2>Social Media Accounts<br />
<hr /></h2>
<p><center><img src="http://cdn.mashable.com/wp-content/uploads/2009/12/social-icons.jpg"></center></p>
<p>Another option for capturing leads is <a href="http://trainingsocial.com/small-business-marketing/5-ways-small-businesses-social-media/">social media</a>. Microblogs and social networks such as Facebook and Twitter can help you connect with and contact those within your core community. For this strategy to work, your blog should serve as a <a href="http://samirbalwani.com/marketing/do-you-have-a-social-media-hub/">central hub</a>. The hub sends consumers to your respective social media profiles to build the connection.</p>
<p>Businesses with a Facebook Fan page can include a Fan box on the site to make it an easy process to fan the business page. If you have an active Twitter account, consider adding the ‘Follow Me on Twitter’ button. These two elements can help turn a one-time reader into a connected consumer.</p>
<p>When you’re building an online presence, the most important aspect is your website. It’s your hub and your first impression. Are you using the right elements to maximize your website’s effectiveness?</p>
<p>(Via <a href="http://mashable.com">Mashable!</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/4-elements-of-a-successful-business-web-presence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dummy Image Generator Is the Lorem Ipsum of Images.</title>
		<link>http://kdi-media.com/dummy-image-generator-is-the-lorem-ipsum-of-images/</link>
		<comments>http://kdi-media.com/dummy-image-generator-is-the-lorem-ipsum-of-images/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 22:05:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Whats New]]></category>
		<category><![CDATA[Dummy Image Generator]]></category>
		<category><![CDATA[Lorem ipsum]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=321</guid>
		<description><![CDATA[
Lorem ipsum is a block of dummy text in Latin often used in design and publishing to fill space in a mockup. The brilliant Dummy Image Generator is like &#8216;lorem ipsum&#8217; for images.
Like &#8216;lorem ipsum&#8217;, the Dynamic Dummy Image Generator offers a glimpse at what content might look like in a layout, but instead of [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cache.gawker.com/assets/images/17/2010/02/500x_dyn-img-gen.jpg" width="500"><a href="http://en.wikipedia.org/wiki/Lorem_ipsum">
<p>Lorem ipsum</a> is a block of dummy text in Latin often used in design and publishing to fill space in a mockup. The brilliant Dummy Image Generator is like &#8216;lorem ipsum&#8217; for images.</p>
<p>Like &#8216;lorem ipsum&#8217;, the Dynamic Dummy Image Generator offers a glimpse at what content might look like in a layout, but instead of placeholder text, it creates a placeholder image. Using the service is dead simple:</p>
<blockquote>
<p>Sometimes you just need a placeholder image right at your finger tips. Just enter the width + x + height at the end of this URL and off you go!</p>
<p>Example: <code><a href="http://dummyimage.com/640x480">http://dummyimage.com/640x480</a></code></p>
</blockquote>
<p>You can even use a dummy image as a source in your HTML, like <code>&lt;img src='http://dummyimage.com/340x123' alt='A Dummy Image'&gt;</code>, which would look like this:</p>
<p><img src="http://dummyimage.com/340x123" width="340"></p>
<p>
The Dynamic Dummy Image Generator is free to use, and is a bit on the geeky side, but if you&#8217;re a designer or just spend the occasional free minute tinkering on the web, it&#8217;s a really simple, well-executed idea.</p>
<p>(Via <a href="http://lifehacker.com">Lifehacker</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/dummy-image-generator-is-the-lorem-ipsum-of-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Great Tips for Using Twitter as a Designer</title>
		<link>http://kdi-media.com/10-great-tips-for-using-twitter-as-a-designer/</link>
		<comments>http://kdi-media.com/10-great-tips-for-using-twitter-as-a-designer/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 01:09:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=315</guid>
		<description><![CDATA[Twitter was founded in 2006 by Odeo (a podcasting company). It was first used as an internal service for Odeo employees, and later, it became public and then took off as its own company in 2007.

Today, Twitter is ranked in the top 50 websites on Alexa, and in February 2009, a blog post by Compete [...]]]></description>
			<content:encoded><![CDATA[<p>Twitter was founded in 2006 by Odeo (a podcasting company). It was first used as an internal service for Odeo employees, and later, it became public and then took off as its own company in 2007.</p>
<p><a href="http://sixrevisions.com/web-applications/10-great-tips-for-using-twitter-as-a-designer/"><img src="http://images.sixrevisions.com/2010/01/04-01_twitter_designer_tips_leadimage.jpg" width="550" height="250" alt="10 Great Tips for Using Twitter as a Designer"></a></p>
<p>Today, Twitter is ranked in the top 50 websites on Alexa, and in February 2009, a <a href="javascript:void(0);">blog post by Compete</a> ranked Twitter as the third most used social networking site.</p>
<p><a href="javascript:void(0);"><img src="http://images.sixrevisions.com/2010/01/04-02_competechart.jpg" width="410" height="156" alt="Compete"></a></p>
<p>The original intention of Twitter was to announce to your friends and family, in 140 characters or less, what you were doing, as you were doing it. People would be updated all the time on the status of their friends.</p>
<p>Nowadays, people have found tons of different uses for this social media site that answers the question &#8216;What’s Happening?&#8217; </p>
<p><img src="http://images.sixrevisions.com/2010/01/04-03_whats_happening.jpg" width="550" height="208" alt="Whats happening"></p>
<p>I know many of you are already all over Twitter and are already familiar with its benefits as a professional working designer.</p>
<p>If you aren’t on Twitter yet, hopefully you’ll see why you need to join in the conversation and be a part of this social networking phenomenon. If you’re already on Twitter, I hope to share some tips with you that you may not have considered before. Here are <strong>10 tips for using Twitter to help you network, find jobs, and/or build your business</strong>. </p>
<h3>1. Follow awesome designers and studios</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-11_design_studios.jpg" width="550" height="321" alt="Follow awesome designers and studios"></p>
<p>They may not follow you back, but it gives you a good opportunity to join a conversation and get your name out there. Retweet their posts or comment on something they’ve said. They may also post valuable resources for you to check out. </p>
<h3>2. Use <a href="http://search.twitter.com">search.twitter.com</a> to search for jobs or projects</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-04_search_twitter.jpg" width="550" height="223" alt="Follow awesome designers and studios"></p>
<p>People tweet &#8216;I’m looking for a web designer&#8217; or &#8216;I need help finding a good logo designer&#8217; frequently. Search often and you’ll be able to capitalize on those opportunities to land a client, or at the very least, spread the word that you’re a working designer and available for hire.</p>
<h3>3. Help the community: answer fellow designers’ questions</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-05_twitter_questions.jpg" width="550" height="82" alt="Help the community: answer fellow designers questions"></p>
<p>Tons of other designers and developers ask questions about coding issues, program quirks, or client dilemmas and will be very grateful for the help you can provide. The next time they need help on a project or have too much work, they will hopefully think of you.</p>
<h3>4. Share your design critiques with designers that ask for input</h3>
<p>Network with other designers by commenting on the designs that they post. People generally love hearing what you think about their design (or else they wouldn’t have posted it on Twitter). This is a good way to connect with other designers and also showcase your own design tastes and expertise to your followers.</p>
<h3>5. Post your newest projects and published websites</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-06_design_tweets.jpg" width="550" height="303" alt="Post your newest projects and published websites"></p>
<p>I love seeing what other designers are doing and enjoy it when designers post their newest projects. However, don’t spam your followers with tons of stuff you’ve done, keep it to one post to announce a new site being published or a new business card you’ve designed. Keep your tweets relevant and not (too) self-promotional, or else, you might find yourself losing many of your followers.</p>
<h3>6. Tweet and discover new web resources</h3>
<p>Post awesome articles and tutorials that you’ve found. I can’t possibly include every cool web design blog in my RSS reader (it’s already out of control) but I love reading the occasional cool post I see on Twitter from a blog I don’t subscribe to. Sometimes I find an awesome blog that I haven’t even heard of before! Twitter is a great way to trade information and knowledge.</p>
<h3>7. Use #hashtags</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-07_twitter_hashtags.jpg" width="550" height="67" alt="Use #hashtags"></p>
<p>Something I don’t utilize nearly enough, but is extremely valuable, is using <a href="http://mashable.com/2009/05/17/twitter-hashtags/" title="HOW TO: Get the Most Out of Twitter #Hashtags">hashtags</a> to categorize and contextualize your tweets. It allows other people to find you on Twitter: someone clicks on a hashtag on their friends page to find similar content, and they land on your Twitter page. Voila – another connection has been made.</p>
<h3>8. Find and follow people and businesses in your area</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-08_twitter_places.jpg" width="550" height="200" alt="Find and follow people and businesses in your area"></p>
<p>Design groups, design studios, and programmers are people you can find on Twitter. There are also many people near you, but outside of the design world that would be great to network with such as the chamber of commerce in your city or new businesses that need your services. You can use Twitter’s <a href="http://search.twitter.com/advanced">advanced search</a> to find tweeple that live around your area.</p>
<h3>9. Customize the design of your page</h3>
<p><img src="http://images.sixrevisions.com/2010/01/04-09_custom_twitter.jpg" width="550" height="637" alt="Customize the design of your page"></p>
<p>Create something that matches your blog or website and list the services you offer. You can use your Twitter background to display links to your other social media profiles. Customizing the look of your page goes a long way in terms of self-branding.</p>
<h3>10. Build relationships</h3>
<p>Creating relationships is the single most valuable part of Twitter in my opinion. It gives us the opportunity to network and socialize informally while sharing ideas and resources. </p>
<p><img src="http://images.sixrevisions.com/2010/01/04-10_build_twitter.jpg" width="550" height="298" alt="Build relationships"></p>
<p>Join the conversation! Twitter may have started as a way to keep your friends and family updated on what you’re doing but it’s a valuable resource as a working professional these days.</p>
<p>Maybe you think that you don’t have time to get involved in another social networking site, but I think you can’t afford to miss out on the opportunities with Twitter.</p>
<p>(Via <a href="http://sixrevisions.com">Six Revisions</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/10-great-tips-for-using-twitter-as-a-designer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>9 SEO plug-ins to help you optimize your wordpress pages weights</title>
		<link>http://kdi-media.com/9-seo-plug-ins-to-help-you-optimize-your-wordpress-pages-weights/</link>
		<comments>http://kdi-media.com/9-seo-plug-ins-to-help-you-optimize-your-wordpress-pages-weights/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 01:50:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=225</guid>
		<description><![CDATA[9 SEO plug-ins to help you optimize your wordpress pages weights
1. All in One SEO Pack
All in One SEO Pack will help you the basic content of the blog search engine optimization elements, including a separate page title, Meta tags, keywords and description.
(Note: All in One SEO Pack is easy to slow down the system [...]]]></description>
			<content:encoded><![CDATA[<p><strong>9 SEO plug-ins to help you optimize your wordpress pages weights</strong></p>
<p><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">1. All in One SEO Pack</a><br />
All in One SEO Pack will help you the basic content of the blog search engine optimization elements, including a separate page title, Meta tags, keywords and description.<br />
(Note: All in One SEO Pack is easy to slow down the system and some of its functions can be achieved manually change the code, you can refer to the egg of this article.)</p>
<p><img src="http://kdi-media.com/wp-content/uploads/2009/10/seo-wp.jpg" alt="seo-wp" width="500" height="385" /></p>
<p><a href="http://wordpress.org/extend/plugins/redirection/">2. Redirection</a><br />
Modify the previous text of the old Bo, WordPress upgrade or modify the permanent link structure, especially in the blog after the move, there will be blog post link to change.<br />
Generally speaking, each post has a unique permanent URL address, the address change may occur after the visitors unable to visit, redirection plug-in will bring visitors to the new address, to avoid the situation can not be accessed.<br />
(Note: not just SEO, for many useful Windows host friends,, redirection can also help you to remove a permanent link in the index.)</p>
<p>&lt;<a href="http://wordpress.org/extend/plugins/robots-meta/">3. Robots Meta</a><br />
Under normal circumstances prime search engine will crawl your blog, and contains all the pages, this can easily lead to the appearance of duplicate content, so you need to guide search engines included prime, Robots Meta will make your blog get more weight and flow.</p>
<p><a href="http://wordpress.org/extend/plugins/seo-automatic-links/">4. SEO Smart Links</a><br />
Internal links are SEO, one of the key issues, more importantly, the content should have more internal links, you can search within the chain, told the prime engine, what is most important. If the manual to create internal links would be very time-consuming and laborious.<br />
SEO Smart Links will allow you to specify a word such as ‘search engine optimization’ and then the contents of the article it appears a ‘search engine optimization’ is the word, it will be automatically turned into the designated links.</p>
<p><a href="http://wordpress.org/extend/plugins/seo-image/">5. SEO Friendly Images</a><br />
Photo Also in the blog optimization play an important role, so to establish the correct label image becomes very important, and this is precisely the function of SEO Friendly Images, if you prefer to use images in the blog article, then the SEO Friendly Images is a must for small.</p>
<p><a href="http://wordpress.org/extend/plugins/wordpress-google-seo-positioner/">6. Google Positioner</a><br />
Choose the right keywords is very important that this plug-in can help you to bring traffic to track the search keywords, you may aimlessly choice words and then create some content, in the hope to get a good result, but the SEO need to take the initiative to track the results.</p>
<p><a href="http://wordpress.org/extend/plugins/permalinks-moved-permanently/">7. Permalinks Moved Permanently</a><br />
Blog main common mistakes is to choose a permanent link to the wrong structure, and start writing blog when you feel the most appropriate choice, but over time you may also intend to change the permanent link structure, and this time you may take several months prime time in order to be search engine re-included.<br />
Permalinks Moved Permanently and Redirection role similar, but more likely a better way to manage a permanent link to change.<br />
(Recommendation: no matter what the situation is not going to change your permanent link.)</p>
<p><a href="http://wordpress.org/extend/plugins/nofollow-case-by-case/">8. Nofollow Case by Case</a><br />
In the last two years, nofollow attribute has been deeply affected a blog, WordPress for all of the message of the connection have used Nofollow tags, which means that a message in the connection does not pass Page Rank (PR). If you want to attract more visitors comments, Nofollow Case by Case allows you to remove the message in the link Nofollow tags, which require exposure of a new blog is very useful.<br />
(Note: Dofollow is indeed a good idea to publicize your blog, but the same will be destroyed Spam your blog, nofollow also the effect of weight change.)</p>
<p><a href="http://wordpress.org/extend/plugins/seo-slugs/">9. SEO Slugs</a><br />
Do not use was found to prime the engine ignores words, posts often have their title may be elements of search engines is meaningless word, so if you post entitled ‘What You Can Do Immediately For Higher Rankings’, then the a permanent link to the default may be what-you-can-do-immediately-for-higher-rankings, but you are not more like a permanent link to the following: immediately-higher-rankings<br />
SEO Slugs can automatically link to permanently remove from the meaningless words, to help you achieve better rankings.</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/9-seo-plug-ins-to-help-you-optimize-your-wordpress-pages-weights/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Beginner&#039;s Guide to Tricking Out Your WordPress</title>
		<link>http://kdi-media.com/the-beginners-guide-to-tricking-out-your-wordpress/</link>
		<comments>http://kdi-media.com/the-beginners-guide-to-tricking-out-your-wordpress/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 15:01:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://kdi-media.com/?p=217</guid>
		<description><![CDATA[
You took the leap and installed WordPress to host your own blog because you want complete control over how it looks and works. Now, it&#8217;s time to power it up, lock it down, and make your blog completely yours.

What You&#8217;re In For
With all the hype around cloud computing and no-configuration-required hosted services, you don&#8217;t hear [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://cache.gawker.com/assets/images/17/2009/09/500x_wordpress-tools2.jpg" alt="" width="510" /></p>
<p>You took the leap and installed <a href="http://wordpress.org">WordPress</a> to host your own blog because you want complete control over how it looks and works. Now, it&#8217;s time to power it up, lock it down, and make your blog completely yours.</p>
<p><span id="more-257"></span></p>
<h3 style="font-size:120%;margin-top:20px">What You&#8217;re In For</h3>
<p>With all the hype around cloud computing and no-configuration-required hosted services, you don&#8217;t hear about the joys of running great software on your own server very much. The fact is, if you&#8217;re just a casual user who doesn&#8217;t know if you&#8217;ll stick to blogging over the long haul, or if you don&#8217;t want to spend a little time maintaining WordPress, you should sign up for a hosted blog at <a href="http://wordpress.com">WordPress.com</a> or <a href="http://blogger.com">Blogger</a> or <a href="http://typepad.com">TypePad</a>. (Also, this tutorial is not for you.)</p>
<p>But if you&#8217;re willing to <a href="http://wordpress.org/development/2009/09/keep-wordpress-secure/">keep WordPress updated religiously</a>, you get access to a whole world of WP plug-ins that add features to your site, the opportunity to create and tweak custom WordPress themes, and a huge sense of accomplishment. In the most recent version of WordPress, keeping your installation up-to-date is a matter of clicking a link when you get notified to do so.</p>
<p>Everything you need to know about <a href="http://codex.wordpress.org/Installing_WordPress">installing WordPress is right here</a>. Got it up and running? Let&#8217;s get to customizing.</p>
<h3 style="font-size:120%;margin-top:20px">Initial configuration</h3>
<p><img src="http://cache.gawker.com/assets/images/lifehacker/2009/09/wp-users.png" alt="" width="160" height="125" align="right" />The first thing you want to do on your WordPress blog is set up a new author with administrative access. Don&#8217;t use the default &#8216;admin&#8217; user to write your posts; create your custom username and give it admin privileges. Then, log out of WordPress and back in as your new username. For security reasons, some folks like to delete the admin user completely (as some WordPress attacks have used it to do bad things to your blog). Once you&#8217;ve got your administrative account working, add other authors to the list of users who might be posting to your blog.</p>
<p><img src="http://cache.gawker.com/assets/images/lifehacker/2009/09/wp-settings.png" alt="" width="160" height="146" align="left" /> Now it&#8217;s time to cruise through WP&#8217;s settings area and configure things just how you like &#8216;em. First, set up your post permalinks to look prettier for both humans and search bots. WordPress&#8217; default post permalink looks like <code>http://example.com/?p=123</code>. Instead, under Settings&gt;Permalinks, select something like <code>http://example.com/2009/09/welcome-to-my-blog</code>.</p>
<p>Next up, configure how you want comments to work on your blog. Under Settings&gt;Discussion, you can enable comments and set other advanced options, like whether or not users have to be logged into your site to comment, or if comments should automatically close on posts after a certain number of days, if user avatars show up, or what words in a comment should automatically mark it as spam.</p>
<p>Speaking of, spam comments is a ridiculously epic problem across the internet for all blogs, so how you set up comments will mean the difference between miserable hours spent gardening V14gRa and &#8216;check out my sexy webcam!!&#8217; comments or not. Coming from Lifehacker&#8217;s &#8216;must register to post here&#8217; model, I checked off &#8216;Users must be registered and logged in to comment.&#8217; If you don&#8217;t want to put up the registration hurdle in front of your commenters, make sure you install the Akisment spam-killing plug-in (more on that below).</p>
<h3 style="font-size:120%;margin-top:20px">Must-have plug-ins</h3>
<p><img src="http://cache.gawker.com/assets/images/lifehacker/2009/09/wp-plugins.png" alt="" width="340" /></p>
<p>Just like you can extend Firefox with feature-adding extensions, WordPress also has a pluggable architecture and a whole world of plug-ins that can soup up your blog. When youre logged into WordPress, click on Plugins, and search for the name of the plug-in you want to install (which you can do without involving your FTP client). You can also just search on keyword, too—to find Twitter related plug-ins, just enter Twitter. The plug-ins that you use will depend on how you want your site to work and look, but here are a few that every WP user can benefit from.</p>
<p><strong><a href="http://www.ilfilosofo.com/blog/wp-db-backup">WordPress Database Backup</a> (Backup):</strong> Running your own server and database means that if things go wrong, it&#8217;s up to you to have a backup. This plug-in can email a full backup of your WordPress database on a schedule to an address you specify. I&#8217;ve had great success building my WordPress site locally with the backup this plug-in created; however, the other resident WP expert here on staff, The How-To Geek, recommends using the old-school <code>cron job for 'mysqldump -uUser -pPassword databasename &gt; filename.bak'</code> approach. No matter how you do it, make sure you&#8217;re backing up both your blog&#8217;s database and files. It&#8217;s worth consulting with your blog hosting provider about the best way for you to do this, too.</p>
<p><strong><a href="http://flagrantdisregard.com/feedburner/">FD Feedburner Plug-in</a> (Feeds):</strong> Google-owned <a href="http://feedburner.com">FeedBurner</a> is a must-use for anyone who publishes RSS feeds, like your blog does. FeedBurner saves you bandwidth costs by hosting your blog&#8217;s feed and offers statistics about how many people are reading it; this plug-in will redirect your blog&#8217;s feed to FeedBurner for you.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/stats/">WordPress.com Stats</a> (Stats):</strong> See what posts are most popular using this up-to-the-minute statistics plug-in, right inside your WordPress dashboard. WordPress.com stats doesn&#8217;t count visits to your own blog, and unlike the richer Google Analytics service, there&#8217;s no day-long delay to see what&#8217;s happening on your site. To run this plug-in, you have to <a href="http://en.wordpress.com/api-keys/">get a WordPress.com API key (it&#8217;s free)</a> and enter it into the plug-in&#8217;s settings.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/search-meter/">Search Meter</a> (Stats):</strong> If you have a search box on your site, you&#8217;ll want Search Meter, a plug-in which shows you what readers are looking for and finding (or not) on your site. Search meter also offers widgets you can add to your site which show readers what other readers are searching for.</p>
<p><strong><a href="http://wordpress.org/extend/plugins/wp-super-cache/download/">WP SuperCache</a> (Optimization):</strong> The first time a highly-trafficked site like Digg links to your blog, you&#8217;ll wish you had installed this plug-in, which maintains high-speed, database-call free &#8216;cached&#8217; copies of your WordPress pages on your server. Your site will run faster and won&#8217;t buckle under the strain of a lot of traffic if you&#8217;re caching it with this excellent plug-in.</p>
<p><strong><a href="http://akismet.com/">Akismet</a> (Comments Spam killer):</strong> Because comment spam can get so bad, WordPress now ships with the Akismet spam filtering plug-in. Since I&#8217;m requiring user registration to leave comments on my WordPress blog, I don&#8217;t have any experience with how good Akismet is (and haven&#8217;t had any spam at all), but word on the street is it&#8217;s absolutely essential for sites with open comments. Like WordPress.com stats, Akismet requires <a href="http://en.wordpress.com/api-keys/">a WordPress.com API key</a>.</p>
<p>Finally, to make your site as accessible to Google and other web search engines as possible, a few Search Engine Optimization SEO plug-ins help. I use <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All in One SEO Pack</a> and <a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">Google XML Sitemaps</a>.</p>
<h3 style="font-size:120%;margin-top:20px">Make Your WordPress Theme Yours</h3>
<p><img src="http://cache.gawker.com/assets/images/lifehacker/2009/09/wp-themes.png" alt="" width="340" /></p>
<p>If you&#8217;ve got HTML and CSS chops, you can make your WordPress theme sing your tune. (For advanced stuff, some PHP skills come in handy, too.) First you want to start with a base theme. WordPress&#8217; default theme is ok, but if you google &#8216;free WordPress themes&#8217; or take note of what themes sites you like already use, you&#8217;ll find an insane number of gorgeous and eye-catching site layouts. Picking your theme is one of the most fun (and most time-consuming) parts of setting up WordPress. It will be hard to choose!</p>
<p>Once youve installed the theme you want by downloading the .zip file and putting it in your WordPress themes folder, you can dig into the CSS and markup and make it your own. WordPress offers a theme editor in its interface which lets you update files on the fly (under Appearance&gt;Editor). While this is convenient, its also dangerous if you hit the wrong key, save the file, and dont have a backup. My recommendation is to <a href="http://lifehacker.com/214455/hack-attack-set-up-and-host-a-blog-on-your-home-computer">set up WordPress and your theme of choice on your own computer</a>, edit it in your favorite text editor, and upload it to your live server when it&#8217;s perfect. I started my WordPress blog with <a href="http://lucianmarin.com/page/themes/">Lucian Marin&#8217;s Journalist theme</a>, and made it mine by adding color to the header and tweaking how comments look.</p>
<p>If you&#8217;ve got patience and custom HTML you want to turn into a brand new WordPress theme, copy the default theme&#8217;s files into a new folder and get to hacking. The <a href="http://codex.wordpress.org/Blog_Design_and_Layout">WordPress Codex is an invaluable resource</a> for both starter reading and reference as you go. That is, when you get to the part where you&#8217;re thinking &#8216;WTF is wp_list_comments?&#8217;, Google it and you&#8217;ll find the <a href="http://codex.wordpress.org/Template_Tags/wp_list_comments">function reference at the codex</a>. It took me a full weekend of pretty intense theming work to get my first custom theme done and ready to go live, so give yourself some time, and most importantly, have fun with it. Here are <a href="http://smarterware.org/twitalytic/public.php?t=3802309559">some tips and links from my Twitter followers on creating a custom WordPress theme</a>.</p>
<h3 style="font-size:120%;margin-top:20px">Sidebars and Widgets, Oh My!</h3>
<p><img src="http://cache.gawker.com/assets/images/lifehacker/2009/09/wp-widgets.png" alt="" width="340" /></p>
<p>The easiest way to customize your WordPress blog without digging into code or your FTP client is to do so with widgets. The latest versions of WordPress offer drag-and-drop custom modules you can add to and remove from your blog. When you&#8217;re logged into WordPress&#8217; admin interface, under Appearance, click on &#8216;Widgets&#8217; to see what&#8217;s available and add and remove what you want on your site&#8217;s sidebar (or top bar or bottom bar, depending on where your theme puts it).</p>
<h3 style="font-size:120%;margin-top:20px">Advanced trickery</h3>
<p>Here are a few more tips for advanced WordPress hackers who want to troubleshoot or try even more customization:</p>
<ul>
<li><strong><a href="http://www.ericlightbody.com/2009/04/30/adding-multiple-sidebars-and-other-elements-to-your-wordpress-theme/">Use multiple custom sidebars</a>:</strong> WordPress&#8217; sidebar and widgets feature is very powerful and customizable; in fact, you can create and customize multiple sidebars or site zones to show up on different pages. (For example, the sidebar that shows up on a post page can look different than the one on the front page.)</li>
<li><strong><a href="http://getfirebug.com/">Troubleshoot slowness and other problems with Firebug</a>:</strong> Every web developer knows that the Firebug Firefox extension is absolutely essential when developing any site, and it&#8217;s true for WordPress, too. When my WP site went down because of multiple background 404&#8217;s doing resource-sucking searches, <a href="http://www.flickr.com/photos/ginatrapani/3942001458/">Firebug revealed the problem</a> and so I knew how to fix it.</li>
<li><strong>Use tags to display content differently</strong>: You can use <a href="http://codex.wordpress.org/Conditional_Tags">conditional tags</a> to display different types of content on your blog in different ways, like a short link or big photograph. I use <code>has_tag</code> to display &#8216;quick links&#8217; with smaller inline headlines on my front page by assigning the tag &#8216;brief.&#8217;</li>
<li><strong>Set up a &#8217;staging&#8217; server:</strong> Once your blog&#8217;s up and running and live, you don&#8217;t want to make huge changes to it with the whole world watching. <a href="http://lifehacker.com/214455/hack-attack-set-up-and-host-a-blog-on-your-home-computer">Set up WordPress on your local computer</a>, hack away on your theme and/or plug-ins, then upload your changes when they&#8217;re complete and ready.</li>
</ul>
<p>This post only scratches the surface of WordPress customization possibilities. The good news is WordPress open nature and huge community means that you can find the answer to almost any WP question hitting up Google—or in worst case, <a href="http://wordpress.org/support/">asking the forums</a>. <em>Special thanks to the author of this <a href="http://css-tricks.com/first-steps-after-wordpress-instal/">CSS Tricks post</a> who also writes the excellent <a href="http://digwp.com/">Digging into WordPress</a> blog, which I referenced for this post.</em></p>
<p>(Via <a href="http://lifehacker.com">Lifehacker</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/the-beginners-guide-to-tricking-out-your-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
