<?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>Web Design Ledger &#187; Tips</title>
	<atom:link href="http://webdesignledger.com/tag/tips/feed" rel="self" type="application/rss+xml" />
	<link>http://webdesignledger.com</link>
	<description>A Publication for Web Designers</description>
	<lastBuildDate>Tue, 07 Sep 2010 06:15:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>50 Web Designers and Developers to Follow on Twitter</title>
		<link>http://webdesignledger.com/resources/50-web-designers-and-developers-to-follow-on-twitter</link>
		<comments>http://webdesignledger.com/resources/50-web-designers-and-developers-to-follow-on-twitter#comments</comments>
		<pubDate>Tue, 17 Aug 2010 04:17:17 +0000</pubDate>
		<dc:creator>thardy</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=6400</guid>
		<description><![CDATA[If your looking for some web designers and developers to follow on twitter, then your in the right place as this list contains 50 web designers and developers who are worth following. You&#8217;ll find that each one has a lot to offer and a unique perspective on their craft.


Gary Thomas &#8211; (9swords) he tweets cool [...]]]></description>
			<content:encoded><![CDATA[<p>If your looking for some web designers and developers to follow on twitter, then your in the right place as this list contains 50 web designers and developers who are worth following. You&#8217;ll find that each one has a lot to offer and a unique perspective on their craft.<span id="more-6400"></span></p>
<p class="clearfix">
<a href="http://www.twitter.com/9swords"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/9swords.jpg" alt="9swords" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/9swords">Gary Thomas &#8211; (9swords)</a></strong> he tweets cool stuff for web designers.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/aaroni268"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/aaroni268.jpg" alt="aaroni268" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/aaroni268">Aaron Irizarry &#8211; (aaroni268)</a></strong> is a User Experience Designer for Harte-Hanks/PennySaver.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/angbowen"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/angbowen.jpg" alt="angbowen" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/angbowen">Angie Bowen &#8211; (angbowen)</a></strong> is a web designer/developer from Colorado.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/atsmith"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/atsmith.jpg" alt="atsmith" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/atsmith">Adam Smith &#8211; (atsmith)</a></strong> is the president and creative director of Advent Creative.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/awilkinson"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/awilkinson.jpg" alt="awilkinson" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/awilkinson">Andrew Wilkinson &#8211; (awilkinson)</a></strong> runs the interface design agency MetaLab.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/barrymadden"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/barrymadden.jpg" alt="barrymadden" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/barrymadden">Barry Madden &#8211; (BarryMadden)</a></strong> is a freelance web/GUI/graphic designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/bgardner"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/bgardner.jpg" alt="bgardner" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/bgardner">Brian Gardner &#8211; (bgardner)</a></strong> is the founder and CEO of StudioPress.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/bkmacdaddy"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/bkmacdaddy.jpg" alt="bkmacdaddy" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/bkmacdaddy">Brian K. McDaniel &#8211; (bkmacdaddy)</a></strong> is a web and graphic designer from San Francisco.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/boagworld"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/boagworld.jpg" alt="boagworld" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/boagworld">Paul Boag &#8211; (boagworld)</a></strong> founded web design agency Headscape and runs boagworld.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/bradcolbow"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/bradcolbow.jpg" alt="bradcolbow" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/bradcolbow">Brad Colbow &#8211; (bradcolbow)</a></strong> is a freelance web designer who also creates a weekly comic strip.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/briancray"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/briancray.jpg" alt="briancray" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/briancray">Brian Cray &#8211; (briancray)</a></strong> is a Colombus based web entrepreneur and consultant.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/calmbanana"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/calmbanana.jpg" alt="calmbanana" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/calmbanana">Rachael Furn &#8211; (calmbanana)</a></strong> is a web developer based in Northants, UK.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/cheth"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/cheth.jpg" alt="cheth" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/cheth">Chetan R &#8211; (cheth)</a></strong> is an indian based web/graphic designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/chrisspooner"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/chrisspooner.jpg" alt="chrisspooner" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/chrisspooner">Chris Spooner &#8211; (chrisspooner)</a></strong> is a blogger based in Sheffield, UK.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/cmdshiftdesign"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/cmdshiftdesign.jpg" alt="cmdshiftdesign" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/cmdshiftdesign">Liz Andrade &#8211; (cmdshiftdesign)</a></strong> is a web/graphic designer and a regular blogger.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/collis"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/collis.jpg" alt="collis" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/collis">Collis &#8211; (collis)</a></strong> is CEO/Co-Founder of Envato.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/designerdepot"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/designerdepot.jpg" alt="designerdepot" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/designerdepot">Walter Apai &#8211; (DesignerDepot)</a></strong> is a web designer who runs Web Designer Depot.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/emtaylor"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/emtaylor.jpg" alt="emtaylor" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/emtaylor">Emma Taylor &#8211; (emtaylor)</a></strong> is a freelance web designer based in Cyprus.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/erisds"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/erisds.jpg" alt="erisds" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/erisds">Hannah &#8211; (ErisDS)</a></strong> is PHP developer based in Northampton, UK.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/flyosity"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/flyosity.jpg" alt="flyosity" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/flyosity">Mike Rundle &#8211; (flyosity)</a></strong> is software developer based in Raleigh.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/glennhilton"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/glennhilton.jpg" alt="glennhilton" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/glennhilton">Glenn Hilton &#8211; (glennhilton)</a></strong> is a web designer/developer based in Vancouver.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/gopalraju"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/gopalraju.jpg" alt="gopalraju" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/gopalraju">Gopal Raju &#8211; (gopalraju)</a></strong> is an indian based web designer/developer and blogger.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/gracesmith"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/gracesmith.jpg" alt="gracesmith" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/gracesmith">Grace Smith &#8211; (gracesmith)</a></strong> is a freelance web designer/developer who also runs thefreelancefeed.com.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/jankowarpspeed"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/jankowarpspeed.jpg" alt="jankowarpspeed" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/jankowarpspeed">Janko Jovanovic &#8211; (jankowarpspeed)</a></strong> is a UI designer, software engineer, blogger, speaker and artist.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/1stwebdesigner"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/1stwebdesigner.jpg" alt="1stwebdesigner" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/1stwebdesigner">Dainis Graveris &#8211; (1stwebdesigner)</a></strong> is a web designer who runs www.1stwebdesigner.com.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/jasonwalz"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/jasonwalz.jpg" alt="jasonwalz" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/jasonwalz">Jason Walz &#8211; (jasonwalz)</a></strong> is Milwaukee based web designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/jcroft"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/jcroft.jpg" alt="jcroft" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/jcroft">Jeff Croft &#8211; (jcroft)</a></strong> is a Seattle based web designer/developer who has also authored books.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/johnonolan"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/johnonolan.jpg" alt="johnonolan" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/johnonolan">John O&#8217;Nolan &#8211; (JohnONolan)</a></strong> is a UK based web designer who regularly blogs on many different sites.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/jophilips"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/jophilips.jpg" alt="jophilips" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/jophillips">Jon Phillips &#8211; (jophillips)</a></strong> is a web designer who runs Sprye Studios.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/liammckay"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/liammckay.jpg" alt="liammckay" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/liammckay">Liam McKay &#8211; (liammckay)</a></strong> is a UK based web designer who is currently working on WPBundle.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/markjardine"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/markjardine.jpg" alt="markjardine" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/markjardine">Mark Jardine &#8211; (markjardine)</a></strong> is a San Jose based who designer who works for Tapbots.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/markoprljic"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/markoprljic.jpg" alt="markoprljic" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/markoprljic">Marko Prljic &#8211; (markoprljic)</a></strong> is a croatian based web designer who founded Twinkle Tap.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/meaganfisher"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/meaganfisher.jpg" alt="meaganfisher" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/meaganfisher">Meagan Fisher &#8211; (meaganfisher)</a></strong> is a Salem based web designer who works at SimpleBits.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/mlane"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/mlane.jpg" alt="mlane" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/mlane">Mike Lane &#8211; (mlane)</a></strong> is a Minneapolis based UX designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/nadlzgraphics"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/nadlzgraphics.jpg" alt="nadlzgraphics" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/naldzgraphics">Ronald Bien &#8211; (naldzgraphics)</a></strong> is a Philippines based graphic designer and also founder of Naldz Graphics.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/nishanjoomun"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/nishanjoomun.jpg" alt="nishanjoomun" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/nishanjoomun">Nishan Joomun &#8211; (nishanjoomun)</a></strong> is a Montreal based web designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/nourayehia"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/nourayehia.jpg" alt="nourayehia" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/nourayehia">nourayehia &#8211; (nourayehia)</a></strong> is web designer who also founded Noupe and Bundle Hunt
</p>
<p class="clearfix">
<a href="http://www.twitter.com/obox"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/obox.jpg" alt="obox" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/obox">David Perel &#8211; (obox)</a></strong> is a South Africa based web designer and co-founder of Obox.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/othella"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/othella.jpg" alt="othella" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/othella">Amélie Husson &#8211; (othella)</a></strong> is a web designer from France but currently based in Germany.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/paddydonnelly"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/paddydonnelly.jpg" alt="paddydonnelly" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/paddydonnelly">http://www.twitter.com/paddydonnelly</a></strong> is an Irish web designer currently based in Belgium.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/robhawkes"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/robhawkes.jpg" alt="robhawkes" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/robhawkes">Rob Hawkes &#8211; (robhawkes)</a></strong> is a UK based web developer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/rogieking"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/rogieking.jpg" alt="rogieking" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/rogieking">Rogie &#8211; (rogieking)</a></strong> is a Montant based web designer and founder of Komodomedia.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/ronicadesign"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/ronicadesign.jpg" alt="ronicadesign" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/ronicadesign">Veronica Domeier &#8211; (ronicadesign)</a></strong> is a San Antonio based freelance web designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/sazzy"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/sazzy.jpg" alt="sazzy" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/sazzy">Sarah Parmenter &#8211; (sazzy)</a></strong> is a UK based web designer and founder of You Know Who.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/sharebrain"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/sharebrain.jpg" alt="sharebrain" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/sharebrain">Thomas Ulbricht &#8211; (sharebrain)</a></strong> is a web deigner based in Germany, he also founded Sharebrain.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/sixrevisions"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/sixrevisions.jpg" alt="sixrevisions" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/sixrevisions">Jacob Gube &#8211; (sixrevisions)</a></strong> is a web developer/designer, he also founded Six Revisions and co-founded Design Instruct.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/soffici"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/soffici.jpg" alt="soffici" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/soffici">Luca Soffici &#8211; (Soffici)</a></strong> is an Italy based web &amp; graphic designer.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/tkenny"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/tkenny.jpg" alt="tkenny" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/tkenny">Tom Kenny &#8211; (tkenny)</a></strong> is a UK based web designer/developer and he founded Inspect Element.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/tonychester"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/tonychester.jpg" alt="tonychester" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/tonychester">Tony Chester &#8211; (tonychester)</a></strong> is a web designer from Cary and owner of OnWired.
</p>
<p class="clearfix">
<a href="http://www.twitter.com/umutm"><img src="http://webdesignledger.com/wp-content/uploads/2010/08/twitter_follow/umutm.jpg" alt="umutm" width="73" height="73" class="alignleft" style="float: left; margin: 0px 10px 5px 0;"></a><br />
<strong><a href="http://www.twitter.com/umutm">Umut Muhaddisoglu &#8211; (umutm)</a></strong> is a web developer and blogger from Turkey.
</p>
<p class="clearfix">This list was just a small section of the web design community there are 100&#8217;s if not 1000&#8217;s of more designers worth following so feel free to leave a comment with a link to your link twitter profile if you think your worth following!</p>
<h3>About The Author</h3>
<p class="clearfix">
<img src="http://a2.twimg.com/profile_images/474275110/avatar_bigger.jpg" alt="Thomas Hardy" class="alignleft " style="float: left; margin: 0px 10px 5px 0;"><strong>Thomas Hardy</strong> is a freelance web designer from Newcastle upon Tyne (UK), here is his <a href="http://www.thomashardy.me.uk/">portfolio</a>. He founded <a href="http://www.design-heaven.com/">Design-Heaven</a> and <a href="http://www.work-killer.com/">Work-Killer</a>, where he regularly blogs. You will also find him on <a href="http://twitter.com/thomasjhardy">Twitter</a> and <a href="http://www.facebook.com/thomasjhardy">Facebook</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/resources/50-web-designers-and-developers-to-follow-on-twitter/feed</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>A Beginner&#8217;s Guide to Website Feedback</title>
		<link>http://webdesignledger.com/resources/a-beginners-guide-to-website-feedback</link>
		<comments>http://webdesignledger.com/resources/a-beginners-guide-to-website-feedback#comments</comments>
		<pubDate>Thu, 12 Aug 2010 04:56:51 +0000</pubDate>
		<dc:creator>agriffith</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=6336</guid>
		<description><![CDATA[The term “feedback” is coming close to finding itself in clichéd business word category (along with personal favorites “synergy” and “paradigm”). Even if for you the word itself isn’t necessarily something that you expect to see in a Dilbert cartoon, the thought of what feedback entails can be unpleasant. For many it conjures up visions [...]]]></description>
			<content:encoded><![CDATA[<p>The term “feedback” is coming close to finding itself in <a href="http://www.squidoo.com/businesscliches">clichéd business word category</a> (along with personal favorites “synergy” and “paradigm”). Even if for you the word itself isn’t necessarily something that you expect to see in a Dilbert cartoon, the thought of what feedback entails can be unpleasant. For many it conjures up visions of clueless coworkers asking you to add animated .gifs and flashing purple buttons to a page, or of a client submitting a list of 82 new items to create on their site even though you are on the ninth round of changes. If nothing else, getting feedback stinks because it’s more (usually boring) work for you, and let’s face it, you’d rather be <a href="http://www.google.com/pacman/">doing something else</a>.</p>
<p>  <span id="more-6336"></span></p>
<p>But you need <i>some</i> feedback. So, here’s the question: how can you keep from having to waste hours upon hours getting feedback from largely unhelpful sources, while still making sure that what you are creating actually makes sense, looks good, and doesn’t end your career? </p>
<p>Here are a few strategies for getting feedback as well as some tools that have been proven to help web designers simplify the feedback process:</p>
<h3>Community Driven Feedback</h3>
<p>Imagine walking into a big room of graphic and web design professionals (much like yourself). These folks are smart and on top of their respective games (again, much like yourself). Now imagine standing up in front of all of them, showing them your latest work, and then asking for feedback. While there is the potential to get some great input on what you’ve created, the whole process would likely be highly disorganized and nerve-wracking. Fortunately there are some tools that get pretty close to the benefits of standing up in front of a roomful of like-minded professionals, without any of the disorganization or (as much) potential humiliation.</p>
<p><a href="http://www.conceptfeedback.com/">Concept Feedback</a> is a web based community of graphic and web designers that give input on submissions of each other’s work. Anyone can join and post their own “concept” and get advice on how to improve their work from the user community through the site’s innovative rating tools (while in turn giving your own advice on other people’s work). In addition to getting feedback from the thousands of users on the site, you can also receive feedback from smaller panels of industry experts hand-selected by the Concept Feedback staff. Finally, the site also offers tools so that you can privately share and receive feedback from your clients and team.</p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/08/concept-feedback.jpg" alt="website feedback" /></p>
<p>One less comprehensive yet innovative take on community driven feedback is <a href="http://fivesecondtest.com/">Five Second Test</a>. It’s just like it sounds- users look at your site for five seconds and then report back on their first impressions of your work. While you aren’t going to get in-depth existential analysis of what you’ve created, you will be getting input akin to what actual site visitors will be thinking when they visit your site in the future.</p>
<p><strong>Alternate Tools:</strong> </p>
<ul>
<li><a href="http://usabilla.com/">Usabilla</a></li>
<li><a href="http://clixpy.com/">Clixpy</a></li>
<li><a href="http://www.clicktale.com">ClickTale</a></li>
<li><a href="http://www.crazyegg.com/">Crazy Egg</a></li>
<li><a href="http://userfly.com/">Userfly</a></li>
</ul>
<h3>In-Person User Testing</h3>
<p>While online community driven feedback is great for getting a whole lot of different input in a short amount of time, there are other methods that can help you get more detailed and personalized responses to your work. These methods are also helpful for getting feedback from people outside the web and graphic design world (people that, while clueless about the specifics of your field, are nonetheless buying the junk that your site is selling or logo is promoting, which in turn is providing you with the income you need to keep going to Comic-Con year after year). These methods are also good for getting the interweb proletariat to explain what they actually mean when they make statements like “I hate that logo” or “This page needs to be more, um, you know, snappy.”</p>
<p>In-person user testing is as simple as sitting someone down in front of a computer with you and having them browse your site or look at your designs. There aren’t any hard and fast rules for in-person testing, but it is very important that you have the right people doing this work: each tester should be selected and their opinions weighted based on how well they fit in to your target audience.  Another important thing to do with in-person testers is to ask questions. Getting testers to explain their criticisms will not only get you beyond simple yes/no responses, but their elaboration will probably let you know quickly whether or not to trust the user’s feedback.</p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/08/morae.jpg" alt="website feedback" /></p>
<p>One tool that can help you with in-person (or remote) user testing is screen recording software <a href="http://www.techsmith.com/morae.asp">Morae</a> from TechSmith. In addition to capturing all on-screen activity, Morae can also record audio and video of your tester while they browse. Screencasts and the accompanying audio are easily shared with co-workers or clients via YouTube, Quicktime, or Windows Media.</p>
<p><strong>Alternate Tools:</strong> </p>
<ul>
<li><a href="http://www.techsmith.com/camtasia.asp">Camtasia Studio</a></li>
<li><a href="http://www.telestream.net/screen-flow/overview.htm">ScreenFlow</a></li>
<li><a href="http://www.jingproject.com/">Jing</a></li>
<li><a href="http://silverbackapp.com/">Silverback</a></li>
</ul>
<h3>Remote User Testing</h3>
<p>If you don’t have the time to have testers sit down with you in person to give you feedback (or if your office happens to be your bedroom, complete with Green Lantern posters and seven month old Filet-o-Fish packages), remote user testing might be a better option. The principle is basically the same as in-person testing, and with the right screen sharing and recording software you can do your own testing with your own users. However, there are some great tools out there that can keep you from having to hunt down new testers and provide you with more useful info than you could obtain by yourself.</p>
<p><a href="http://www.usertesting.com/">UserTesting.com</a> provides you with screen and audio recordings of their testers interacting with your site. You can start seeing testing results in as little as one hour, and you can request users that meet your target demographics. The per-user testing cost isn’t cheap ($39 per user), but you get helpful, comprehensive feedback fast with no hassle on your part.</p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/08/user-testing.jpg" alt="website feedback" /></p>
<p>If you want to better understand how website users are seeing and comprehending your site, utilizing the eye tracking features of <a href="http://www.gazehawk.com/">GazeHawk</a> might be a good move. You simply provide GazeHawk with a URL and they use some fancy webcam trickery to track what test visitors are drawn to on your page. The result of the test is a heatmap that is easy to understand and would make <a href="http://www.youtube.com/watch?v=w-d8-t3W6Ac">Predator jealous</a>. This tool is especially helpful for landing pages. </p>
<p><strong>Alternate Tools:</strong></p>
<ul>
<li><a href="http://www.feedbackarmy.com/">Feedback Army</a></li>
<li><a href="http://www.ethnio.com/">Ethnio</a></li>
<li><a href="http://www.openhallway.com/">Open Hallway</a></li>
<li><a href="http://www.loop11.com/">Loop11</a></li>
</ul>
<h3>Polls and Surveys</h3>
<p>The nice thing about user testing is that you get a personal response quickly; you usually come away with some type of helpful information about your work, even if it is something simple. However, there is no replacement for hard data collected over an extended period of time. And even if polls and surveys and the cool charts and graphs they produce aren’t your thing, they are sure to impress clients and give weight to your brilliant suggestions.</p>
<p>While pop-ups that ask “Do you have time to tell us about your experience on this site?” translates for some people into “Can we ask you some boring questions for 5 minutes and give you nothing in return?”, there are indeed others that actually click “Yes” on those things. And believe it or not, they actually can provide some helpful information. Three providers of useful on-site polls and surveys are <a href="http://www.kissinsights.com/">KISSinsights</a>, <a href="http://www.kampyle.com/">Kampyle</a>, and <a href="http://polldaddy.com/">PollDaddy</a>. </p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/08/kiss-insights.jpg" alt="website feedback" /></p>
<p>In my experience I’ve found that the amount and quality of feedback from your site’s users improves if they can expect something in return. Try offering a 10% off coupon code or entry in a drawing for a gift card in exchange for a completed survey. Not only will you get larger amounts of better feedback, but you very well could increase sales or submissions of prospect contact info.</p>
<p><strong>Alternate Tools:</strong></p>
<ul>
<li><a href="http://www.surveymonkey.com/">SurveyMonkey</a></li>
<li><a href="http://www.4qsurvey.com/">4Q from iPerceptions</a></li>
<li><a href="http://www.foreseeresults.com/">ForeSee Results</a></li>
</ul>
<h3>Conclusion</h3>
<p>As frustrating, time consuming, and expensive as obtaining quality feedback can be, doing so should be a standard step in the design process for all web and graphic designers. All it takes is a couple of simple mistakes to derail a project for an important client.  A little time and money spent could very well save you embarrassment and angry clients. So what strategies and tools do you use for website feedback? Let us know in the comments!</p>
<h3>About the Author</h3>
<p><img src="http://www.gravatar.com/avatar/58bb56e62ff3440cd4bdae2e7c009535?s=80" alt="aaron" style="float: left; margin: 0px 10px 5px 0;" /><strong>Aaron Griffith</strong> is part of the Concept Feedback team, <a href="http://www.conceptfeedback.com/">a free website review</a> community for designers, developers and marketers. You can learn more at Concept Feedback or follow the team on Twitter.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/resources/a-beginners-guide-to-website-feedback/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to Promote Your Design Business on the Cheap</title>
		<link>http://webdesignledger.com/tips/how-to-promote-your-design-business-on-the-cheap</link>
		<comments>http://webdesignledger.com/tips/how-to-promote-your-design-business-on-the-cheap#comments</comments>
		<pubDate>Thu, 29 Jul 2010 04:35:03 +0000</pubDate>
		<dc:creator>jmoline</dc:creator>
				<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=6205</guid>
		<description><![CDATA[Ah &#8230; the life of a freelancer. It’s not enough that you’re creative and technically savvy. No, you have to be a clever businessperson as well. No matter how talented you are, when starting out you probably won’t get clients unless you pound the pavement for them. But you likely don’t have the time or [...]]]></description>
			<content:encoded><![CDATA[<p>Ah &#8230; the life of a freelancer. It’s not enough that you’re creative and technically savvy. No, you have to be a clever businessperson as well. No matter how talented you are, when starting out you probably won’t get clients unless you pound the pavement for them. But you likely don’t have the time or money to engage in any sophisticated advertising campaign. Fortunately, these days there are plenty of ways to market your business for little to no cash.<span id="more-6205"></span></p>
<h3>Twitter</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/07/promotion_2.jpg" alt="design business" /></p>
<p><a href="http://twitter.com/">Twitter</a> definitely has its haters – not everyone wants to hear you describe your lunch in 140 characters or fewer. But it’s a highly searchable tool that is free and takes moments to manage. Once you set up your account, search for your favorite designers and studios as well as friends, businesses you frequent and companies you’d like to hire you. This alerts potential customers to your existence – they might in turn follow you and seek you out for future jobs. Tweet your blog, news about your business, a fun project you’re working on, artwork you find inspirational, a handy tutorial – keep your tweets short and informal. Twitter is not the place for heavy copywriting, though it IS a great place to offer exclusive deals.</p>
<h3>Facebook</h3>
<p>Unlike Friendster and MySpace, <a href="http://www.facebook.com/">Facebook</a> hasn’t shown signs that it’s going away anytime soon. Therefore, like Twitter, it’s another <a href="http://blog.psprint.com/printing/printing123/promote-your-graphic-design-business-with-social-networking/">social-networking tool</a> that is easy and free. Be sure you set up a business page and not a profile – Facebook can be strict with noncompliance and take down profiles that do too much promoting if they’re not billed as businesses. Include all your contact information as well as upload photos of your office space, your logo and select works. You can add tabs to the top of your page. For example, you might want to add one for your works in progress or portfolio pieces. With NetworkedBlogs you can link your blog to your Facebook page so that it automatically appears on your page and in your followers’ news feeds. Encourage comments by asking questions – as with Twitter, be conversational, not stiff.</p>
<h3>Foursquare and Gowalla</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/07/promotion_1.jpg" alt="design business" /></p>
<p>These are location-based social-networking games that allow players to “check in” with their phones at businesses, public places and homes. Check in enough places, and users earn “badges” and other items. So where does the marketing step in? Businesses can opt to offer incentives to players when they check in. For example, Chili’s offers free chips and salsa to people who check in on <a href="http://foursquare.com/">Foursquare</a>, and Best Buy hosted a contest encouraging folks to check in on <a href="http://gowalla.com/">Gowalla</a> to have a chance of getting a free Eye-Fi wireless memory card. With location-based social networking, you can participate on both sides – make yourself seen by checking in places as well as offer your own rewards. </p>
<h3>Yelp</h3>
<p><a href="http://www.yelp.com/">Yelp</a> certainly has its <a href="http://www.myfoxny.com/dpp/good_day_ny/yelp-extortion-lawsuit-passport-prices-rise-20100706">detractors</a>, but whatever your opinion of the site, it pays to at least monitor your business profile. Look yourself up regularly to be sure your contact info is correct and a link back to your site works. Most important, read the reviews posted about you. Tweet the good reviews and perhaps ask those people if they’d like to contribute a testimonial for your website. Respond to negative reviews to see if you can make things right. Remember that for a lot of people, Yelp is the new Yellow Pages, and your business profile might be the first impression a potential customer gets. </p>
<h3>Postcards</h3>
<p><a href="http://www.beastpieces.com"><img src="http://webdesignledger.com/wp-content/uploads/2010/07/promotion_3.jpg" alt="design business" /></a></p>
<p>Sometimes it pays to get back to basics – not all promotions need to be web-based. A postcard was and still is a multiuse marketing tool. Design a postcard with one or a few of your best works on one side and your contact information on the other. A batch of hundreds can often be printed cheaply. Then ask to leave the postcards at businesses such as cafes, bars, clubs and gyms. Your eye-catching design should attract new customers, whether they contact you immediately or come across your postcard they’re now using as a bookmark. If anything, a postcard gets your name out there, and recognition is a key to advertising.</p>
<h3>Conclusion</h3>
<p>Let’s face it – for freelancers the trade-off for freedom from a 9-to-5 cubicle job is a sometimes unsteady paycheck. There just isn’t a lot of extra time or money for advertising. But with the Internet comes great opportunity – the chance to take a risk with different types of marketing. If one campaign doesn’t work, try another. You’re a creative pro, so why not exercise that creativity with unique promotions?</p>
<h4>About the Author</h4>
<p><strong>Jennifer Moline</strong> writes about freelancing, small business and design for the <a href="http://blog.psprint.com/">PsPrint Blog</a>. Follow online printer <a href="http://www.psprint.com/">PsPrint</a> on <a href="http://twitter.com/PsPrint">Twitter</a> and <a href="http://www.facebook.com/psprint">Facebook</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/how-to-promote-your-design-business-on-the-cheap/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>A Beginner’s Guide To Website Copywriting</title>
		<link>http://webdesignledger.com/tips/a-beginner%e2%80%99s-guide-to-website-copywriting</link>
		<comments>http://webdesignledger.com/tips/a-beginner%e2%80%99s-guide-to-website-copywriting#comments</comments>
		<pubDate>Tue, 20 Jul 2010 11:38:17 +0000</pubDate>
		<dc:creator>sjacobs</dc:creator>
				<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=6103</guid>
		<description><![CDATA[When writing for the Web, writers should always keep one analogy in mind: the Internet is a jungle and Web users are information foragers within it. Usability expert Jakob Nielsen championed this comparison based on his studies that found that the majority of Internet users only scan websites in their quest to find useful information [...]]]></description>
			<content:encoded><![CDATA[<p>When writing for the Web, writers should always keep one analogy in mind: the Internet is a jungle and Web users are information foragers within it. Usability expert Jakob Nielsen championed <a href="http://www.useit.com/papers/webwriting/writing.html">this comparison</a> based on his studies that found that the majority of Internet users only scan websites in their quest to find useful information as quick as possible. According to Nielsen, the success of website writing depends primarily on conciseness, scan-ability and objectivity. But these aren’t the only guidelines to follow to make your writing successful on the web.<span id="more-6103"></span></p>
<h3>Clear and Concise</h3>
<p>Because the majority of Internet users scan websites for the information they are looking for, good website writing must be clear and concise. A good general rule of thumb is that the word count for websites should be half that of traditional writing. You want visitors to be able to locate the gist of each paragraph as quickly as possible. Flowery language and complex sentences have no place on the web.</p>
<h3>Divide into Chunks</h3>
<p>Good web copywriting isn’t only about the number of words on a site. Organization is just as important. Break your text into chunks that are easily digestible for readers who are glancing through your page. Divide these chunks up with clear subheads that tell the reader what the next paragraph is about. Readers can then quickly decide whether your site is right for them without even having to read any of the “finer print.” Bulleted lists are a great way to provide the most important information in a quick and easily understandable format.</p>
<p>It is also important to understand how your website looks in each different browsers and with different screen sizes so that you know what visitors see when they come to your site. Know how much of your home page is seen before having to scroll down, and make sure that the most important and eye-catching information is placed at the top of the page before the scroll. </p>
<h3>How to Draw Readers In</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/07/copywriting_2.jpg" alt="copywriting" /></p>
<p>Often, website homepages are organized so that users can click on several options that will take them to another page of the site. Whether or not users click on a particular item usually depends on the attention-getting ability of three things: headlines, <a href="http://mediacareers.about.com/od/glossary/g/dek.htm">deks</a> and accompanying photos or multimedia.</p>
<p>Magazines and newspapers rely on their headlines to attract newsstand buyers, and website copywriters should think of their headlines in a similar way. Headlines and deks on the homepage are the only chance a writer has to “sell” that story to a visitor, so they should be simple, clear and attractive to readers. Headlines should emphasize verbs that connote action, something that will inform or entertain readers. But they also must reflect what the article is about. There is nothing more aggravating for an Internet reader than clicking on a link expecting to get one type of information and finding something different. </p>
<h3>Who, What, Where, When, Why</h3>
<p>Once users have clicked on an article, Website writers should follow the inverted pyramid style of newspaper writing. This style means that the most important information in the article is presented first, then expanded upon throughout the rest of the article. In other words, the “who,” “what,” “when,” “where,” “why” need to be answered first. The “how” will make up the rest of the article. Another reason to use the inverted pyramid style is because the majority of readers will not click to the second page of an article. Place the most important information to readers before the page break.  </p>
<h3>SEO</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/07/copywriting_1.jpg" alt="seo" /></p>
<p>The 90s are over and search engine algorithms have evolved. Keyword stuffing is no longer necessary, but SEO literacy is just as important as ever. Consider the keywords most relevant to your page, and think of ways to include them in the title and body of your article. Today’s web copywriter will use applications such as <a href="https://adwords.google.com/select/KeywordToolExternal">Google’s Keyword Tool</a> to add a scientific dimension to their intuition.  </p>
<h3>Hyperlinking</h3>
<p>Web writers should understand the function of hyperlinking. Hyperlinks provide attribution and more information to readers without bogging them down. For example, if you mention a specific fact, but you don’t want to explain the details, simply link to another article that explains that fact. Either highlight one specific word, which will clue readers in about what information that link will provide, or write something like “for more information see this study,” and link on the word study. Make sure that you set the link to open in a new tab or window so the reader will be able to get back to your website easier. Otherwise, readers will be whisked away to another site and may forget they ever began on one of your pages.</p>
<p>Another reason to hyperlink is for attribution. If you are quoting another source or lifting an idea from another writer, it is best to provide the reader with that information. Then if the reader is more interested in a particular point you mention, they can find more sources about it. Sites that hyperlink to other well-written and helpful sources will become invaluable for readers, and they will return to your site if they know you will provide more sources and information they can use at their own discretion. </p>
<h3>Style</h3>
<p>Style will make your website stand out while drawing readers in. For most websites, an informal yet lively voice is the best, helping you achieve simplicity and easy readability. Internet readers prefer sites that are written in a conversational and informal style.</p>
<p>Make sure you write in <a href="http://www.towson.edu/ows/activepass.htm">active rather than passive voice</a>. Active voice will also force you to be concise.</p>
<h3>Use of Multimedia</h3>
<p>Finally, remember that the appeal of the internet is its ability to mix all forms of information and entertainment. Use photos, graphics, videos and flash to grab readers’ attentions. You don’t want to distract the reader by relying on these things too heavily, but make sure you are always thinking about how to best illustrate your text with multimedia.</p>
<h3>About the Author</h3>
<p><strong>Sally Jacobs</strong> is a <a href="http://coopermurphywebb.com/">web copywriter</a> at Cooper Murphy Webb, the <a href="http://coopermurphywebb.com/">website copywriting agency</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/a-beginner%e2%80%99s-guide-to-website-copywriting/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>How to Get More Web Design Sales by Painting Your Nose Red</title>
		<link>http://webdesignledger.com/tips/how-to-get-more-web-design-sales-by-painting-your-nose-red</link>
		<comments>http://webdesignledger.com/tips/how-to-get-more-web-design-sales-by-painting-your-nose-red#comments</comments>
		<pubDate>Tue, 27 Apr 2010 11:48:33 +0000</pubDate>
		<dc:creator>jfoster</dc:creator>
				<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4934</guid>
		<description><![CDATA[Walk into the next prospect meeting with your nose painted red and you are sure to attract a lot of attention. And why wouldn’t you? How many web designers do you think the prospect will consider that have red noses? Chances are – only one. You will certainly be memorable when its time to decide [...]]]></description>
			<content:encoded><![CDATA[<p>Walk into the next prospect meeting with your nose painted red and you are sure to attract a lot of attention. And why wouldn’t you? How many web designers do you think the prospect will consider that have red noses? Chances are – only one. You will certainly be memorable when its time to decide who wins the project. Ah, but painting your nose red is probably not practical, and it would have no impact on the prospect at all if the interview takes place online. So, the question is: how can you stand out from the crowd of website designers who are competing against you?<span id="more-4934"></span></p>
<p>Answer: <strong>Be different</strong>.</p>
<p>Face it &#8211; there are plenty of talented designers out there. Allowing for the fact that you are one of them, the only differentiating factor you may have is the random chance that one particular item in your portfolio will cause the prospect to think: “YES! That’s exactly the kind of design I’m looking for. I must have this person working on my project.” Alas, eureka moments like that do not happen very often. Most times the prospect will select someone whose work is attractive and offers the fairest, not necessarily the lowest, price.</p>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/nose_red_1.jpg" alt="web design" /></p>
<p>Here’s where that red nose comes in. What if there were magic words you could put into your proposal that were so different, so far beyond what any other designer proposed, the prospect was almost hypnotically drawn to you as if you had a red nose? Wouldn’t that be special? There are magic words. Most designers don’t use them. You should. “I can help you increase conversions.”</p>
<p>Conversion is what every business web site is all about – turning browsers into buyers. The organization works hard to attract visitors with the hopes that a great number of them will convert to buyers, members, subscribers, or whatever the action is the site owner wants a visitor to take. And when you use the phrase “increase conversions”, you just showed up with a red nose.</p>
<p>Many designers put all of their effort into selling how attractive their work is and how “one picture is worth a thousand words.” Maybe that’s true, but you can bet that in addition to your lovely pictures, your prospect’s web site is going to have words. And links and offers. After all, that’s what business web sites are all about. So what you need to do, if you want to be different, is to convince your prospect that you understand how website design works hand-in-hand with copywriting, click stream, and all of the humans psychological triggers that have to be activated in order to reach that Holy Grail known as conversion.</p>
<p>Here is what you else should say to make your proposal zing.</p>
<ul>
<li>I design with usability in mind. A visitor should never be left wondering what to do next. High conversion rates require a clearly defined and intuitive funnel that leads the visitor from where they are to where you want them to go. </li>
<li>I optimize for a minimum number of clicks to arrive at that destination, and provide breadcrumbs or other clear indications of the path for the user to follow.</li>
<li> I integrate my design with your web copy so the visual and written elements work together to lead the visitor to the ultimate destination.</li>
<li>I ensure that each page delivers the information a user would expect to find there. If I notice inconsistencies between the content on a page and the presumed purpose of the page, I bring those inconsistencies to your attention so you can decide what action should be taken to address the issue.</li>
<li> I avoid delivering “eye candy” graphical elements that deliver no value and do nothing to generate trust in your brand and contribute to increasing conversions. Your website will look pretty and deliver results.</li>
<li>I realize that the purpose of website design is to contribute to the conversion process and not to showcase my leading-edge design skills for ego gratification.</li>
<li>I design and place graphical elements with the goal of highlighting and calling attention to product or service features that are an important part of your offering.</li>
<li> I recognize that not all of your visitors will have 20-20 vision, so I choose font sizes and typefaces that are the most likely to be easily seen by visitors of all age group and with a variety of different eyesight issues.</li>
<li>I incorporate W3C disability design standards into the sites I create or the specific standards required by the laws of the country your web site operates in. This ensures legal compliance and a wider potential audience.</li>
<li>I understand the concepts of Search Engine Optimization and keep those concepts top of mind when I design a web site. If I observe any inherent SEO issues with your site, including copy-related issues, and I will bring them to your attention so they can be addressed.</li>
<li>I believe in teamwork. That’s why I check my ego at the door when I’m working on a project. I realize that your copywriters, SEO consultants, marketing staff and me are all “partners” who need to work together seamlessly in order to deliver a web site that raises your company’s visibility and meets your conversion goals.</li>
</ul>
<p>Now you don’t have to use these words. Use whatever words work best for you. But do cover these topics either formally or informally. I guarantee that if you do, your proposal is going to be the one that stands out most in the prospect’s mind when it’s time for them to choose their designer.</p>
<p>And the best part is, you won’t have to change the color of your nose at all.</p>
<h3>About the Author</h3>
<p><strong>Jeff Foster</strong> is a co-founder of WebBizIdeas, a <a href="http://www.webbizideas.com/">corporate web design company</a> specializing in <a href="http://www.webbizideas.com/services/internet-consulting.html">internet consultancy</a> and <a href="http://www.webbizideas.com/services/web-design/social-networking.html">social networking development</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/how-to-get-more-web-design-sales-by-painting-your-nose-red/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>How to Find Local Clients for Your Freelance Business</title>
		<link>http://webdesignledger.com/tips/how-to-find-local-clients-for-your-freelance-business</link>
		<comments>http://webdesignledger.com/tips/how-to-find-local-clients-for-your-freelance-business#comments</comments>
		<pubDate>Wed, 07 Apr 2010 11:50:35 +0000</pubDate>
		<dc:creator>snoak</dc:creator>
				<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4602</guid>
		<description><![CDATA[Finding clients is one of the toughest things for most small businesses. Many people are looking for projects online these days with the widespread use of Twitter, Facebook, and other social media sites that allow you to connect and chat about business opportunities. These are great ways to find new business across the country and [...]]]></description>
			<content:encoded><![CDATA[<p>Finding clients is one of the toughest things for most small businesses. Many people are looking for projects online these days with the widespread use of Twitter, Facebook, and other social media sites that allow you to connect and chat about business opportunities. These are great ways to find new business across the country and even in different countries, however finding business locally is equally important. Staying local is becoming a big thing today with &#8220;being green&#8221; becoming increasingly popular. <span id="more-4602"></span> </p>
<h3>Reasons for clients (and you!) to spend locally</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/shopping.jpg" alt="local clients" /></p>
<p>Spending money locally helps build your own community. If you spend your money locally, your tax dollars stay there, helping to fund schools and road construction. When a local client commissions me to do a project and then I buy something from a store down the street, our money circles through the community, boosting everyone&#8217;s business. We&#8217;re all helping each other by spending locally. </p>
<h3>Networking in your community</h3>
<p><img style="border:none;" src="http://webdesignledger.com/wp-content/uploads/2010/04/hello.jpg" alt="local clients" /></p>
<p>There are tons of ways to network within your community. Large metropolitan cities offer more options but you can certainly find other businesses to network with anywhere. Search online for small business groups, they provide an excellent avenue for quick leads. As a designer, tons of startups and new businesses need our help right away. They need a logo, business cards and a website to get off the ground. Even after they have been in business for a while they may need help marketing their services or a website redesign because they went the cheap route in the beginning. Even if these business don&#8217;t need your services, if you make a good impression they may refer you to someone that does need a designer. Meetup.com has lots of small business groups that meet and trade business resources and opportunities, and can be found in tons of cities. </p>
<h3>Getting your name out there</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/microphone.jpg" alt="local clients" /></p>
<p>Tons of people are looking for quality businesses to work with and a growing number of people are looking for design work, especially websites. Spreading the word that you have a great business that creates high quality work is the key! Hold a booth at local shows, conferences and expos, it&#8217;s a great way to spread the word to a large group of people in a short amount of time. People at these types of events are looking for businesses to work with, so you&#8217;re hitting a good target audience of people that are focused and ready to do business. You can hand out flyers and business cards as well as talk to people directly about the services you offer. A less direct method that spreads the word to a number of people is to set up a fishbowl at a local restaurant or coffeeshop. Ask people to leave a business card  in the bowl and then draw a winner at the end of the month, giving away a free dinner or some movie tickets. Also leave your information with the fishbowl, so people can see who sponsored the giveaway. </p>
<h3>Show your expertise</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/auditorium.jpg" alt="local clients" /></p>
<p>A great way to market yourself and find business is to establish yourself as an expert in the field. You could teach a class at a community college or be a guest speaker at an event. College classes and community groups are always on the lookout for knowledgeable people to come in and do guest lectures on marketing, advertising, and other business-related topics. You could also set up a workshop for people to learn from you. You could teach people how to use Photoshop, the basics of html, or any topic that would be relevant to a group of people in the community. Business may not come directly from the workshop, but it will get your name out there and show that you&#8217;re a knowledgeable business person worthy of a referral down the line. </p>
<h3>Directly solicit business</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/phone.jpg" alt="local clients" /></p>
<p>Cold calls and emails are usually not the most fun way to get business but it&#8217;s a great way to target specific people. If you have a niche that you work with, like restaurants, get a list of all the restaurants in your area and call them, asking if they are in need of a new website. Be sure to look at their website before you call and find something new that you could offer them. Maybe you offer a content management system, which makes it really easy for clients to update and maintain their own content. Or maybe they have a small site with hardly any content, tell them you could assist them with a new search engine friendly design and some SEO advice. Make sure they understand what it is you offer, and how spending the money with you will benefit them. </p>
<h3>Be on the lookout for business opportunities</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/04/binoculars.jpg" alt="local clients" /></p>
<p>I love collecting business cards and I have a large stack at home of good and bad cards that I&#8217;ve collected over the years. So I&#8217;m always on the lookout for a business card when I walk into a new business. If I don&#8217;t see a business card or their cards are less than stellar, I offer to leave my card with some kind words (it&#8217;s very important to not insult them here!) about how I could help with any design services they need. Be sure to have a great 10 second pitch ready about what you do, but don&#8217;t insist that they call you. They&#8217;ll contact you if they&#8217;re ready. </p>
<p>There are so many ways to find business locally and network with people in your community. You just need to get your name out there and find avenues available in your town. Marketing your business creatively and effectively is the key to succeeding as a small business, and helping to build your community is an important step for anyone.</p>
<h3>About the Author</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/02/noak.jpg" alt="" width="80" height="80" class="alignleft " style="float: left; margin: 0px 10px 5px 0;"/><strong>Shannon Noack</strong> is a designer in Arizona and the Creative Director of <strong><a href="http://www.snoackstudios.com">Snoack Studios</a></strong>. Designing is her passion in life and she loves to create websites, logos, print work, you name it. She also blogs regularly <strong><a href="http://blog.snoackstudios.com">here</a></strong> and you can connect with her on <strong><a href="http://www.twitter.com/snoackstudios">Twitter</a></strong> as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/how-to-find-local-clients-for-your-freelance-business/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Personal Branding for Web Designers</title>
		<link>http://webdesignledger.com/tips/personal-branding-for-web-designers</link>
		<comments>http://webdesignledger.com/tips/personal-branding-for-web-designers#comments</comments>
		<pubDate>Thu, 25 Mar 2010 13:10:10 +0000</pubDate>
		<dc:creator>dkestens</dc:creator>
				<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4415</guid>
		<description><![CDATA[“It doesn’t matter how good you are. What matters is how good you are at showing it!” This statement represents the ABCs of personal branding, self marketing or whatever you prefer to name it. As a designer, you are so fortunate that your work is pure creativity. As a result, your self- branding strategies should [...]]]></description>
			<content:encoded><![CDATA[<p>“It doesn’t matter how good you are. What matters is how good you are at showing it!” This statement represents the ABCs of personal branding, self marketing or whatever you prefer to name it. As a designer, you are so fortunate that your work is pure creativity. As a result, your self- branding strategies should be equally creative. Let’s discuss some of them. <span id="more-4415"></span></p>
<h3>Your Name Says it All…</h3>
<p>Most of, if not all, renowned graphic designers use their own name to shine and create a lasting personal brand. Rather than having a website named “CeativeDesignServices”, how about giving it the most important name in your life: your own! Soon enough, your name will be equally important to your niche market after you deliver quality work. </p>
<h3>Why AUTHENTIC Branding is the Way to Go… </h3>
<p>Out of all the marketing jargon I came across, “authentic branding” struck me the most. When I say authentic, I mean that you need to honor the essence of how you really are and embrace it. As a result, your artwork will reflect your personality, character, values, ambitions, vision, you name it. While in some fields people could get away with false pretends, that’s impossible to achieve in graphic design in particular. You simply can NOT ”fake” creativity or tailor it to become something else. It’s a clever idea to focus your branding on at most 3 values based on your core personality definitions. You might ask me: what if my authentic branding is not appealing to my niche market? I would say: you chose he wrong niche. Change it! </p>
<h3>Too much too soon versus slowly but surely…</h3>
<p>Quite often some designers, especially beginners, fall into the trap of taking on too many projects, hoping to create a rich and versatile profile as quickly as possible. That’s a HUGE mistakes because you will be scattering your energy and out of the pressure of meeting endless near-future deadlines, you’ll end-up producing “so and so” work. One of the obvious shortcomings of such approach is that your existing clients will be unhappy and yes you will build a big “so and so” portfolio in 2 months! How effective is that?! What if, instead, you FOCUSED on two projects and did an outstanding job on them? Yes, you will take longer to build a portfolio, but you will be creating it slowly but surely and it’ll standout eventually. Even better, your satisfied customers will not only use your service again but will gladly do some marketing on your behalf and refer others to you.  Sweet! </p>
<h3>CONSISTENCY is a keyword…</h3>
<p>In order to stand on the front lines of the fierce web design war, you must establish yourself as a passionate designer who consistently delivers quality work. In other words, you must continually produce great work that&#8217;s linked to your name. Don’t ever compromise quality under any circumstances. If your work value starts dropping, so will your name alongside your brand! Moreover, you need to be consistent in establishing your personal brand. For example, I always use the same avatar and main website picture so that the public will connect that picture of myself to my brand. I might change my logo zillion times along the way but my picture will never change. (Unless I get hit by a truck and 6 surgeons have extensively remodeled my face) </p>
<h3>When it comes to visibility, work smart not hard!</h3>
<p>Here are some intelligent ideas to get your name out there and create massive visibility easily and effortlessly:</p>
<ul>
<li>Start guest posting on high-traffic blogs about web design</li>
<li>Establish yourself as an expert in your field by blog-commenting on relevant posts. (CSS3, jQuery, Photoshop or even MS Paint)</li>
<li>Introduce yourself to other people in your niche. Get yourself out there and get to know the big players around. It wouldn’t hurt to make a few phone calls would it?</li>
<li>Learn how to become recognizable and increase your added value by taking advantage of popular social websites in order to spread the word about your brand and expand your network</li>
<li>Build your personal equity while offering meaningful contribution to your community. For example, you could volunteer to give free tutorials or give some design work for free to an organization that you support. Even better, do the same for an organization that your niche is likely to support</li>
<li>How about some offline presence as well? Face-to-face communication is very powerful. Make it a habit to attend relevant media events and try out some public speaking. Public speaking is very effective in creating the “expert” image</li>
</ul>
<p>What do you think? I can’t wait to read your comments. Good luck!</p>
<h3>About the Author</h3>
<p><img src="http://www.gravatar.com/avatar/bd77c7893624c01fc9adcf759fa0d893?s=80&#038;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&#038;r=G" alt="Davy Kestens"  class="alignleft " style="float: left; margin: 0px 10px 5px 0;" /><strong>Davy Kestens</strong> is a motivated young lunatic from Belgium with a highly entrepreneurial vision on his life. Currently working as a freelance creative director and continuously starting up online projects when he&#8217;s not out trying to take over the world. His latest published tool for world domination is <a href="http://www.runaddicts.net" title="Run Addicts">RunAddicts.net</a> &#8211; A professional blog about running. Want to keep up with him? Go ahead and visit his <a href="http://www.davykestens.be/" title="Davy Kestens">website</a>. You can also <a href="www.twitter.com/davykestens">follow him on twitter</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/personal-branding-for-web-designers/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Top 8 Dreaded Favors Asked of Web Designers</title>
		<link>http://webdesignledger.com/tips/top-8-dreaded-favors-asked-of-web-designers</link>
		<comments>http://webdesignledger.com/tips/top-8-dreaded-favors-asked-of-web-designers#comments</comments>
		<pubDate>Tue, 09 Mar 2010 06:30:02 +0000</pubDate>
		<dc:creator>jkthomas</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[principles]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=4148</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&#8217;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&#8217;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&#8217;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 id="more-4148"></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&#8217;ll call the offending party &#8220;Dude.&#8221;</p>
<h3>1. &#8220;Hey, can you take a look at my site and tell me what you think?&#8221;</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&#8217;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/" target="_blank"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_2.jpg" border="0"> </a></p>
<h3>2. &#8220;Um, would you mind designing my site&#8230; for free?&#8221;</h3>
<p>It&#8217;s shocking how many people feel truly entitled to a free web design. If you&#8217;ve ever had the pleasure of introducing yourself as a web designer, you may notice the wheels instantly starting to turn in your acquaintance&#8217;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: &#8220;Once I get some visitors, I&#8217;ll direct them to your services&#8221; (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&#8217;ll reap is psychological.</p>
<h3>3. &#8220;Can you help me design my site to look like ______?&#8221;</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&#8217;re on the same page. Then comes, &#8220;I&#8217;d like my site to look just like Avatar. You know, all 3D and stuff.&#8221; Once you realize that Dude is serious, another realization also sinks in. If you take on this &#8220;consulting&#8221; project, all of your time and energy will be engulfed by this vortex, <i>and</i> you won&#8217;t be getting paid for your trouble. What&#8217;s the solution? Direct Dude to Yahoo! Answers? No, he&#8217;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/" target="_blank"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_1.jpg" border="0"> </a></p>
<h3>4. &#8220;I think I have a virus.&#8221;</h3>
<p>No one likes to hear these words, and if someone&#8217;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&#8217;s hope). This your client&#8217;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. &#8220;Let me help you with any of your extra work.&#8221;</h3>
<p>This favor comes in the form of a donated favor. In other words, Dude is suggesting that he&#8217;s doing you a favor, when he&#8217;s actually just trying to get paid. One morning you open your email box, and there&#8217;s an email from some dude you&#8217;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&#8217;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. &#8220;So, it&#8217;s been a minute&#8230; How much longer is it going to take?&#8221;</h3>
<p>Just when you&#8217;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, &#8220;Hey, so, um&#8230; when&#8217;s the project going to be finished?&#8221; You reply back, &#8220;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.&#8221; To this, Dude replies, &#8220;I didn&#8217;t think it was going to take this long, maybe I should just get this <i>professionally</i> done.&#8221; Oh, that&#8217;s a killer. First of all, Dude has no consideration for the amount of time you&#8217;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&#8217;s still on board, he&#8217;ll be happy if you finish it sooner than expected.</p>
<h3>7. &#8220;Can I use your server until I get my own hosting?&#8221;</h3>
<p>What&#8217;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&#8217;ll forget about his site. A year later, you&#8217;ll remind him, &#8220;Hey Dude, you know you still have your stuff on my server? I&#8217;m moving to another server, so is it alright if I get rid of it? You have a back up, right?&#8221; Dude will do one of two things: he&#8217;ll respond with indignant anger, upset that you&#8217;re rushing him to get his act together or he&#8217;ll pretend to be okay with it, all the while, holding a grudge.</p>
<p><strong>Lesson learned:</strong> Friends don&#8217;t let friends use their servers.</p>
<p><a href="http://www.flickr.com/photos/amymctigue/3161095736/" target="_blank"> <img src="http://webdesignledger.com/wp-content/uploads/2010/03/favors_3.jpg" border="0"> </a></p>
<h3>8. &#8220;Hey, I volunteered you to re-do my co-worker&#8217;s step-daughter&#8217;s wedding album.&#8221;</h3>
<p>You can replace this with any task in which your mom volunteers your services for free. It&#8217;s always lovely to deal with someone who&#8217;s happy to accept your honest labor for free, because we all know they won&#8217;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><strong>Lesson learned:</strong> Grin and bear it? There&#8217;s no real way to avoid this nightmare.</p>
<p>What are some of the most annoying favors your friends and family have asked from you?</p>
<h3>About the Author</h3>
<p><img src="http://www.gravatar.com/avatar/ed40ee9a48e1dc0f8e42b94a566fe302?s=70" alt="Jacqueline"  class="alignleft " style="float: left; margin: 0px 10px 5px 0;" />Jacqueline is an artist and a writer who spends an inordinate amount of time playing Super Nintendo and watching Star Trek. You can find out more about Jacqueline on her <a href="http://www.pearlofafrika.com/">website</a>, and follow her updates on <a href="http://twitter.com/pearlofafrika">Twitter</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/top-8-dreaded-favors-asked-of-web-designers/feed</wfw:commentRss>
		<slash:comments>134</slash:comments>
		</item>
		<item>
		<title>The Most Common HTML and CSS Mistakes to Avoid</title>
		<link>http://webdesignledger.com/tips/the-most-common-html-and-css-mistakes-to-avoid</link>
		<comments>http://webdesignledger.com/tips/the-most-common-html-and-css-mistakes-to-avoid#comments</comments>
		<pubDate>Tue, 16 Feb 2010 05:27:46 +0000</pubDate>
		<dc:creator>snoak</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=3746</guid>
		<description><![CDATA[Beginners through advanced coders make mistakes in their HTML and CSS files, either through carelessness or lack of experience. Clean code is very important though and will help further your skills as a developer, as well as save you time in editing later on! It never hurts to review if you&#8217;re a skilled developer, many [...]]]></description>
			<content:encoded><![CDATA[<p>Beginners through advanced coders make mistakes in their HTML and <a href="http://webdesignledger.com/tag/css">CSS</a> files, either through carelessness or lack of experience. <a href="http://webdesignledger.com/tools/20-tools-for-quick-and-clean-code-development">Clean code</a> is very important though and will help further your skills as a developer, as well as save you time in editing later on! It never hurts to review if you&#8217;re a skilled developer, many mistakes are caused by going too quickly and not practicing good coding skills from the beginning. Here&#8217;s a helpful list of common mistakes and missteps that I&#8217;ve encountered through my own work, as well as working with others.<span id="more-3746"></span></p>
<h2>HTML Mistakes</h2>
<h3>Forgetting to Close a Tag</h3>
<p>This is very common, especially in beginners. Several tags require closing tags such as divs, strong tags, and links to name a few. Other tags require a closing slash to end the line such as an img tag.</p>
<pre>
<code>&lt;div&gt;Text inside the div.&lt;/div&gt;</code>
</pre>
<pre>
<code>&lt;img src="images/imagename.jpg" /&gt;</code>
</pre>
<h3>Incorrect DOCTYPE</h3>
<p>HTML requires that you start out the document with the <a href="http://www.w3schools.com/tags/tag_DOCTYPE.asp">correct DOCTYPE declaration</a>. It needs to be before anything else in the code, starting the document by declaring what type of HTML you&#8217;re using. Here&#8217;s the DOCTYPE for XHTML 1.0 Transitional.</p>
<pre>
<code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</code>
</pre>
<h3>Improperly nesting tags</h3>
<p>It&#8217;s very important to open and close tags in the proper order. Once something (for example a div) has opened, it must close before anything above it can close. The following is incorrect.</p>
<pre>
<code>&lt;div&gt;&lt;strong&gt;text&lt;/div&gt;&lt;/strong&gt;</code>
</pre>
<h3>Capitalizing tags</h3>
<p>This is just considered bad practice, but won&#8217;t result in your code not being validated. You should always use lowercase for tags like divs, links, and images. The following is incorrect. </p>
<pre>
<code>&lt;DIV&gt;&lt;/DIV&gt;</code>
</pre>
<h3>Forgetting to open or close quotes</h3>
<p>I&#8217;ve seen this a lot in beginners and will result in broken code and things not functioning properly. HTML requires double quotes that open and close correctly. Here&#8217;s an example of correct usage.</p>
<pre>
<code>&lt;img src="images/headerimage.jpg" /&gt;</code>
</pre>
<h3>Using Inline Styles</h3>
<p>This is another one that is considered bad practice. Inline styles do work but will result in headaches later on! Items should be styled globally through an external stylesheet. It will be much easier to edit and add styles to in the future. An example of inline styles:</p>
<pre>
<code>&lt;a href="link.html" style="color: #000; text-decoration: none;"&gt;link name&lt;/a&gt;</code>
</pre>
<h3>Not Encoding Special Characters</h3>
<p>Characters like &#8220;&copy;&#8221; and &#8220;&amp;&#8221; should be shown with the proper HTML code for the character. <a href="http://rabbit.eng.miami.edu/info/htmlchars.html">Here&#8217;s a great list of characters</a> and their HTML counterparts that you should use.</p>
<h3>Confusing Classes and Ids</h3>
<p>Classes are for items that are used more than once on one page. This can be a link style that you&#8217;ll call in multiple times on one page but doesn&#8217;t follow the global link styling. Ids are items that are called in just once, like the header div. Classes and ids are often overused and used in unnecessary places as well. Stick to the minimum amount of classifications that you need.</p>
<h2>CSS</h2>
<h3>Forgetting to Close Things Properly</h3>
<p>Each div or item called in starts with the opening curly bracket and ends with the closing curly bracket. Each style called in needs to end with a semicolon. The last declaration within an item doesn&#8217;t need a semicolon, but it&#8217;s best to use it in case you plan on adding more items later on, you may forget to add it back in. An example of proper use:
</p>
<pre>
<code>#divname {
width: 40px;
height: 30px;
}</code>
</pre>
<p>Condensing your stylesheet and putting all declarations for a div on one line is up for debate. I prefer to put each declaration on its own line, I think it&#8217;s easier to edit that way, but some may say that it just produces longer code.</p>
<h3>Not Using Global Styles</h3>
<p>Many things should be styled globally like paragraph and heading styles for text as well as link styles. This will reduce the risk of mistakes and will also cut down on the amount of code in your stylesheet.</p>
<h3>Not Using Unique Names for Ids and Classes</h3>
<p>It&#8217;s very important to choose names that are unique so that it&#8217;s easy to edit later on, and easy to identify in your stylesheet. Name your divs specific things like #home-left-column which is better than just #left.</p>
<h3>Not Using Shorthand Code</h3>
<p>Shorthand code is another way to condense your stylesheet, which is helpful for speeding up user load times as well as finding things when you&#8217;re editing later on. Instead of calling in padding-top, -left, -bottom, and -right you can just use:</p>
<pre>
<code>padding: 5px 10px 0 10px;</code>
</pre>
<p>Shorthand code can be used for many declarations including: padding, margin, border, and font.</p>
<h3>Not Using Shortened Color Declarations</h3>
<p>Hex numbers that repeat like #ffffff and #000000 can be condensed to #fff and #000. This is another way to condense your code and keep things short and easy to look at.</p>
<h3>Incorrectly Using Positioning</h3>
<p><a href="http://www.w3schools.com/Css/css_positioning.asp">Positioning</a> is tough to understand when you&#8217;re first starting out with CSS. Your choices are static, relative, absolute, and fixed. Static is the default option and is positioned according to the normal page flow. A relative item is positioned relative to itself, meaning you can move it up, down, left or right, based on where it would normally sit. Absolute allows you to place an item anywhere on the page, and is the most misused positioning statement. The values you set for it will be relative to the last parent item with relative or absolute, and if there aren&#8217;t any, it defaults back to the html tag, allowing you to position it anywhere by declaring top left right or bottom values. Fixed is positioned relative to the browser window, so an item will stay in place if a user has to scroll. Learning how to use positioning correctly is important, but shouldn&#8217;t be used excessively. I rarely use these at all in my stylesheets.</p>
<h2>Validate</h2>
<p>Validating your <a href="http://validator.w3.org/">HTML</a> and <a href="http://jigsaw.w3.org/css-validator/">CSS</a> files will help in reducing errors and figuring out where a problem might be coming from. Your website may function correctly with some of the common HTML and CSS mistakes, but it doesn&#8217;t make it good practice or valid code. The validator will help identify these problems and you&#8217;ll be able to adjust the way you code for the future.</p>
<h2>More Resources</h2>
<ul>
<li><a href="http://www.csulb.edu/divisions/students/dss/accessibility/web/webaim-12comm.html">12 Common HTML Mistakes</a></li>
<li><a href="http://www.devirtuoso.com/2009/06/10-html-mistakes-that-should-be-avoided/">10 HTML Mistakes that Should be Avoided</a></li>
<li><a href="http://www.designdetector.com/2006/06/ten-common-css-mistakes.php">Ten Common CSS Mistakes</a></li>
<li><a href="http://www.dustindiaz.com/css-shorthand/">CSS Shorthand Guide</a></li>
<li><a href="http://css-tricks.com/css-beginner-mistakes-1/">CSS Beginner Mistakes</a></li>
<li><a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet-version-1/">CSS Cheat Sheet</a></li>
</ul>
<p>Many of us are guilty of these HTML and CSS errors, myself included! We can only strive to learn from our mistakes and practice better coding in the future. Cleaning up your code will help you further your coding skills and allow you to create better sites with more functionality for your users.</p>
<h3>About the Author</h3>
<p><img src="http://webdesignledger.com/wp-content/uploads/2010/02/noak.jpg" alt="" width="80" height="80" class="alignleft " style="float: left; margin: 0px 10px 5px 0;"/><strong>Shannon Noack</strong> is a designer in Arizona and the Creative Director of <strong><a href="http://www.snoackstudios.com">Snoack Studios</a></strong>. Designing is her passion in life and she loves to create websites, logos, print work, you name it. She also blogs regularly <strong><a href="http://blog.snoackstudios.com">here</a></strong> and you can connect with her on <strong><a href="http://www.twitter.com/snoackstudios">Twitter</a></strong> as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/the-most-common-html-and-css-mistakes-to-avoid/feed</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
		<item>
		<title>13 Useful Code Snippets for WordPress Development</title>
		<link>http://webdesignledger.com/tips/13-useful-code-snippets-for-wordpress-development</link>
		<comments>http://webdesignledger.com/tips/13-useful-code-snippets-for-wordpress-development#comments</comments>
		<pubDate>Mon, 28 Dec 2009 15:55:34 +0000</pubDate>
		<dc:creator>jreyes</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[comment]]></category>
		<category><![CDATA[hacks]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://webdesignledger.com/?p=2465</guid>
		<description><![CDATA[WordPress has grown to be commonly defined as the core solution for your blogging needs. It is the most recognized and sought after Content Management System by writers and designers. Consequently, over the past few years there has been a voluble increase in WordPress blogs, this has caused the &#8220;need&#8221; for useful tips, tricks, and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdesignledger.com/tag/wordpress">WordPress</a> has grown to be commonly defined as the core solution for your blogging needs. It is the most recognized and sought after Content Management System by writers and designers. Consequently, over the past few years there has been a voluble increase in WordPress blogs, this has caused the &#8220;need&#8221; for useful tips, tricks, and hacks, all made to allow the customizing of your WordPress powered site. Here are 13 code snippets or hacks that will help you extend the capabilities of your <a href="http://webdesignledger.com/tag/wordpress">WordPress</a> site.<span id="more-2465"></span></p>
<h3>Customize the Logo of Your WordPress Login Page</h3>
<p>After constantly having to visit your WordPress login page, having to see the same logo and design over and over can be a bit boring. This is where this hack comes in handy. All you have to do is place the following in your <em>functions.php</em> file, and replace the image.</p>
<pre><code>
function my_custom_login_logo() {
    echo '&lt;style type="text/css"&gt;
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    &lt;/style&gt;';
}

add_action('login_head', 'my_custom_login_logo');
</code></pre>
<p><a href="http://www.wprecipes.com/customize-wordpress-login-logo-without-a-plugin" target="_blank"><strong>Source</strong></a></p>
<h3>Detecting Mobile Devices Accessing Your Site</h3>
<p>Mobile web surfing is continuing to evolve on a larger scale. This is why detecting those users who are visiting your WordPress blog through a mobile device and redirecting them to a mobile version of your site is important. In order to achieve this, you first have to get the code from <a href="http://detectmobilebrowsers.mobi/">detectmobilebrowsers.mobi</a> and upload it to your theme directory.</p>
<p>Then, all you simply have to do is open your <em>header.php</em> file and place the following at the top of the file. Remember to <strong>edit line 5</strong> to where you&#8217;d like to redirect mobile users.</p>
<pre><code>
include('mobile_device_detect.php');
$mobile = mobile_device_detect();

if ($mobile==true) {
  header( 'Location: http://your-website.com/?theme=Your_Mobile_Theme' ) ;
}
</code></pre>
<p><a href="http://www.wprecipes.com/how-to-detect-mobile-visitors-on-your-wordpress-blog" target="_blank"><strong>Source</strong></a></p>
<h3>Automatically Resize Images</h3>
<p>If you&#8217;re accustomed to displaying large quantities of images on your blog, then you know how tedious it can be to have to always resize your images manually. Now you can use this hack to automatically resize any image you&#8217;d like to whatever width and height you choose for a more organized look. To do this, copy the following <a href="http://timthumb.googlecode.com/svn/trunk/timthumb.php" target="_blank">script</a> and create a folder for it anywhere on your site (i.e. <em>scripts</em>) and name it &#8220;<em>timthumb.php</em>&#8220;. Now, you can use the following syntax to add an automatically resized image to your blog post: </p>
<pre><code>
&lt;img src="/scripts/timthumb.php?src=/images/whatever.jpg&amp;amp;h=150&amp;amp;w=150&amp;amp;zc=1" alt="" /&gt;
</code></pre>
<p><a href="http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/" target="_blank"><strong>Direct Source</strong></a> </p>
<h3>Displaying Your Tags in a Dropdown Menu</h3>
<p>Tag clouds are often hard to read, especially for a more busy site. Eliminate this problem by using a dropdown menu to display your tags. You must place the following code in your <em>functions.php</em> file.</p>
<pre><code>
&lt;?php
function dropdown_tag_cloud( $args = '' ) {
	$defaults = array(
		'smallest' =&gt; 8, 'largest' =&gt; 22, 'unit' =&gt; 'pt', 'number' =&gt; 45,
		'format' =&gt; 'flat', 'orderby' =&gt; 'name', 'order' =&gt; 'ASC',
		'exclude' =&gt; '', 'include' =&gt; ''
	);
	$args = wp_parse_args( $args, $defaults );

	$tags = get_tags( array_merge($args, array('orderby' =&gt; 'count', 'order' =&gt; 'DESC')) ); // Always query top tags

	if ( empty($tags) )
		return;

	$return = dropdown_generate_tag_cloud( $tags, $args ); // Here's where those top tags get sorted according to $args
	if ( is_wp_error( $return ) )
		return false;
	else
		echo apply_filters( 'dropdown_tag_cloud', $return, $args );
}

function dropdown_generate_tag_cloud( $tags, $args = '' ) {
	global $wp_rewrite;
	$defaults = array(
		'smallest' =&gt; 8, 'largest' =&gt; 22, 'unit' =&gt; 'pt', 'number' =&gt; 45,
		'format' =&gt; 'flat', 'orderby' =&gt; 'name', 'order' =&gt; 'ASC'
	);
	$args = wp_parse_args( $args, $defaults );
	extract($args);

	if ( !$tags )
		return;
	$counts = $tag_links = array();
	foreach ( (array) $tags as $tag ) {
		$counts[$tag-&gt;name] = $tag-&gt;count;
		$tag_links[$tag-&gt;name] = get_tag_link( $tag-&gt;term_id );
		if ( is_wp_error( $tag_links[$tag-&gt;name] ) )
			return $tag_links[$tag-&gt;name];
		$tag_ids[$tag-&gt;name] = $tag-&gt;term_id;
	}

	$min_count = min($counts);
	$spread = max($counts) - $min_count;
	if ( $spread &lt;= 0 )
		$spread = 1;
	$font_spread = $largest - $smallest;
	if ( $font_spread &lt;= 0 )
		$font_spread = 1;
	$font_step = $font_spread / $spread;

	// SQL cannot save you; this is a second (potentially different) sort on a subset of data.
	if ( 'name' == $orderby )
		uksort($counts, 'strnatcasecmp');
	else
		asort($counts);

	if ( 'DESC' == $order )
		$counts = array_reverse( $counts, true );

	$a = array();

	$rel = ( is_object($wp_rewrite) &amp;&amp; $wp_rewrite-&gt;using_permalinks() ) ? ' rel="tag"' : '';

	foreach ( $counts as $tag =&gt; $count ) {
		$tag_id = $tag_ids[$tag];
		$tag_link = clean_url($tag_links[$tag]);
		$tag = str_replace(' ', '&amp;nbsp;', wp_specialchars( $tag ));
		$a[] = "\t&lt;option value='$tag_link'&gt;$tag ($count)&lt;/option&gt;";
	}

	switch ( $format ) :
	case 'array' :
		$return =&amp; $a;
		break;
	case 'list' :
		$return = "&lt;ul class='wp-tag-cloud'&gt;\n\t&lt;li&gt;";
		$return .= join("&lt;/li&gt;\n\t&lt;li&gt;", $a);
		$return .= "&lt;/li&gt;\n&lt;/ul&gt;\n";
		break;
	default :
		$return = join("\n", $a);
		break;
	endswitch;

	return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
}
?&gt;
</code></pre>
<p>Now, to finalize your dropdown menu you have to open the theme file where you want the list to be displayed (i.e. sidebar.php) and insert the following code:</p>
<pre><code>
&lt;select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"&gt;
	&lt;option value="#"&gt;Liste d'auteurs&lt;/option&gt;
	&lt;?php dropdown_tag_cloud('number=0&amp;order=asc'); ?&gt;
&lt;/select&gt;
</code></pre>
<p><a href="http://wphacks.com/how-to-display-wordpress-tags-dropdown-menu/" target="_blank"><strong>Source</strong></a></p>
<h3>Custom &#8220;Read More&#8221; Links for Your Posts</h3>
<p>This is a really useful hack if you want to better define or customize the look of your &#8220;Read More&#8221; links for posts. The first thing you have to do is to edit your posts and create custom fields. Give them custom_more as a key, and whatever text you want to be displayed as the value. Then you have to edit your <em>index.php</em> file (and also your category.php, search.php, etc) and find a line similar to this:</p>
<pre><code>
the_content("Read more");
</code></pre>
<p>Now just replace it with this code:</p>
<pre><code>
&lt;?php $custommore = get_post_meta($post-&gt;ID, 'custom_more', true); ?&gt;
&lt;?php if (!$custommore) { $custommore = 'Read More &amp;raquo;'; } ?&gt;
&lt;?php the_content($custommore); ?&gt;
</code></pre>
<p><a href="http://www.cagintranet.com/archive/wordpress-tip-3-awesome-custom-field-tricks/" target="_blank"><strong>Source</strong></a></p>
<h3>Scheduling Posts for RSS</h3>
<p>If you regularly publish articles and you care about the quality of your posts then this is a good hack for you. The main purpose of this hack is that it lets you schedule your posts to be viewed in your RSS at a later time, this will allow you enough time to get those last minute fixes and additions in before your post is forever published in your feed. Place the following code in your <em>.htaccess</em> file. In order to change the length of the delay, change the value of the <strong>$wait</strong>variable on line 9.</p>
<pre><code>
function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb-&gt;posts.post_date_gmt, '$now') &gt; $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');
</code></pre>
<p><a href="http://wpengineer.com/publish-the-feed-later/" target="_blank"><strong>Source</strong></a></p>
<h3>Display the Most Commented Posts of 2009</h3>
<p>As the New Year is about to role in, it would be fun and resourceful to let your readers know which of your posts were most popular in the past year. This hack will allow your visitors to view the top 10 most commented/popular posts of 2009. This is a great way to give your posts a second shot at being noticed. In order to do this, you&#8217;ll need to place the following code on your <em>sidebar.php</em> file, or wherever else you&#8217;d like on your theme:</p>
<pre><code>
&lt;ul&gt;
&lt;?php
$result = $wpdb-&gt;get_results("SELECT comment_count,ID,post_title, post_date FROM $wpdb-&gt;posts WHERE post_date BETWEEN '2009-01-01' AND '2009-12-31' ORDER BY comment_count DESC LIMIT 0 , 10");

foreach ($result as $topten) {
    $postid = $topten-&gt;ID;
    $title = $topten-&gt;post_title;
    $commentcount = $topten-&gt;comment_count;
    if ($commentcount != 0) {
    ?&gt;
         &lt;li&gt;<a href="<?php echo get_permalink($postid); ?>"&gt;&lt;?php echo $title ?&gt;</a>&lt;/li&gt;
    &lt;?php }
}
?&gt;
&lt;/ul&gt;
</code></pre>
<p><a href="http://www.wprecipes.com/how-to-display-the-most-commented-posts-of-2008" target="_blank"><strong>Source</strong></a></p>
<h3>Allow Only Your IP Address to Access the wp-admin Directory</h3>
<p>If you don&#8217;t have multiple writers or contributors to your blog, then realistically speaking only you should be allowed to visit the wp-admin directory. Especially since a great deal of security risks entail the wp-admin directory. All you have to do is enter your static IP adress on line 8. You can add more IPs if needed, by creating a new line. Place the following in your <em>.htaccess</em> file.</p>
<pre><code>
AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Example Access Control"
AuthType Basic
&lt;LIMIT GET&gt;
order deny,allow
deny from all
allow from xx.xx.xx.xx
&lt;/LIMIT&gt;
</code></pre>
<p><a href="http://www.mattcutts.com/blog/three-tips-to-protect-your-wordpress-installation/" target="_blank"><strong>Source</strong></a></p>
<h3>Styling Your WordPress Comments</h3>
<p>When your blog has lots of comments, then it&#8217;s a great way to get visitors to interact more by styling the way your comments are displayed. If this is what you&#8217;re looking to to, then open your <em>comments.php</em> file and replace your comments loop with the following code:</p>
<pre><code>
&lt;ol id="commentlist"&gt;
&lt;?php foreach ($comments as $comment) : ?&gt;
	&lt;?php // The extra stuff to get commenter's role
	$user_id = $comment-&gt;user_id;
	$role = ( isset( $roles[$user_id] ) ? $roles[$user_id] : '' );
	?&gt;
	&lt;li class="&lt;?php echo $role; ?&gt;"&gt;
	&lt;p&gt;By &lt;?php comment_author_link() ?&gt; - &lt;?php comment_date() ?&gt;&lt;/p&gt;
	&lt;?php comment_text() ?&gt;
	&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ol&gt;
</code></pre>
<p>Now to structure your comment you&#8217;ll need to open your style.css file and place the following code:</p>
<pre><code>
#commentlist li { border:2px solid white; } /* not logged or subscriber */
#commentlist li.administrator { border:2px solid red } /* blog admin */
#commentlist li.editor { border:2px solid blue } /* editor */
</code></pre>
<p><a href="http://www.darrenhoyt.com/2007/08/18/styling-your-wordpress-comments/" target="_blank"><strong>Source</strong></a></p>
<h3>Remove Widget Areas on Your Homepage</h3>
<p>If your WordPress powered site is more than just a blog, then you probably want to get rid of the widget areas in your default sidebar and create your own. This hack doesn&#8217;t require any editing, just code insertion. Now, all you need to do is add the following to your <em>functions.php</em> file:</p>
<pre><code>
&lt;?php
add_filter( 'sidebars_widgets', 'disable_all_widgets' );

function disable_all_widgets( $sidebars_widgets ) {
	if ( is_home() )
		$sidebars_widgets = array( false );
	return $sidebars_widgets;
}
?&gt;
</code></pre>
<p><a href="http://justintadlock.com/archives/2009/03/06/disable-widget-areas-without-touching-theme-templates" target="_blank"><strong>Source</strong></a></p>
<h3>Insert Author Bio for Each Post</h3>
<p>A multi-writer blog usually means everyone who writes or contributes a post will have section that speaks about them. If your blog doesn&#8217;t have this feature, then start giving your authors proper credit by inserting the following code into your <em>functions.php</em> file. An author bio will be automatically be displayed at the end of every post.</p>
<pre><code>
function get_author_bio ($content=''){
    global $post;

    $post_author_name=get_the_author_meta("display_name");
    $post_author_description=get_the_author_meta("description");
    $html="&lt;div class='clearfix' id='about_author'&gt;\n";
    $html.="&lt;img width='80' height='80' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=".md5(get_the_author_email()). "&amp;default=".urlencode($GLOBALS['defaultgravatar'])."&amp;size=80&amp;r=PG' alt='PG'/&gt;\n";
    $html.="&lt;div class='author_text'&gt;\n";
    $html.="&lt;h4&gt;Author: <span>".$post_author_name."</span>&lt;/h4&gt;\n";
    $html.= $post_author_description."\n";
    $html.="&lt;/div&gt;\n";
    $html.="&lt;div class='clear'&gt;&lt;/div&gt;\n";
    $content .= $html;
    }

    return $content;
}

add_filter('the_content', 'get_author_bio');
</code></pre>
<p><a href="http://aext.net/2009/10/wordpress-hack-anything-can-be-added-anywhere-in-the-post-content/" target="_blank"><strong>Source</strong></a></p>
<h3>Remove Certain Categories From Being Displayed</h3>
<p>Place this code inside <a href="http://codex.wordpress.org/The_Loop">The Loop</a> and whichever category you choose, it will not be displayed. This can be an interesting hack for those who only wish to display a certain category to chosen or registered users.</p>
<pre><code>
&lt;?php
if ( have_posts() ) : query_posts($query_string .'&amp;cat=-1,-2'); while ( have_posts() ) : the_post();
?&gt;</code></pre>
<p><a href="http://www.hongkiat.com/blog/30-more-most-wanted-wordpress-tips-tricks-and-hacks/" target="_blank"><strong>Source</strong></a></p>
<h3>Redirect Your WordPress Feed to FeedBurner</h3>
<p>If you&#8217;ve found out how useful FeedBurner really is after you&#8217;ve set-up your WordPress site, and you have a few RSS subscribers on your default WordPress feed, then you&#8217;ll need to redirect your feed to FeedBurner. Every time a user follows a link to your default feed (i.e. http://www.yourblog.com/feed) they will be redirected to the location of your FeedBurner feed ( i.e. http://feeds.feedburner.com/yourblog). This way, even if a user manages to somehow subscribe to your old RSS feed, they will always be redirected to your new feed. Place the following code in your <em>.htaccess</em> file.</p>
<pre><code>
# temp redirect wordpress content feeds to feedburner
&lt;IfModule mod_rewrite.c&gt;
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/WebDesignLedger [R=302,NC,L]
&lt;/IfModule&gt;
</code></pre>
<p><a href="http://perishablepress.com/press/2008/03/25/redirect-wordpress-feeds-to-feedburner-via-htaccess-redux/" target="_blank"><strong>Source</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://webdesignledger.com/tips/13-useful-code-snippets-for-wordpress-development/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
	</channel>
</rss>
