<?xml version="1.0" encoding="utf-8"?>		<rss version="2.0">
		<channel>
			<title>Feed Hole / caseypeters favorites</title>
			<description>Dump your feeds into one hole.</description>
			<link>http://www.feedhole.com/caseypeters/favorites/</link>
			<copyright>2008 Feed Hole</copyright>
						<item>
				<title><![CDATA[Clean and pure CSS FORM design]]></title>
				<description><![CDATA[Some readers of my blog hate html tables and often ask to me which is the better way to design <em>FORMS</em> with CSS, without using tables to place each form element in a table's cell. How I said some time ago... <a href="http://woork.blogspot.com/2008/01/tables-anatomy-why-tables-are-not-so.html">tables are not evil</a>. Sincerly, in some case I used pure CSS code to design forms but, in general, I prefer to use tables. It's simpler and faster than use only CSS property "to simulate" a table structure. In any case, for CSS lovers, this tutorial illustrates a proposal about how to design a pure CSS <em>form</em> without using <em>html</em> tables.<br /><br /><div style="text-align: center;"><img src="http://lh3.ggpht.com/antonio.lupetti/SEwlW1AznKI/AAAAAAAABno/7QTYn5oTqoI/form.png" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br />You can download the source code and use it in your web projects.<br /><br /><img style="cursor: pointer;" src="http://bp1.blogger.com/_TqPdHmAEwTM/Rx5U5LulHqI/AAAAAAAAAbo/NpIXE-ezOuU/s400/page_white_code_red.png" alt="" id="BLOGGER_PHOTO_ID_5124626767371640482" align="absmiddle" border="0" />  <a href="http://www.box.net/shared/1zbtouuwws">Download source code</a><br /><br /><br /><strong>Step 1: HTML Code</strong><br />Create a new page <em>index.html</em> and copy and past this code into the tag <em>&lt;body&gt;</em>:<br /><br /><div class="code"><span style="color: rgb(0, 0, 153);">&lt;div id=</span><span style="color: rgb(51, 51, 255);">"stylized"</span> <span style="color: rgb(0, 0, 153);">class=</span><span style="color: rgb(51, 51, 255);">"myform"</span><span style="color: rgb(0, 0, 153);">&gt;</span><br /><span style="color: rgb(255, 102, 0);"> &lt;form id=</span><span style="color: rgb(51, 51, 255);">"form" </span><span style="color: rgb(255, 102, 0);">name=</span><span style="color: rgb(51, 51, 255);">"form"</span> <span style="color: rgb(255, 102, 0);">method=</span><span style="color: rgb(51, 51, 255);">"post"<span style="color: rgb(255, 102, 0);"> </span></span><span style="color: rgb(255, 102, 0);">action=</span><span style="color: rgb(51, 51, 255);">"index.html"</span><span style="color: rgb(255, 102, 0);">&gt;</span><br /><span style="color: rgb(0, 0, 153);"> &lt;h1&gt;</span>Sign-up form<span style="color: rgb(0, 0, 153);">&lt;/h1&gt;</span><br /><span style="color: rgb(0, 0, 153);">  &lt;p&gt;</span>This is the basic look of my form without table<span style="color: rgb(0, 0, 153);">&lt;/p&gt;<br /><br /></span>    <span style="color: rgb(0, 0, 153);">&lt;label&gt;</span>Name<br /><span style="color: rgb(0, 0, 153);">&lt;span class=</span><span style="color: rgb(51, 51, 255);">"small"</span><span style="color: rgb(0, 0, 153);">&gt;</span>Add your name<span style="color: rgb(0, 0, 153);">&lt;/span&gt;</span><br /><span style="color: rgb(0, 0, 153);">  &lt;/label&gt;</span><br /><span style="color: rgb(255, 102, 0);">&lt;input type=</span><span style="color: rgb(51, 51, 255);">"text"</span> <span style="color: rgb(255, 102, 0);">name=</span><span style="color: rgb(51, 51, 255);">"name"</span> <span style="color: rgb(255, 102, 0);">id=</span><span style="color: rgb(51, 51, 255);">"name"</span><span style="color: rgb(255, 102, 0);"> /&gt;</span><br /><br /><span style="color: rgb(0, 0, 153);">&lt;label&gt;</span>Email<br /><span style="color: rgb(0, 0, 153);">&lt;span class=</span><span style="color: rgb(51, 51, 255);">"small"</span><span style="color: rgb(0, 0, 153);">&gt;</span>Add a valid address<span style="color: rgb(0, 0, 153);">&lt;/span&gt;</span><br /><span style="color: rgb(0, 0, 153);">  &lt;/label&gt;</span><br /><span style="color: rgb(255, 102, 0);">&lt;input type=</span><span style="color: rgb(51, 51, 255);">"text"</span> <span style="color: rgb(255, 102, 0);">name=</span><span style="color: rgb(51, 51, 255);">"email"</span> <span style="color: rgb(255, 102, 0);">id=</span><span style="color: rgb(51, 51, 255);">"email"</span><span style="color: rgb(255, 102, 0);"> /&gt;</span><br /><br /><span style="color: rgb(0, 0, 153);"> &lt;label&gt;</span>Password<br /><span style="color: rgb(0, 0, 153);">&lt;span class=</span><span style="color: rgb(51, 51, 255);">"small"</span><span style="color: rgb(0, 0, 153);">&gt;</span>Min. size 6 chars&amp;lt<span style="color: rgb(0, 0, 153);">&lt;/span&gt;</span><br /><span style="color: rgb(0, 0, 153);">  &lt;/label&gt;</span><br /><span style="color: rgb(255, 102, 0);">&lt;input type=</span><span style="color: rgb(51, 51, 255);">"text"</span> <span style="color: rgb(255, 102, 0);">name=</span><span style="color: rgb(51, 51, 255);">"password"</span> <span style="color: rgb(255, 102, 0);">id=</span><span style="color: rgb(51, 51, 255);">"password"</span><span style="color: rgb(255, 102, 0);"> /&gt;<br /><br /></span>    <span style="color: rgb(0, 0, 153);">&lt;button  type=</span><span style="color: rgb(51, 51, 255);">"submit"</span><span style="color: rgb(0, 0, 153);">&gt;</span>Sign-up<span style="color: rgb(0, 0, 153);">&lt;/button&gt;</span><br /><span style="color: rgb(0, 0, 153);">&lt;div class=</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(51, 51, 255);">"spacer"</span><span style="color: rgb(0, 0, 153);">&gt;&lt;/div&gt;</span><br /><br /><span style="color: rgb(255, 102, 0);">  &lt;/form&gt;</span><br /><span style="color: rgb(0, 0, 153);">&lt;/div&gt;</span><br /></div><br />How you can see from the code above, the structure of our CSS form is the following:<br /><br /><div style="text-align: center;"><img src="http://lh3.ggpht.com/antonio.lupetti/SEwr6MSqNxI/AAAAAAAABnw/u_wqYCDwiE8/form2.png" /><br /></div><br />I used <em>&lt;label&gt;</em> for the name of each <em>input</em> element and <em>&lt;span&gt;</em> tag for the short description. All labels and input elements have <em>float</em> CSS property set to <em>left</em>;<br /><br /><br /><strong>Step 2: CSS Code</strong><br />Copy and paste the following CSS code in the <em>&lt;head&gt;</em> tag of your page:<br /><div class="code"><br /><span style="color: rgb(204, 51, 204);">body{</span><br /><span style="color: rgb(0, 0, 153);">  font-family</span>:<span style="color: rgb(0, 153, 0);">"Lucida Grande"</span>, <span style="color: rgb(0, 153, 0);">"Lucida Sans Unicode"</span><span style="color: rgb(51, 51, 255);">, Verdana, Arial, Helvetica, sans-serif</span><span style="color: rgb(153, 51, 153);">;</span><br /><span style="color: rgb(0, 0, 153);">  font-size</span>:<span style="color: rgb(51, 51, 255);">12px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">}</span><br /><span style="color: rgb(204, 51, 204);">p, h1, form, button{</span><span style="color: rgb(0, 0, 153);">border</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">0</span><span style="color: rgb(204, 51, 204);">;</span> <span style="color: rgb(0, 0, 153);">margin</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">0</span><span style="color: rgb(204, 51, 204);">;</span> <span style="color: rgb(0, 0, 153);">padding</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">0</span><span style="color: rgb(204, 51, 204);">;}</span><br /><span style="color: rgb(204, 51, 204);">.spacer{</span><span style="color: rgb(0, 0, 153);">clear</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">both</span><span style="color: rgb(204, 51, 204);">;</span> <span style="color: rgb(0, 0, 153);">height</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">1px</span><span style="color: rgb(204, 51, 204);">;}</span><br /><span style="color: rgb(153, 153, 153);">/* ----------- My Form ----------- */</span><br /><span style="color: rgb(204, 51, 204);">.myform{</span><br /><span style="color: rgb(0, 0, 153);">  margin</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">0 auto</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">  width</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">400px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">  padding</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">14px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">}</span><br /><div style="margin-left: 14px;"><br /><span style="color: rgb(153, 153, 153);">  /* ----------- stylized ----------- */</span><br /><span style="color: rgb(204, 51, 204);">  #stylized{</span><br /><span style="color: rgb(0, 0, 153);">      border</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">solid 2px #b7ddf2</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      background</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">#ebf4fb</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized h1 {</span><br /><span style="color: rgb(0, 0, 153);">      font-size</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">14px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-weight</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">bold</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      margin-bottom</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">8px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized p{</span><br /><span style="color: rgb(0, 0, 153);">      font-size</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">11px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      color</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">#666666</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      margin-bottom</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">20px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      border-bottom</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">solid 1px #b7ddf2</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      padding-bottom</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">10px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized label{</span><br /><span style="color: rgb(0, 0, 153);">      display</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">block</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-weight</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(51, 51, 255);">bold</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      text-align</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(51, 51, 255);">right</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      width</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(51, 51, 255);">140px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      float</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(51, 51, 255);">left</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized .small{</span><br /><span style="color: rgb(0, 0, 153);">      color</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">#666666</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br />   <span style="color: rgb(0, 0, 153);">display</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">block</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-size</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">11px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-weight</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">normal</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      text-align</span><span style="color: rgb(0, 0, 153);"></span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">right</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      width</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">140px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized input{</span><br /><span style="color: rgb(0, 0, 153);">      float</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">left</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-size</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">12px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      padding</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">4px 2px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      border</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">solid 1px #aacfe4</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      width</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">200px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      margin</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">2px 0 20px 10px</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /><span style="color: rgb(204, 51, 204);">  #stylized button{</span><br /><span style="color: rgb(0, 0, 153);">      clear</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">both</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      margin-left</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">150px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      width</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">125px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      height</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">31px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      background</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">#666666 url(img/button.png) no-repeat</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      text-align</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">center</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      line-height</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">31px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      color</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">#FFFFFF</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-size</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">11px</span><span style="color: rgb(51, 51, 255);"></span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(0, 0, 153);">      font-weight</span><span style="color: rgb(204, 51, 204);">:</span><span style="color: rgb(51, 51, 255);">bold</span><span style="color: rgb(204, 51, 204);">;</span><br /><span style="color: rgb(204, 51, 204);">  }</span><br /></div></div><br /><br />This is only a proposal for the form layout. You can reuse this code changing all properties how you prefer.<br /><br /><img style="cursor: pointer;" src="http://bp1.blogger.com/_TqPdHmAEwTM/Rx5U5LulHqI/AAAAAAAAAbo/NpIXE-ezOuU/s400/page_white_code_red.png" alt="" id="BLOGGER_PHOTO_ID_5124626767371640482" align="absmiddle" border="0" />  <a href="http://www.box.net/shared/1zbtouuwws">Download source code</a><br /><br /><br /><strong>Related Post</strong><br /><a href="http://woork.blogspot.com/2008/01/tables-anatomy-why-tables-are-not-so.html">Table's anatomy: why tables are not so bad</a><br /><a href="http://woork.blogspot.com/2008/02/are-you-css-fanatic.html">Are you a CSS fanatic?</a><br /><a href="http://woork.blogspot.com/2008/04/improve-form-usability-with-auto.html">Improve form usability with auto messages</a>
<p><a href="http://feeds.feedburner.com/~a/Woork?a=hdQwje"><img src="http://feeds.feedburner.com/~a/Woork?i=hdQwje" border="0"></img></a></p> ]]></description>
				<link>http://feeds.feedburner.com/~r/Woork/~3/307528210/clean-and-pure-css-form-design.html</link>
				<pubDate>Sun, 08 Jun 2008 08:08:00 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Free Glossy Blogging Icons Set for Bloggers]]></title>
				<description><![CDATA[<p>After weeks of development, we are happy to announce the release of &#8220;<a href="http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/" title="Blogging Icons Set for Bloggers"><strong>Blogging Icons Set</strong></a>&#8221; specifically designed for bloggers. There are total 12 shiny and modern icons for your blogs. It comes with 3 sizes, 24&#215;24, 36&#215;36 and 48&#215;48 in png format. Blogging Icons Set is released under Creative Commons License, please feel free to use it on your personal and commercial projects. If you love them, please digg, stumble or link to this article. Spread it like wild fire now~</p>
<p style="text-align: center"><img src="http://www.blogperfume.com/wp-content/uploads/2008/06/blogging-icons-set2.png" alt="blogging-icons-set.png" /></p>
<blockquote style="margin-bottom: 15px"><p><a href="http://www.blogperfume.com/download/Blogging-Icons-Set.zip" title="Blogging Icons Set for Bloggers"><strong> Download Blogging Icons Set Now</strong></a></p></blockquote>
<p><span style="font-size: 10px"><strong>Disclaimer &amp; Conditions</strong>: Redistribution, Release for Download or Selling of these icons on an another site without permission is completely <strong>prohibited</strong>.</span></p>
<p>As we promised from the start of Blog Perfume, we would like to help bloggers as much as we can. We are trying to find all the best wordpress resources for bloggers, at the same time are developing some helpful tools for bloggers. You can view our themes and tools we have released eariler.</p>
<p><a href="http://www.blogperfume.com/feed-analysis/" title="Feed Analysis"><strong>Feed Analysis</strong></a> - Detailed report and analysis for individual FeedBurner feed.<br />
<a href="http://www.blogperfume.com/silveray-clean-and-soft-3-column-wordpress-theme/" title="Free WordPress Theme"><strong> SilveRay</strong></a> - Clean and Soft Free WordPress Theme<br />
<a href="http://www.blogperfume.com/theme-elegant-blubs-premium-wordpress-theme/" title="Premium WordPress Theme" target="_blank"><strong> Blubs</strong></a> - Elegant Premium WordPress Theme<br />
<a href="http://www.feedcompare.com" title="Compare FeedBurner Feeds Subscriber Numbers"><strong> Feed Compare</strong></a> - Compare your FeedBurner subscriber numbers with Others<strong><br />
</strong></p>
<p>A lot more coming&#8230;&#8230; Please subscribe to our RSS and stay tuned.</p>
<div class="RelatedPosts"><h3>Sponsors</h3><p><a href="http://www.psd2html.com/order-now.html" target="_blank">PSD2HTML.com - You Design - We XHTML / CSS. PSD to XHTML Service</a></p></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/BlogPerfume?a=VLjori"><img src="http://feeds.feedburner.com/~f/BlogPerfume?i=VLjori" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/BlogPerfume?a=3vhCDi"><img src="http://feeds.feedburner.com/~f/BlogPerfume?i=3vhCDi" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/BlogPerfume?a=08LMLi"><img src="http://feeds.feedburner.com/~f/BlogPerfume?i=08LMLi" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/BlogPerfume?a=uEV6Oi"><img src="http://feeds.feedburner.com/~f/BlogPerfume?i=uEV6Oi" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/BlogPerfume/~4/307848428" height="1" width="1" /> ]]></description>
				<link>http://feeds.feedburner.com/~r/BlogPerfume/~3/307848428/</link>
				<pubDate>Mon, 09 Jun 2008 04:01:18 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[30 Amazing Free Vector Icons, Buttons, Stickers, Banners, Labels and Speech Bubbles]]></title>
				<description><![CDATA[<h3>1. <a href="http://www.vecteezy.com/vf/512-Labels">Labels</a></h3>
<p><a href="http://www.vecteezy.com/vf/512-Labels"><img src="http://speckyboy.com/wp-content/uploads/2008/06/labels.png" alt="Vector Web Design Resources" /></a></p>
<h3>2. <a href="http://www.uberpiglet.com/vectors/free-web-20-services-vector-package/">Free Web 2.0 Services Vector Package</a></h3>
<p><a href="http://www.uberpiglet.com/vectors/free-web-20-services-vector-package/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/web2.png" alt="Vector Web Design Resources" /></a></p>
<h3>3. <a href="http://www.vecteezy.com/vf/524-3D-Luggage-Tag">3D Luggage Tag</a></h3>
<p><a href="http://www.vecteezy.com/vf/524-3D-Luggage-Tag"><img src="http://speckyboy.com/wp-content/uploads/2008/06/luggage.png" alt="Vector Web Design Resources" /></a></p>
<h3>4. <a href="http://www.blog.spoongraphics.co.uk/freebies/free-vectors-trendy-circles">Trendy Circles</a></h3>
<p><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vectors-trendy-circles"><img src="http://speckyboy.com/wp-content/uploads/2008/06/circles.png" alt="Vector Web Design Resources" /></a></p>
<h3>5. <a href="http://vector4free.com/vectors/id/81">Web Stickers Round</a></h3>
<p><a href="http://vector4free.com/vectors/id/81"><img src="http://speckyboy.com/wp-content/uploads/2008/06/sticker.png" alt="Vector Web Design Resources" /></a></p>
<h3>6. <a href="http://www.blog.spoongraphics.co.uk/freebies/collection-of-90-free-web-20-style-buttons">Collection of 90 free ‘Web 2.0′ Style Buttons</a></h3>
<p><a href="http://www.blog.spoongraphics.co.uk/freebies/collection-of-90-free-web-20-style-buttons"><img src="http://speckyboy.com/wp-content/uploads/2008/06/90sticker.png" alt="Vector Web Design Resources" /></a></p>
<h3>7. <a href="http://www.vecteezy.com/vf/236-New-RSS-Icon">New RSS Icon</a><br />
</h3>
<p><a href="http://www.vecteezy.com/vf/236-New-RSS-Icon"><img src="http://speckyboy.com/wp-content/uploads/2008/06/newrss.png" alt="Vector Web Design Resources" /></a></p>
<h3>8. <a href="http://www.vecteezy.com/vf/492-Bright-Web-Banners">Bright Web Banners</a></h3>
<p><a href="http://www.vecteezy.com/vf/492-Bright-Web-Banners"><img src="http://speckyboy.com/wp-content/uploads/2008/06/banners.png" alt="Vector Web Design Resources" /></a></p>
<h3>9. <a href="http://unicko.deviantart.com/art/Promotional-buttons-82409164">Promotional buttons by ~unicko</a></h3>
<p><a href="http://unicko.deviantart.com/art/Promotional-buttons-82409164"><img src="http://speckyboy.com/wp-content/uploads/2008/06/promobuttons.png" alt="Vector Web Design Resources" /></a></p>
<h3>10. <a href="http://happystalin.deviantart.com/art/theCoffeeandTvMilkBox-80223464">theCoffeeandTvMilkBox by ~HappyStalin</a></h3>
<p><a href="http://happystalin.deviantart.com/art/theCoffeeandTvMilkBox-80223464"><img src="http://speckyboy.com/wp-content/uploads/2008/06/coffee.png" alt="Vector Web Design Resources" /></a></p>
<h3>11. <a href="http://www.gosquared.com/liquidicity/archives/70">165 Lovely Vector Icons (for free)</a></h3>
<p><a href="http://www.gosquared.com/liquidicity/archives/70"><img src="http://speckyboy.com/wp-content/uploads/2008/06/165.png" alt="Vector Web Design Resources" /></a></p>
<h3>12. <a href="http://min.frexy.com/article/bright_a_free_icon_set/">Bright! - a free icon set</a></h3>
<p><a href="http://min.frexy.com/article/bright_a_free_icon_set/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/bright.png" alt="Vector Web Design Resources" /></a></p>
<h3>13. <a href="http://www.snap2objects.com/2007/06/10/30-free-vector-rss-buttons/">30 Free Vector RSS Icons</a></h3>
<p><a href="http://www.snap2objects.com/2007/06/10/30-free-vector-rss-buttons/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/rssicon.png" alt="Vector Web Design Resources" /></a></p>
<h3>14. <a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/">Milky, a free vector icon set</a></h3>
<p><a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/milky.png" alt="Vector Web Design Resources" /></a></p>
<h3>15. <a href="http://garcya.us/blog/free-vector-blue-icons/">Free Vector Blue Icons</a></h3>
<p><a href="http://garcya.us/blog/free-vector-blue-icons/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/icons2.png" alt="Vector Web Design Resources" /></a></p>
<h3>16. <a href="http://www.bittbox.com/freebies/free-vector-buttons-and-icons-metal-and-glass/">Free Vector Buttons and Icons - Metal and Glass</a></h3>
<p><a href="http://www.bittbox.com/freebies/free-vector-buttons-and-icons-metal-and-glass/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/butt.png" alt="Vector Web Design Resources" /></a></p>
<h3>17. <a href="http://www.designrific.com/blog/2007/12/90-free-vector-icons-set.html">Designrific: 90 Free Vector Icons Set</a></h3>
<p><a href="http://www.designrific.com/blog/2007/12/90-free-vector-icons-set.html"><img src="http://speckyboy.com/wp-content/uploads/2008/06/icon3.png" alt="Vector Web Design Resources" /></a></p>
<h3>18. <a href="http://dragonartz.wordpress.com/2008/04/16/retro-vector-icon-set/">Retro Vector Icon Set</a></h3>
<p><a href="http://dragonartz.wordpress.com/2008/04/16/retro-vector-icon-set/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/retro.png" alt="Vector Web Design Resources" /></a></p>
<h3>19. <a href="http://www.youthedesigner.com/2008/05/14/free-vector-images-globe-icon-set/">Globe Icon Set | You the Designer</a></h3>
<p><a href="http://www.youthedesigner.com/2008/05/14/free-vector-images-globe-icon-set/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/globes.png" alt="Vector Web Design Resources" /></a></p>
<h3>20. <a href="http://www.youthedesigner.com/2008/03/05/free-vector-graphics-sticker-icon-set/">Sticker Icons</a></h3>
<p><a href="http://www.youthedesigner.com/2008/03/05/free-vector-graphics-sticker-icon-set/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/stickericon.png" alt="Vector Web Design Resources" /></a></p>
<h3>21. <a href="http://www.dapino-colada.nl/?p=714">Mini Vector Car Icons</a></h3>
<p><a href="http://www.dapino-colada.nl/?p=714"><img src="http://speckyboy.com/wp-content/uploads/2008/06/mini.png" alt="Vector Web Design Resources" /></a></p>
<h3>22. <a href="http://dezignus.com/free-vector-web-stickers/">Free Vector Web Stickers</a></h3>
<p><a href="http://dezignus.com/free-vector-web-stickers/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/roundsticker.png" alt="Vector Web Design Resources" /></a></p>
<h3>23. <a href="http://vibr8bros.com/freebies/free-vector-pack-20-poppy-color-stickers">20 poppy Color Stickers</a></h3>
<p><a href="http://vibr8bros.com/freebies/free-vector-pack-20-poppy-color-stickers"><img src="http://speckyboy.com/wp-content/uploads/2008/06/poppy.png" alt="Vector Web Design Resources" /></a></p>
<h3>24. <a href="http://www.dapino-colada.nl/?p=764">Vector Wooden Labels</a></h3>
<p><a href="http://www.dapino-colada.nl/?p=764"><img src="http://speckyboy.com/wp-content/uploads/2008/06/wooden.png" alt="Vector Web Design Resources" /></a></p>
<h3>25. <a href="http://dragonartz.wordpress.com/2008/04/18/classy-banners-set1/">Classy Banners Set1</a></h3>
<p><a href="http://dragonartz.wordpress.com/2008/04/18/classy-banners-set1/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/classbanner.png" alt="Vector Web Design Resources" /></a></p>
<h3>26. <a href="http://www.bittbox.com/freebies/72-free-vector-glass-buttons-and-bars/">72 Free Vector Glass Buttons and Bars</a></h3>
<p><a href="http://www.bittbox.com/freebies/72-free-vector-glass-buttons-and-bars/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/72.png" alt="Vector Web Design Resources" /></a></p>
<h3>27. <a href="http://www.bittbox.com/freebies/free-vector-glass-orbs/">Free Vector Glass Orbs</a></h3>
<p><a href="http://www.bittbox.com/freebies/free-vector-glass-orbs/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/orbs.png" alt="Vector Web Design Resources" /></a></p>
<h3>28. <a href="http://www.monofactor.com/goodies/free-vector-icon-set-1/">Free Vector Icon Set 1</a></h3>
<p><a href="http://www.monofactor.com/goodies/free-vector-icon-set-1/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/icon4.png" alt="Vector Web Design Resources" /></a></p>
<h3>29. <a href="http://graphicssoft.about.com/od/photoshopdownloads/ss/shapes1_9.htm">Speech Balloon Shapes</a></h3>
<p><a href="http://graphicssoft.about.com/od/photoshopdownloads/ss/shapes1_9.htm"><img src="http://speckyboy.com/wp-content/uploads/2008/06/bubbles.png" alt="Vector Web Design Resources" /></a></p>
<h3>30. <a href="http://www.bittbox.com/freebies/free-vector-badges-glass/">Free Vector Badges - Glass</a></h3>
<p><a href="http://www.bittbox.com/freebies/free-vector-badges-glass/"><img src="http://speckyboy.com/wp-content/uploads/2008/06/badges.png" alt="Vector Web Design Resources" /></a></p>
<img src="http://feeds.feedburner.com/~r/Speckyboy-WordpressAndDesign/~4/307187702" height="1" width="1" /> ]]></description>
				<link>http://speckyboy.com/2008/06/07/30-amazing-free-vector-icons-buttons-stickers-banners-labels-and-speech-bubbles/</link>
				<pubDate>Sun, 08 Jun 2008 02:03:37 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[$4.7B ad drop feared for newspapers]]></title>
				<description><![CDATA[Print newspaper sales this year appear to be on track to drop by some $4.7 billion to less than $37.5 billion, a level not seen since the mid-1990s.

The prediction comes from Paul Ginocchio of Deutsche Bank at a time of growing dismay among media executives who, for the most part, have watched sales weaken every month this year.

“We keep throwing more and more rope into the well, but we never ]]></description>
				<link>http://newsosaur.blogspot.com/2008/06/47b-ad-drop-feared-for-newspapers.html</link>
				<pubDate>Thu, 05 Jun 2008 21:54:00 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[25 of the Best FREE Photoshop Plugins and Filters Resource Sites]]></title>
				<description><![CDATA[<h3>1. <a href="http://photoshop.pluginsworld.com/plugin.php?directory=adobe&amp;software=photoshop&amp;category=0">Plugins World - Directory of plugins for Photoshop</a></h3>
<p><a href="http://photoshop.pluginsworld.com/plugin.php?directory=adobe&amp;software=photoshop&amp;category=0"><img src="http://speckyboy.com/wp-content/uploads/2008/05/pluginsworld.png" alt="Photoshop Plugin" /></a></p>
<h3>2. <a href="http://www.richardrosenman.com/software/downloads/">Richard Roseman Plugin Downloads</a></h3>
<p><a href="http://www.richardrosenman.com/software/downloads/"><img src="http://speckyboy.com/wp-content/uploads/2008/05/richardrosenman.png" alt="Photoshop Plugin" /></a></p>
<h3>3. <a href="http://www.cybia.co.uk/theworks.htm">Cybia - Plug-In Filters - The Works Series</a></h3>
<p><a href="http://www.cybia.co.uk/theworks.htm"><img src="http://speckyboy.com/wp-content/uploads/2008/05/cybia.png" alt="Photoshop Plugin" /></a></p>
<h3>4. <a href="http://www.photoshop-filters.com/html/filter_factory.htm">Photoshop Filters Factory</a></h3>
<p><a href="http://www.photoshop-filters.com/html/filter_factory.htm"><img src="http://speckyboy.com/wp-content/uploads/2008/05/photoshop_filters.png" alt="Photoshop Plugin" /></a></p>
<h3>5. <a href="http://www.thepluginsite.com/">The Plugin Site</a></h3>
<p><a href="http://www.thepluginsite.com/"><img src="http://speckyboy.com/wp-content/uploads/2008/05/thepluginsite.png" alt="Photoshop Plugin" /></a></p>
<h3>6. <a href="http://www.mehdiplugins.com/">Mehdi - Plugins Photoshop</a></h3>
<p><a href="http://www.mehdiplugins.com/"><img src="http://speckyboy.com/wp-content/uploads/2008/05/mehdi.png" alt="Photoshop Plugin" /></a></p>
<h3>7. <a href="http://www.xero-graphics.co.uk/freeware.htm">Xero Graphics : Freeware plugins</a></h3>
<p><a href="http://www.xero-graphics.co.uk/freeware.htm"><img src="http://speckyboy.com/wp-content/uploads/2008/05/xero.png" alt="Photoshop Plugin" /></a></p>
<h3>8. <a href="http://www.freephotoshop.com/html/free_plugins.html">freephotoshop.com - Adobe Photoshop Plugins and Filters </a></h3>
<p><a href="http://www.freephotoshop.com/html/free_plugins.html"><img src="http://speckyboy.com/wp-content/uploads/2008/05/freeplug.png" alt="Photoshop Plugin" /></a></p>
<h3>9. <a href="http://technotarget.com/free-photoshop-plugins/">Free Photoshop Plugins | TechnoTarget</a></h3>
<p><a href="http://technotarget.com/free-photoshop-plugins/"><img src="http://speckyboy.com/wp-content/uploads/2008/05/technotarget.png" alt="Photoshop Plugin" /></a></p>
<h3>10. <a href="http://pstutorialsblog.com/free-photoshop-plugins/">Free Photoshop Plugins » Photoshop Tutorials Blog</a></h3>
<p><a href="http://pstutorialsblog.com/free-photoshop-plugins/"><img src="http://speckyboy.com/wp-content/uploads/2008/05/pstutorialsblog.png" alt="Photoshop Plugin" /></a></p>
<h3>and the rest&#8230;</h3>
<p><strong>11</strong>. <a href="http://www.photoshopsupport.com/tools.html">Free Photoshop Brushes and Plugins | PhotoshopSupport.com</a>.</p>
<p><strong>12</strong>. <a href="http://www.telegraphics.com.au/sw/">Telegraphics - Free plugins for Photoshop</a>.</p>
<p><strong>13</strong>. <a href="http://www.photoshopsupport.com/tools/plugins.html">Adobe Photoshop Plugins DIRECTORY | PhotoshopSupport.com</a>.</p>
<p><strong>14</strong>. <a href="http://www.photo-plugins.com/Plugins/Plugins/">Plugins - Photo-Plugins</a>.</p>
<p><strong>15</strong>. <a href="http://www.thepluginsite.com/products/harrysfilters/index.htm">The Plugin Site - Adobe Photoshop plugins and filters</a>.</p>
<p><strong>16</strong>. <a href="http://www.telegraphics.com.au/sw/">Telegraphics - Free plugins for Photoshop and Illustrator</a>.</p>
<p><strong>17</strong>. <a href="http://www.littleinkpot.co.uk/FreePlugins.htm">Little Ink Pot - Free Plugins</a>.</p>
<p><strong>18</strong>. <a href="http://www.hdrsoft.com/">HDR photo software and plugins</a>.</p>
<p><strong>19</strong>. <a href="http://www.vanderlee.com/plugins.html">VanDerLee - Plug-ins</a>.</p>
<p><strong>20</strong>. <a href="http://www.red-field.com/Downloads.htm">Red-Field Photoshop Plugins</a>.</p>
<p><strong>21</strong>. <a href="http://amicoperry.altervista.org/luce/main.html">Luce site</a>.</p>
<p><strong>22</strong>. <a href="http://gopog.net/?cat=4">Pog’s Notes » Plugins</a>.</p>
<p><strong>23</strong>. <a href="http://www.adobe.com/products/plugins/photoshop/">Adobe - Adobe Photoshop CS3: Plug-ins</a>.</p>
<p><strong>24</strong>. <a href="http://www.afh.com/web/pshop/free.html">AFH Systems Group - Plug-ins</a>.</p>
<p><strong>25</strong>. <a href="http://www.mways.co.uk/prog/plugin.php">Mysterious Ways (Almathera Plug-in Collection)</a>.</p>
<img src="http://feeds.feedburner.com/~r/Speckyboy-WordpressAndDesign/~4/305197738" height="1" width="1" /> ]]></description>
				<link>http://speckyboy.com/2008/06/05/25-of-the-best-photoshop-plugins-and-filters-resource-sites/</link>
				<pubDate>Thu, 05 Jun 2008 05:34:54 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Is that really WordPress?]]></title>
				<description><![CDATA[<p><span class="dropcap">W</span>ordPress&#8217; power, flexibility and ease of use have turned it into an amazingly popular personal publishing platform.</p>
<p><span class="pullquote right">The power and flexibility of WordPress never ceases to amaze me!</span></p>
<p>But WordPress isn&#8217;t powering only personal blogs these days. Corporate websites, news sites, online magazines, and others are powered by WordPress.</p>
<p>Something we&#8217;re seeing more of lately, is WordPress as a content management system (CMS). With some knowledge of how WordPress <a href="http://codex.wordpress.org/Pages" title="In WordPress, you can write either posts or pages.">Pages</a> work, and a few handy plugins, you too can have your very own WordPress powered content management system, or CMS.</p>
<p>Here&#8217;s a few screenshots from some of the finer looking sites which are currently powered by WordPress as a CMS:</p>
<h3>WordPress as a CMS</h3>
<p>&nbsp;</p>
<p><a href="http://www.camachocigars.com/" title="camachocigars.com">Camacho Cigars</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_camachocigars.jpg" alt="Camacho Cigars screenshot" width="420" height="371" class="frame center" /><span id="more-102"></span></p>
<p>&nbsp;</p>
<p><a href="http://www.ilovenelson.com/" title="ilovenelson.com">I Love Nelson</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_ilovenelson.jpg" alt="I Love Nelson screenshot" width="420" height="324" class="frame center" /></p>
<p>&nbsp;</p>
<p><a href="http://www.thinkvitamin.com/" title="thinkvitamin.com">Think Vitamin</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_thinkvitamin.jpg" alt="Think Vitamin screenshot" width="420" height="345" class="frame center" /></p>
<p>&nbsp;</p>
<p><a href="http://stanford.edu/" title="stanford.edu">Stanford University</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_stanforduniversity.jpg" alt="Stanford University screenshot" width="420" height="364" class="frame center" /></p>
<p>&nbsp;</p>
<p><a href="http://autoshows.ford.com/" title="autoshows.ford.com">Ford Auto Show</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_fordautoshow.jpg" alt="Ford Auto Show screenshot" width="420" height="358" class="frame center size-full wp-image-110" /></p>
<p>&nbsp;</p>
<p><a href="http://nathanielstern.com/" title="nathanielstern.com">Nathaniel Stern</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_nathanielstern.jpg" alt="Nathaniel Stern screenshot" width="420" height="350" class="frame center" /></p>
<p>&nbsp;</p>
<p><a href="http://www.twistnshout.com/twist/" title="twistnshout.com">Twist &#8216;n Shout</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_twistnshout.jpg" alt="Twist 'n Shout screenshot" width="420" height="289" class="frame center" /></p>
<p>&nbsp;</p>
<p><a href="http://www.equaldesign.co.uk/" title="equaldesign.co.uk">Equal Design</a></p>
<p><img src="http://www.wpproject.com/wp-content/uploads/2008/06/screenshot_equaldesign.jpg" alt="Equal Design screenshot" width="420" height="331" class="frame center" /></p>
<p>&nbsp;</p>
<p>As you can see, there are plenty of quality sites utilizing WordPress as a content management system. The way in which some of them are constructed is quite remarkable.</p>
<p>If <strong>you</strong> notice a super cool or unique site which is powered by WordPress, I&#8217;d love to hear about it.</p>
<img src="http://feeds.feedburner.com/~r/WpProject/~4/304296349" height="1" width="1" /> ]]></description>
				<link>http://feeds.feedburner.com/~r/WpProject/~3/304296349/</link>
				<pubDate>Wed, 04 Jun 2008 02:00:07 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Creative Examples of WordPress Themes Modifications]]></title>
				<description><![CDATA[<p>We know well that everyone wish to have a <strong>WordPress Theme</strong> more <em>personalized </em>and <em>unique </em>. But what to do in case we can&#8217;t create new themes? Very simply: modify an already existing theme. Even I have gone to this method on my personal <a href="http://ciorici.com">blog</a>, transforming <strong><a href="http://designdisease.com/portfolio/dilectio_wordpress_theme/">Dilectio</a></strong> theme created by <strong>Design Disease</strong>, which I liked very much and I changed a little header and background.<span id="more-289"></span></p>
<p>Below you will find some less unusual examples of <strong>creative modifications</strong> of the standard Themes for <strong>WordPress</strong>.</p>
<p>Thanks to <a href="http://www.welovewp.com">WeLoveWP</a>, <a href="http://wpcube.com">WP Cube</a> and  <a href="http://wp-premiums.com/">WP-Premiums</a>, which made me write this article easier :)</p>
<p><!--more--></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-0439009907588602";
/* 336x280, creat 28.05.2008 */
google_ad_slot = "8847868502";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<ul class="webroundup">
<li>
<h4>1. News Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/1.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://quommunication.com/news/index.html">Visit Original Theme</a>  <a href="http://youthwurx.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>2. Blogging Experiment Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/2.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://bloggingexperiment.com/blog-theme/">Visit Original Theme</a>  <a href="http://theblogentrepreneur.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>3. CSS Gallery Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/3.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://www.osdesigner.net/">Visit Original Theme</a>  <a href="http://www.webdesign-is-art.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>4. Fresh News Theme </h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/4.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://www.premiumnewstheme.com/fresh-news/">Visit Original Theme</a>  <a href="http://www.dental-plan-providers.com/Blog/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>5. The Original Premium News</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/5.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://original.premiumnewstheme.com/">Visit Original Theme</a>  <a href="http://www.readtheloop.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>6. Dilectio Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/6.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://wp-themes.designdisease.com/2007/12/21/dilectio-wordpress-theme/">Visit Original Theme</a>  <a href="http://tonymorganlive.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>7. News Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/7.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://quommunication.com/news/index.html">Visit Original Theme</a>  <a href="http://www.youthedesigner.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>8. Dilectio Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/8.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://wp-themes.designdisease.com/2007/12/21/dilectio-wordpress-theme/">Visit Original Theme</a>  <a href="http://www.boogiesbc.ro/blog/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>9. Graph Paper Press Deadwood</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/9.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://graphpaperpress.com/2008/01/06/deadwood/">Visit Original Theme</a>  <a href="http://dopeswan.org/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>10. CSS Gallery </h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/10.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://www.osdesigner.net/">Visit Original Theme</a>  <a href="http://www.creativeandlink.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>11. MagNews Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/11.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://magnewstheme.com/">Visit Original Theme</a>  <a href="http://www.matblogg.se/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>12. Revolution Magazine Theme </h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/12.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://www.revolutiontheme.com/magazine/">Visit Original Theme</a>  <a href="http://outlawdesignblog.com/">Visit Modified Theme</a>  </p>
<p></center>
</li>
<li>
<h4>13. Smashing Theme</h4>
<div><img src="http://www.wpzoom.com/images/modified-themes/13.jpg" alt="Modified WordPress Themes" title="Creative Examples of WordPress Themes Modifications" /></div>
<p><center>
<p><a href="http://www.wp-themes.designdisease.com/testrun/?theme=wp_smashingtheme">Visit Original Theme</a>  <a href="http://ohhowlovely.net/">Visit Modified Theme</a>  </p>
<p></center>
</li>
</ul>
<div style="clear:both"></div>
<p><center>If you liked this post, buy me a coffee if you want:<br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="cioricip@gmail.com">
<input type="hidden" name="item_name" value="WPZOOM Donation">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="lc" value="RO">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
<img alt="pixel Creative Examples of WordPress Themes Modifications" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="="height=&quot;" title="Creative Examples of WordPress Themes Modifications" /><br />
</form>
<p> <script type="text/javascript">submit_url = 'http://www.wpzoom.com/design/creative-examples-of-wordpress-themes-modifications/';</script> <script type="text/javascript" src="http://www.designfloat.com/evb/button.php"></script> </center></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/wpzoom?a=A8vdOi"><img src="http://feeds.feedburner.com/~f/wpzoom?i=A8vdOi" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wpzoom?a=oyxili"><img src="http://feeds.feedburner.com/~f/wpzoom?i=oyxili" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wpzoom?a=idDtYI"><img src="http://feeds.feedburner.com/~f/wpzoom?i=idDtYI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wpzoom?a=MaNYpi"><img src="http://feeds.feedburner.com/~f/wpzoom?i=MaNYpi" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wpzoom?a=qRsWWi"><img src="http://feeds.feedburner.com/~f/wpzoom?i=qRsWWi" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wpzoom/~4/303473762" height="1" width="1" /> ]]></description>
				<link>http://feeds.feedburner.com/~r/wpzoom/~3/303473762/</link>
				<pubDate>Tue, 03 Jun 2008 01:54:59 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[WPCustomization V2 Launched]]></title>
				<description><![CDATA[Contrary to popular belief, I did not end up selling WPCustomization.  Instead I let it take a long winder and sprint hiatus until I finished with school.  Today I&#8217;ve launched V2 of the site with an amazing re-design by Matt Davey and myself. The rates are simplified and we&#8217;re immediately open for projects. [...] ]]></description>
				<link>http://danphilibin.com/wpcustomization-v2-launched/</link>
				<pubDate>Mon, 02 Jun 2008 12:38:13 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[rob goodlatte]]></title>
				<description><![CDATA[<p><a href="http://robgoodlatte.com/">Rob Goodlatte</a>&#8217;s site is a prime example of an evolution in the right direction – the improved version of the <a href="http://r1.robgoodlatte.com/">previous incarnation</a> and the developed maturity of its designer. It&#8217;s quite fascinating to track the changes that led to the site&#8217;s makeover that was unveiled last July. Obviously, Rob went through an extensive redesign process: rethinking and <a href="http://robgoodlatte.com/2007/07/20/redesign-purpose-and-process/">justifying every decision</a> behind his site&#8217;s new&nbsp;look.</p>
<p>A rather standard blog layout was replaced with a grid-based structure. The most recent article is featured more prominently with an image and a two-paragraph excerpt, while the four previous posts are showcased in an attractive two-column arrangement with thumbnails and shorter extracts. This setup whets readers&#8217; appetites and leads them to a deeper exploration of the blog&#8217;s&nbsp;archives.</p>
<p>Even Goodlatte&#8217;s rebranding has gone through a major overhaul: the original logo mark was ditched from the header (though kept as an icon in the footer&#8217;s breadcrumbs), leaving the beautiful <a href="http://www.linotype.com/1436/sabon-family.html">Sabon</a> to speak for itself and the designer&#8217;s maturing&nbsp;taste.</p>
<h3>sifr, comprende&nbsp;moi?</h3>
<p>Both previous and the current versions of Goodlatte&#8217;s site rely on the power of sIFR to display article headlines. However the choice of type has progressed from the over-stretched, though fashionable, <a href="http://www.myfonts.com/fonts/fontfont/ff-din/">DIN</a> to  the elegant, contemporary, tall and condensed <a href="http://www.type-invaders.com/chalet/">Chalet&nbsp;Comprimé</a>.</p>
<p><img src="http://media.typesites.com/goodlatte/goodlatte_comments.jpg" alt="Detail screenshot of Rob Goodlatte's comment styling" /></p>
<p>Yet a few design elements were kept: the burgundy-chocolate background from the previous version now decorates the new site&#8217;s header, Rob&#8217;s illustration in the about section stayed the same, and the distinctive brush strokes once again embellish the site&#8217;s grunge look in the header, footer and in the comments area with artistically alternating&nbsp;posts.</p>
<p><img src="http://media.typesites.com/goodlatte/goodlatte_footer.jpg" alt="Closeup of Rob Goodlatte's Footer" /></p>
<h3>impressive&nbsp;details</h3>
<p>What I like about Goodlatte&#8217;s site is the meticulous attention to details and a clever approach to some of the things that are often overlooked on other blogs. Items such as the date formatting below the headline that reads: <em>&#8220;Published 5 days ago, in the early morning under Personal&#8221;</em>, rather than your dry May 26, 2008. The text that greets commenters on individual posts is rotating with quick-witted remarks such as: <em>&#8220;5 comments from the Think Tank&#8221;</em> or <em>&#8220;74 comments from Snooze-Ville&#8221;</em>. I&#8217;ve seen similar approaches on several other blogs, so there&#8217;s nothing ground-breaking here. Nevertheless, I get amazed every time I see such&nbsp;detailing.</p>
<p>It&#8217;s always nice to come across blogs with an inviting and user-friendly information architecture. Rob&#8217;s categorized showcase of recommended posts in the footer allows new readers to better familiarize themselves with the blog&#8217;s past articles. I like how the post&#8217;s meta data received lots of breathing space by getting placed on the sidebar rather than in a typical for blogs fashion – below the headline, all squeezed on one line. An interesting styling of the Archives on the homepage&#8217;s sidebar is worthy of attention as&nbsp;well.</p>
<p>There&#8217;s a sort of playful beauty that results from the combination of typeface choices, and for some reason brown seems to have been the perfect color to accentuate the palette without overwhelming a&nbsp;viewer.</p>
<p>I&#8217;m also quite fond of the image replacement technique for the titles of the three most popular posts on the single post&#8217;s sidebar, with the poster-like look and feel. The column-set Garamond here is a beautiful&nbsp;touch.</p>
<p><img src="http://media.typesites.com/goodlatte/goodlatte_popular.jpg" alt="A look at Goodlatte's popular post style" /></p>
<p>Rob also makes use of some small typographical enhancements, such as replacing all ampersands with a version in Baskerville rather than the default Lucida Grande ampersand which is rather bland. If you&#8217;d like to do this on your blog you could use a plugin such as <a href="http://blog.hamstu.com/2007/05/31/web-typography-just-got-better/">WP-Typogrify</a>. Small changes like this can make a huge difference even though most normal users won&#8217;t pick up on&nbsp;them.</p>
<h3>criticisms</h3>
<p>As much as I love this site, there are a few things that I would personally change if I was the&nbsp;designer.</p>
<p>It makes more sense to position the search bar somewhere near the top of the site. I would prefer to see it above the Archive, rather than at the very bottom of the right&nbsp;sidebar.</p>
<p>However, what puzzles me the most is Rob&#8217;s decision of using one long image for the homepage sidebar, where he uses a precise positioning in pixels for displaying each of the sidebar links. That leads to a rather horrible outcome whenever I try to increase the font size by a&nbsp;notch.</p>
<p>As a reader and commenter, I would also prefer to see the trackbacks at the bottom of the page, rather than mixed with the rest of the comments. As a designer, I&#8217;d like to see Rob&#8217;s portfolio page updated with some of the newer pieces of work. His latest featured site, <a href="http://wisergirls.org/">Wiser</a>, is an absolute beauty, and I can&#8217;t wait to see more of Rob&#8217;s talent at&nbsp;work.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/Typesites?a=V31mMI"><img src="http://feeds.feedburner.com/~f/Typesites?i=V31mMI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Typesites?a=OrzzWI"><img src="http://feeds.feedburner.com/~f/Typesites?i=OrzzWI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Typesites?a=aybvbi"><img src="http://feeds.feedburner.com/~f/Typesites?i=aybvbi" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/Typesites?a=jRy4ni"><img src="http://feeds.feedburner.com/~f/Typesites?i=jRy4ni" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Typesites/~4/303039825" height="1" width="1" /> ]]></description>
				<link>http://typesites.com/rob-goodlatte/</link>
				<pubDate>Mon, 02 Jun 2008 01:59:59 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Google Spreadsheets Tips: Gantt Chart (Microsoft Project-like) using Widget]]></title>
				<description><![CDATA[Google Spreadsheets is a powerful web application to do everything you do using Excel. A nice way to use it is to manage a project plan with a gantt chart (microsoft project-like) and share it on-line with your team.This is a free and versatile solution to do that. This tutorial illustrates how to use Google Spreadsheets <em>Viewpath Gadget</em> to implement it.<br /><br /><div style="text-align: center;"><img src="http://lh5.ggpht.com/antonio.lupetti/SEKeM3fPx_I/AAAAAAAABjY/2pghIuvHZBw/gantt.gif" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br /><img id="BLOGGER_PHOTO_ID_5137681052296777122" alt="" src="http://bp3.blogger.com/_TqPdHmAEwTM/R0y1sktnjaI/AAAAAAAAAlg/jcw1WbgNTso/s400/page_excel.png" align="absmiddle" border="0" /> <a href="http://spreadsheets.google.com/pub?key=pagasc56AdI6EoyGswG4sGw">Take a look at this spreadsheet</a><br /><br /><br /><strong>Step 1: Project Plan structure</strong><br />First step is defiing your project plan structure. I suggest you to use this basic structure:<br /><blockquote>Column A: <em>Task ID (WBS)</em> (an unique ID which identifyes each task with a progressive number).<br />Column B: <em>Task description</em> (a short description of the activity).<br />Column C: <em>Percentage of completion</em> (0%-100%).<br />Column D: <em>Predecessor</em> (finish-start relationships between tasks).<br />Column E: <em>Start date</em> (task start date).<br />Column F: <em>Finis date</em> (task finish date).</blockquote>The result is something like this:<br /><br /><div style="text-align: center;"><img src="http://lh3.ggpht.com/antonio.lupetti/SEKljXfPyCI/AAAAAAAABjw/k9pYbSluhv8/gantt4.gif" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br />All previous fields are required for viewpath gadget but, if you want, you can add other columns with other infos (for example the name of a resource assigned to each task, task duration in terms of day, ecc...). When your project plan structure is completed you are ready to add Gantt Chart using Google Spreadsheets Viewpath Gadget.<br /><br /><strong>Step 2: Add Gantt Gadget</strong><br />Click on <em>Chart icon</em> and select <em>Gadget</em> option.<br /><br /><div style="text-align: center;"><img src="http://lh5.ggpht.com/antonio.lupetti/SEKhP3fPyAI/AAAAAAAABjg/_5tK1BVZrJw/gantt2.gif" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br />In the Gadget window find and select <em>Gantt Chart</em> gadget (by Viewpath) and click on <em>Add to spreadsheet</em> button:<br /><br /><div style="text-align: center;"><img src="http://lh5.ggpht.com/antonio.lupetti/SEKiz3fPyBI/AAAAAAAABjo/H0EEXtImxBk/gantt3.gif" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br />In the <em>option</em> window assign all required parameters to the correct column of your project  plan structure (for example <em>Start dates</em> in this example are in the column E):<br /><br /><div style="text-align: center;"><img src="http://lh3.ggpht.com/antonio.lupetti/SEKnSXfPyDI/AAAAAAAABj4/Geh90r1jOSg/gantt5.gif" style="border: 1px solid rgb(222, 222, 222); padding: 10px;" /><br /></div><br />After assigned all columns, click on <em>apply</em> button and see the result. Now you can save your project plan , publish and share it with all member of your team.<br /><br /><br /><strong>Related Content</strong><br />See also the following link about this topic:<br /><div><ul><li><a href="http://woork.blogspot.com/2008/05/google-spreadsheets-tips-invert-word.html">Google Spreadsheets Tips: invert word position using formulas</a><br /></li><li><a href="http://woork.blogspot.com/2007/12/google-spreadsheets-functions-tutorial.html">Google Spreadsheets: formulas tutorial</a></li><li><a href="http://woork.blogspot.com/2007/12/gantt-chart-with-editgrid-online.html">Gantt Chart with EditGrid online spreadsheets</a> </li><li><a href="http://woork.blogspot.com/2007/11/using-google-spreadsheets-to-implement.html">Implement a Project Plan and manage activities with Google Spreadsheets</a></li><li><a href="http://woork.blogspot.com/2007/11/project-management-project-plan-with.html">Project Management: a project plan with Excel (template)</a> </li><li><a href="http://woork.blogspot.com/2007/12/gantt-chart-by-using-google.html">Gantt Chart using Google Spreadsheets and conditional formatting</a></li><li><a href="http://woork.blogspot.com/2008/02/project-management-excel-gantt-chart.html">Project Management: Excel Gantt Chart Template</a></li></ul></div>
<p><a href="http://feeds.feedburner.com/~a/Woork?a=TQfUZI"><img src="http://feeds.feedburner.com/~a/Woork?i=TQfUZI" border="0"></img></a></p> ]]></description>
				<link>http://feeds.feedburner.com/~r/Woork/~3/302390803/google-spreadsheets-tips-gantt-chart.html</link>
				<pubDate>Sun, 01 Jun 2008 07:13:00 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[This Month’s Best: May 2008]]></title>
				<description><![CDATA[<p>Every month, I&#8217;ll be posting some of the best tutorials, resources, and articles related to web design and development found throughout the month. Have a look at these wonderful links I&#8217;ve managed to find this month.</p>
<h3>Tutorials</h3>
<h4><a href="http://css-tricks.com/how-to-fix-video-slowing-down-page-load-time/" title="How To Fix Video Slowing Down Your Page Load Time - CSS-Tricks">How To Fix Video Slowing Down Your Page Load Time</a></h4>
<p>A short and sweet tutorial on fixing videos that slow down page load time using jQuery and XHTML.</p>
<h4><a href="http://pshero.com/archives/photo-transfer-edge-effect/" title="Photo Transfer Edge Effect | PS HERO">Photo Transfer Edge Effect</a></h4>
<p>Create a vintage photo edge effect.</p>
<p><span id="more-159"></span></p>
<p><a href="http://pshero.com/archives/photo-transfer-edge-effect/"><img src="http://images.sixrevisions.com/2008/05/31-01_photo_transfer_effect.jpg" alt="Photo Transfer Edge Effect | PS HERO" width="312" height="300" /></a></p>
<h4><a href="http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop" title="Design Reviver » Create a Nature Inspired Painted Background in Photoshop">Create a Nature Inspired Painted Background in Photoshop</a></h4>
<p><a href="http://designreviver.com/tutorials/create-a-nature-inspired-painted-background-in-photoshop"><img src="http://images.sixrevisions.com/2008/05/31-05_nature_inspired.jpg" alt="Design Reviver » Create a Nature Inspired Painted Background in Photoshop" width="339" height="272" /></a></p>
<h4><a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/" title="Create a Spectacular Grass Text Effect in Photoshop - PSDTUTS">Create a Spectacular Grass Text Effect in Photoshop</a></h4>
<p><a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/"><img src="http://images.sixrevisions.com/2008/05/31-08_psdtuts_grass_effect.jpg" alt="Create a Spectacular Grass Text Effect in Photoshop - PSDTUTS" width="339" height="200" /></a></p>
<h4><a href="http://www.webdesignerwall.com/tutorials/css-decorative-gallery/" title="CSS Decorative Gallery">CSS Decorative Gallery</a></h4>
<p>Style images in your gallery with this CSS-based technique. There is also a download package associated with the tutorial.</p>
<h4><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery/" title="Easiest Tooltip and Image Preview Using jQuery | Css Globe">Easiest Tooltip and Image Preview Using jQuery</a></h4>
<p>Create a tooltip for links that opens a modal window with an image preview of the web page.</p>
<h4><a href="http://internetducttape.com/2008/05/08/greasemonkey-ninja-jquery/" title="Become a Greasemonkey Ninja with jQuery « // Internet Duct Tape">Become a Greasemonkey Ninja with jQuery</a></h4>
<p>Easily create Greasemonkey scripts using the jQuery framework to reduce the amount of JavaScript you have to write.</p>
<h4><a href="http://devkick.com/blog/parsing-strings-with-jquery/" title="Parsing Strings With jQuery : DevKick Blog">Parsing Strings With jQuery</a></h4>
<p>Make regular expressions/pattern-matching simpler with jQuery.</p>
<h4><a href="http://onwired.com/blog/using-jquery-to-produce-rich-user-interfaces-onwired-portfolio-example/" title="Blog – Using jQuery to Produce Rich User Interfaces | OnWired Web Design Raleigh, Durham, Chapel Hill, NC">Using jQuery to Produce Rich User Interfaces</a></h4>
<p><a href="http://onwired.com/blog/using-jquery-to-produce-rich-user-interfaces-onwired-portfolio-example/"><img src="http://images.sixrevisions.com/2008/05/31-12_onwired_jquery.jpg" alt="Blog – Using jQuery to Produce Rich User Interfaces | OnWired Web Design Raleigh, Durham, Chapel Hill, NC" width="339" height="200" /></a></p>
<p>A tutorial by the wonderful folks at <a href="http://onwired.com/about/" title="The OnWired Story | OnWired Web Design Raleigh, Durham, Chapel Hill, NC">OnWired</a>, on how to use jQuery to provide rich user interaction to websites.</p>
<h4><a href="http://www.insideria.com/2008/05/writing-your-first-yui-applica.html" title="Writing Your First YUI Application - InsideRIA">Writing Your First YUI Application</a></h4>
<p>An introductory tutorial on how to use the Yahoo! User Interface (YUI) library to create rich-internet applications.</p>
<h3>Freebies and Downloads</h3>
<h4><a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/" title="Milky, a free vector icon set - part 1 | Min Tran's weblog">Milky, a free vector icon set</a></h4>
<p><a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/"><img src="http://images.sixrevisions.com/2008/05/31-04_milky_part1.jpg" alt="Milky, a free vector icon" width="339" height="272" /></a></p>
<p>A three part collection of beautiful vector icons. Also check out <a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_2/" title="Milky, a free vector icon set - part 2 | Min Tran's weblog">part 2</a> and <a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_3/" title="Milky, a free vector icon set - part 3 | Min Tran's weblog">part 3</a> of the collection.</p>
<h4><a href="http://www.thewebsqueeze.com/articles/50-free-icon-sets-42.htm" title="50 Free Icon Sets - The Web Squeeze">50 Free Icon Sets</a></h4>
<p>A list of free icon sets.</p>
<h4><a href="http://www.starfishwebconsulting.co.uk/ecommerce-icons" title="Free eCommerce icons | Web Design Belfast">Free eCommerce icons</a></h4>
<p><a href="http://www.starfishwebconsulting.co.uk/ecommerce-icons"><img src="http://images.sixrevisions.com/2008/05/31-09_ecommerce_icons.jpg" alt="Free eCommerce icons | Web Design Belfast" width="339" height="200" /></a></p>
<p>Useful icons for e-commerce applications and platforms, free to download.</p>
<h4><a href="http://www.leigeber.com/2008/05/vertical-flyout-javascript-menu/" title="Vertical Flyout JavaScript Menu - Web Development Blog">Vertical Flyout JavaScript Menu</a></h4>
<p><a href="http://www.leigeber.com/2008/05/vertical-flyout-javascript-menu/"><img src="http://images.sixrevisions.com/2008/05/31-07_vertical_flyout.jpg" alt="Vertical Flyout JavaScript Menu - Web Development Blog" width="339" height="200" /></a></p>
<p>This is a light-weight script (weighing in at about 1.6KB) for creating a JS-based navigation menu with sub-menu items. Check out the <a href="http://sandbox.leigeber.com/flyout/flyout.html" title="JavaScript Dropdown Menu Demo">demonstration</a>.</p>
<h4><a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" title="Horizontal JavaScript Accordion 1kb - Web Development Blog">Horizontal JavaScript Accordion 1kb</a></h4>
<p><a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/"><img src="http://images.sixrevisions.com/2008/05/31-13_accordion.jpg" alt="Horizontal JavaScript Accordion 1kb - Web Development Blog" width="339" height="110" /></a></p>
<p>A light-weight, versatile script for a horizontal, accordion effect.</p>
<h4><a href="http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/" title="Whiteboard - A Free Wordpress Theme Framework | plainbeta">Whiteboard - A Free Wordpress Theme Framework</a></h4>
<p>Whiteboard is a plain Wordpress theme that speeds up custom Wordpress theme development by giving you a &quot;blank canvas&quot; to build upon.</p>
<h4><a href="http://abduzeedo.com/1000-great-ps-free-brushes-paulw" title="1000+ great Photoshop free brushes by PaulW | Abduzeedo - graphic design | design inspiration | design tutorials">1000+ great Photoshop free brushes by PaulW</a></h4>
<p>A ton of free brushes by graphics design <a href="http://paulw.deviantart.com/" title="PAULW on deviantART">PaulW</a> of deviantART (Paul Willocks).</p>
<h3>Inspiration</h3>
<h4><a href="http://vandelaydesign.com/blog/design/flickr-groups-for-designers/" title="99 Flickr Groups for Design Inspiration | Vandelay Website Design">99 Flickr Groups for Design Inspiration</a></h4>
<p>Flickr is an excellent community to stimulate one&#8217;s creativity. Here&#8217;s some worthwhile groups to check out.</p>
<h4><a href="http://alphablogdesigns.com/2008/05/20/timber-inspiration-20-top-notch-wooden-web-designs/" title="Wooden Web Designs | Alpha Blog Designs">Wooden Web Designs</a></h4>
<h4><a href="http://alphablogdesigns.com/2008/05/20/timber-inspiration-20-top-notch-wooden-web-designs/"><img src="http://images.sixrevisions.com/2008/05/31-02_wooden_web_design.jpg" alt="Wooden Web Designs | Alpha Blog Designs" width="450" height="300" /></a></h4>
<p>A collection of designs with a wooden theme.</p>
<h4><a href="http://max.designwalker.com/webdesign/pricing-design/" title="40 Pricing Design Examples | DESIGNwalker max">40 Pricing Design Examples</a></h4>
<p><a href="http://max.designwalker.com/webdesign/pricing-design/"><img src="http://images.sixrevisions.com/2008/05/31_03_product_pricing.jpg" alt="40 Pricing Design Examples" width="339" height="272" /></a></p>
<p>A showcase of excellent examples on providing user&#8217;s with product pricing.</p>
<h4><a href="http://ilovetypography.com/2008/05/07/15-great-examples-of-web-typography-q2-2008/">15 Great Examples of Web Typography</a></h4>
<p>A roundup from <a href="http://ilovetypography.com/about/" title="Typography. About iLT and its author, John Boardley | i love typography, the typography blog">i love typography</a> of brilliant uses of web typography.</p>
<h4><a href="http://www.fuelyourcreativity.com/23-kick-ass-portfolio-designs/" title="24 Kick Ass Portfolio Designs *Updated* | + fuel your creativity // find your spark +">24 Kick Ass Portfolio Designs</a></h4>
<p>A collection of 24 beautiful portfolio designs.</p>
<h4><a href="http://psdtuts.com/inspiration/inspiration-vexel-style-artwork/" title="Inspiration: Vexel Style Artwork - PSDTUTS">Inspiration: Vexel Style Artwork</a></h4>
<p>A showcase of excellent &quot;vexel&quot; artwork for inspiration.</p>
<h4><a href="http://justfordigg.googlepages.com/13-surreal-art-works.html" title="justfordigg - 13 Surreal Artworks">13 Surreal Artworks</a></h4>
<p><a href="http://justfordigg.googlepages.com/13-surreal-art-works.html"><img src="http://images.sixrevisions.com/2008/05/31-10_surreal_artworks.jpg" alt="justfordigg - 13 Surreal Artworks" width="339" height="200" /></a></p>
<p>A collection of surreal artworks.</p>
</p>
<h3>Online Tools</h3>
<h4><a href="http://www.sachagreif.com/drse/" title="Design Resources Search Engine">Design Resources Search Engine</a></h4>
<p>A custom search engine that searches various design-related websites such as DeviantArt, Bittbox, PSDTuts, and Vectips.</p>
<h4><a href="http://www.iconlook.com/" title="ICONlook.com - the icon search.">ICONlook</a></h4>
<p>search for icons using the ICONlook search.</p>
<h4><a href="http://code.google.com/apis/ajaxlibs/" title="AJAX Libraries API - Google Code">AJAX Libraries API - Google Code</a></h4>
<p>Google has launched that AJAX Libraries API which provides developers access to the most popular open source JavaScript libraries such as jQuery, mootools, Dojo. It follows the same concept as YUI, allowing you to use their readily-available, fast infrastructure for your favorite JavaScript libraries/frameworks without hosting it yourself.</p>
<h3>Articles and Lists</h3>
<h4><a href="http://whdb.com/2008/100-killer-web-accessibility-resources-blogs-forums-and-tutorials/" title="100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials | WHDb">100 Killer Web Accessibility Resources: Blogs, Forums and Tutorials</a></h4>
<p>Web accessibility is paramount to the success of any website. If you need to brush up on accessibility concepts and theories, or would like to participate in web accessibility forums, here&#8217;s a list of great resources.</p>
<h4><a href="http://www.blogdesignblog.com/blog-design/usablity-web-design/" title="What Everybody Ought to Know About Usability and Web Design | Creating a blog web design blog">What Everybody Ought to Know About Usability and Web Design</a></h4>
<p>A few tips on things to consider about usability of a web design.</p>
<h4><a href="http://www.risecreativegroup.com/blog/5-tips-for-agile-and-effective-usability-testing/" title="5 Tips for Agile and Effective Usability Testing | On the Rise">5 Tips for Agile and Effective Usability Testing</a></h4>
<p>Usability testing doesn&#8217;t have to be costly and tedious. Read these five simple tips on how to effectively conduct quick usability testing.</p>
<h4><a href="http://alphablogdesigns.com/2008/05/07/drop-caps-101/" title="CSS Drop Caps 101 (with examples) | Alpha Blog Designs">CSS Drop Caps 101 (with examples)</a></h4>
<p>An introductory article of using drop caps in web design.</p>
<h4><a href="http://www.fuelyourcreativity.com/design-rss-roundup/" title="Design RSS Roundup 50+ Feeds | + fuel your creativity // find your spark +">Design RSS Roundup 50+ Feeds</a></h4>
<p>A list of 50 design-related RSS feeds; the author provides an OPML file for download in case you want to incorporate all the feeds in your reader.</p>
<h4><a href="http://www.3point7designs.com/blog/2008/05/08/8-fonts-you-probably-dont-use-in-css-but-should/" title="» 8 fonts you probably don’t use in css, but should - Web Design Marketing Podcast &amp; Blog">8 fonts you probably don’t use in css, but should</a></h4>
<p>Some widely available, installed fonts that you may consider using if you&#8217;re looking into diverging from the Arial, Times New Roman, Verdana fonts. Always have fall-back fonts though, in case the fonts don&#8217;t exist in the user&#8217;s computer.</p>
<h4><a href="http://www.informit.com/articles/article.aspx?p=1193471" title="InformIT: How to Assure a Well-Formed Website &gt; What Is Well-Formedness?">How to Assure a Well-Formed Website</a></h4>
<p>An introductory article that discusses well-formed (a concept from XML) mark-up.</p>
<h4><a href="http://laminbarrow.com/post/2008/5/20/essential-web-browser-tools-for-the-pro-web-developer" title="Essential web browser tools for the pro web developer - Lamin Barrow">Essential web browser tools for the pro web developer</a></h4>
<p>A list of excellent browser-based tools such as Firebug, IE developer tool bar, and Fiddler.</p>
<h4><a href="http://okanogan1.com/wp/?p=64" title="civilization at okanogan1.com » Drupal versus everybody. A CMS Software review">Drupal versus everybody. A CMS Software review</a></h4>
<p>A review of content management systems set against Drupal.</p>
<h4><a href="http://www.photoshoplady.com/most-viewed-photoshop-tutorials/">Most Viewed Photoshop Tutorials</a></h4>
<p>A list of popular Adobe Photoshop tutorials.</p>
<img src="http://feeds.feedburner.com/~r/SixRevisions/~4/301970970" height="1" width="1" /> ]]></description>
				<link>http://feeds.feedburner.com/~r/SixRevisions/~3/301970970/</link>
				<pubDate>Sat, 31 May 2008 14:15:38 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Websites you shouldn’t have missed in May 2008]]></title>
				<description><![CDATA[<p>May was a busy month, we have been watching great news, articles, tutorials, scripts, tips and lot of inspiration for web designers popping up everyday so we thought it would be a great idea to wrap all those resources in one package where you can check to fuel your energy for creativity.</p>
<p><span id="more-349"></span></p>
<p>Today we have a round up of <strong>useful CSS, Ajax, Tutorials, tools, Graphics, WordPress and articles </strong>we’ve found in <strong>May </strong>that is worth your time.</p>
<hr/>
<p><script type="text/javascript"><!--
google_ad_client = "pub-5772113346494698";
//post ad, created 1/20/08
google_ad_slot = "3931400537";
google_ad_width = 300;
google_ad_height = 250;
//--></script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<hr/>
<h4 class="title">Tutorials</h4>
<p>1- <a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/" class="showcase">Create a Spectacular Grass Text Effect in Photoshop</a> </p>
<p><a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/" class="showcase"><img src="http://noupe.com/img/bestmay6.jpg" alt="" style="float:left" /></a></p>
<p>How to create a rather cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.<a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout the Tutorial</a></p>
<hr/>
<p>2- <a href="http://veerle.duoh.com/blog/comments/creating_geometric_patterns_in_illustrator/" class="showcase">Creating geometric patterns in Illustrator</a> </p>
<p><a href="http://veerle.duoh.com/blog/comments/creating_geometric_patterns_in_illustrator/" class="showcase"><img src="http://noupe.com/img/bestmay45.gif" alt="" style="float:left" /></a></p>
<p>It’s just not always that simple to create perfectly seamless patterns, especially with geometric forms. Veerle shows us how to create a geometric pattern shape and fill a background with it using the method described<a href="http://veerle.duoh.com/blog/comments/creating_geometric_patterns_in_illustrator/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> in this tutorial</a></p>
<hr/>
<p>3- <a href="http://speckyboy.com/2008/05/03/want-to-be-an-icon-designer-15-amazing-photoshop-icon-tutorials/" class="showcase">15 Amazing Photoshop Icon Tutorials</a> </p>
<p><a href="http://speckyboy.com/2008/05/03/want-to-be-an-icon-designer-15-amazing-photoshop-icon-tutorials/" class="showcase"><img src="http://noupe.com/img/bestmay40.jpg" alt="" style="float:left" /></a></p>
<p>Ever wondered how the great icon designer do it? Well, here are 15 Photoshop Tutorials that lets you peek behind the curtain and get you started. <a href="http://speckyboy.com/2008/05/03/want-to-be-an-icon-designer-15-amazing-photoshop-icon-tutorials/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Check it out</a>.</p>
<hr/>
<p>4- <a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/" class="showcase">Nice ‘n’ Simple Subscribe Badges</a> </p>
<p><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/" class="showcase"><img src="http://noupe.com/img/bestmay41.jpg" alt="" style="float:left" /></a></p>
<p>In this Photoshop tutorial you’ll be making those cool supermarket-style badges, then you’ll be turning them into subscribe buttons for your website, a must-have for any blog!  <a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Tutorial</a>.</p>
<hr/>
<p>5- <a href="http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/" class="showcase">Amazing Retro Rainbow Curves</a> </p>
<p><a href="http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/" class="showcase"><img src="http://noupe.com/img/bestmay50.jpg" alt="" style="float:left" /></a></p>
<p>In this tutorial, David Leggett will show you how to design some amazing vector based Retro Rainbow Curves using Adobe Photoshop. These retro artifacts have become a popular trend in modern design! <a href="http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Tutorial</a>.</p>
<hr/>
<p>6- <a href="http://woork.blogspot.com/2008/05/pastel-color-menu-with-dynamic-submenu.html" class="showcase">Pastel color menu with dynamic submenu using CSS</a> </p>
<p><a href="http://woork.blogspot.com/2008/05/pastel-color-menu-with-dynamic-submenu.html" class="showcase"><img src="http://noupe.com/img/bestmay26.jpg" alt="" style="float:left" /></a></p>
<p>This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS and some lines of javascript code. <a href="http://woork.bravehost.com/pastelmenu/index.html" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout ou the demo here</a>.</p>
<hr/>
<p>7- <a href="http://tutorialblog.org/creative-uses-for-the-clouds-filter-in-photoshop/" class="showcase">Three Simple Uses For The ‘Clouds’ Filter in Photoshop</a> </p>
<p><a href="http://tutorialblog.org/creative-uses-for-the-clouds-filter-in-photoshop/" class="showcase"><img src="http://noupe.com/img/bestmay15.jpg" alt="" style="float:left" /></a></p>
<p>Here are three simple uses of the “clouds” filter (Filter > Render > Clouds) in photoshop. Using both the foreground and background color, it creates a misty/cloudy fill. This simple filter can be used for all kind of interesting things, especially when combined with other filters, layer effects, and layer modes.<br />
<a href="http://tutorialblog.org/creative-uses-for-the-clouds-filter-in-photoshop/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Tutorial.</a></p>
<hr/>
<h4 class="title">Ajax and Javascript</h4>
<p>8- <a href="http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" class="showcase">How to Load In and Animate Content with jQuery<br />
</a> </p>
<p><a href="http://nettuts.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" class="showcase"><img src="http://noupe.com/img/bestmay33.jpg" alt="" style="float:left" /></a></p>
<p> How to add ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. With awesome animation effect. <a href="http://nettuts.s3.amazonaws.com/011_jQuerySite/sample/index.html" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout out the demo here</a>.</p>
<hr/>
<p>9- <a href="http://developer.yahoo.com/ypatterns/" class="showcase">Yahoo! Design Pattern Library</a> </p>
<p><a href="http://developer.yahoo.com/ypatterns/" class="showcase"><img src="http://noupe.com/img/bestmay10.jpg" alt="" style="float:left" /></a></p>
<p>Yahoo! Design Pattern Library are thrilled to be sharing patterns and code with the web design and development community.<a href="http://developer.yahoo.com/ypatterns/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it out</a>.</p>
<hr/>
<p>10- <a href="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm" class="showcase">Animated Collapsible DIV v2.0</a> </p>
<p><a href="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm" class="showcase"><img src="http://noupe.com/img/bestmay30.gif" alt="" style="float:left" /></a></p>
<p> This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth &#8220;Web 2.0 style&#8221; animation. It&#8217;s a popular effect on many social networking/ comment sites.<a href="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it out</a>.</p>
<hr/>
<p>11- <a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" class="showcase">Horizontal JavaScript Accordion 1kb<br />
</a> </p>
<p><a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" class="showcase"><img src="http://noupe.com/img/bestmay32.gif" alt="" style="float:left" /></a></p>
<p> 1kb horizontal accordion script can be used for menus, images, presentation content and more. <a href="http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it out</a>.</p>
<hr/>
<p>12- <a href="http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links/" class="showcase">Context Hover, adding context &#038; feedback to your links</a> </p>
<p> When you put focus on a link in Opera Mini it puts a hover effect on not only the current link, but all other links with the same URL. This script gives you the same effect when used in your website. <a href="http://kilianvalkhof.com/2008/css-xhtml/context-hover-adding-context-feedback-to-your-links/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it out</a>.</p>
<hr/>
<p>13- <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" class="showcase">jQuery iPod-style Drilldown Menu</a> </p>
<p><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" class="showcase"><img src="http://noupe.com/img/bestmay42.gif" alt="" style="float:left" /></a></p>
<p> An iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. This drilldown menu provides easy navigation of complex nested structures with any number of levels.  <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it out</a>.</p>
<hr/>
<h4 class="title">CSS</h4>
<p>14- <a href="http://www.marcofolio.net/css/a_parallax_illusion_with_css_the_horse_in_motion.html" class="showcase">A parallax illusion with CSS: The Horse in Motion </a></p>
<p><a href="http://www.marcofolio.net/css/a_parallax_illusion_with_css_the_horse_in_motion.html" class="showcase"><img src="http://noupe.com/img/bestmay2.jpg" alt="" /></a></p>
<p> An impressive optical illusion using the CSS parallax technique. Check out the <a href="http://demo.marcofolio.net/a_parallax_illusion_with_css/" title="A parallax illusion with CSS" target="_blank"><strong>demo page</strong></a> and resize your browser to see the effect. </p>
<hr/>
<p>15- <a href="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/" class="showcase">Which CSS Grid Framework Should You Use for Web Design?</a></p>
<p><a href="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/" class="showcase"><img src="http://noupe.com/img/bestmay11.jpg" alt="" /></a></p>
<p> In this article you’ll get an overview of the current batch of  CSS Grid Frameworks and which you should choose to use. </p>
<hr/>
<p>16- <a href="http://css-tricks.com/creating-a-unique-contact-for/" class="showcase">Building a Unique Contact Form</a> </p>
<p><a href="http://css-tricks.com/creating-a-unique-contact-for/" class="showcase"><img src="http://noupe.com/img/bestmay3.jpg" alt="" style="float:left" /></a></p>
<p>How to build a contact form using HTML/CSS, as well as add some validation with jQuery, and make it tick with PHP. <a href="http://css-tricks.com/examples/ContactForm/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout the Demo</a></p>
<hr/>
<p>17- <a href="http://bitsonewmedia.com/permalink/5_free_html_editors" class="showcase">5 free HTML editors that get the job done</a> </p>
<p><a href="http://bitsonewmedia.com/permalink/5_free_html_editors" class="showcase"><img src="http://noupe.com/img/bestmay19.gif" alt="" style="float:left" /></a></p>
<p>An excellent review by bitsonewmedia to five solid HTML editors that get the job done.<a href="http://bitsonewmedia.com/permalink/5_free_html_editors" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Review</a></p>
<hr/>
<p>18- <a href="http://www.onyx-design.net/weblog2/css/css-diseases-divitis-classitis/" class="showcase">CSS Diseases: Divitis &#038; Classitis</a> </p>
<p>Are you one of the CSS coders that use div-tags for anything and add classes to every element? Learn why it’s wrong to do that and how you can cure your CSS disease.<a href="http://www.onyx-design.net/weblog2/css/css-diseases-divitis-classitis/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Post</a></p>
<hr/>
<p>19- <a href="http://csswizardry.com/typogridphy/" class="showcase">Typogridphy</a> </p>
<p>Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.<a href="http://csswizardry.com/typogridphy/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Check it out</a>.</p>
<hr/>
<h4 class="title">Design</h4>
<p>20- <a href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" class="showcase">Applying Divine Proportion To Your Web Designs</a> </p>
<p><a href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" class="showcase"><img src="http://noupe.com/img/bestmay23.jpg" alt="" style="float:left" /></a></p>
<p>This article explains what is the Divine proportion and what is the Rule of Thirds and describes how you can apply both of them effectively to your designs.<a href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a></p>
<hr/>
<p>21- <a href="http://www.smileycat.com/design_elements/footers/" class="showcase">Footers </a> </p>
<p><a href="http://www.smileycat.com/design_elements/footers/" class="showcase"><img src="http://noupe.com/img/bestmay39.jpg" alt="" style="float:left" /></a></p>
<p>Footers can be much more than an afterthought containing the fine print of a web site. With the right design they can reinforce brand awareness and drive internal traffic. Here is an awesome collection of some of the <a href="http://www.smileycat.com/design_elements/footers/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">best designed footers on the web</a>.</p>
<hr/>
<p>22- <a href="http://davidwalsh.name/ways-subliminally-tell-users-dont-come-back" class="showcase">6 Ways To Subliminally Tell Users “Don’t Come Back”</a> </p>
<p>Here are a few ways to tell the user to never come back to your website.<a href="http://davidwalsh.name/ways-subliminally-tell-users-dont-come-back" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Post</a></p>
<hr/>
<p>23- <a href="http://www.problogdesign.com/design/make-the-web-a-less-colorful-place/" class="showcase">Make The Web a Less Colorful Place</a> </p>
<p>More color does not necessarily equal a better design. There is no need to jazz things up with buckets of color if the site does not warrant it. This article explains why you might want to use a monochromatic design and how it&#8217;s done.<a href="http://www.problogdesign.com/design/make-the-web-a-less-colorful-place/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a></p>
<hr/>
<p>24- <a href="http://www.developertutorials.com/blog/design/getting-away-with-murder-design-rip-off-horror-stories-203/" class="showcase">Getting Away With Murder: Design Rip-Off Horror Stories</a> </p>
<p>If someone&#8217;s ever ripped off your site design or theme, some of these stories will truly make your blood boil but beyond that, how to fight back!<a href="http://www.developertutorials.com/blog/design/getting-away-with-murder-design-rip-off-horror-stories-203/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a>.</p>
<hr/>
<p>25- <a href="http://www.blogdesignblog.com/blog-design/usablity-web-design/" class="showcase">What Everybody Ought to Know About Usability and Web Design</a> </p>
<p><a href="http://www.blogdesignblog.com/blog-design/usablity-web-design/" class="showcase"><img src="http://noupe.com/img/bestmay52.jpg" alt="" style="float:left" /></a></p>
<p>Usability has become a hot topic and everyone wants a piece of it by writing their own list of guidelines. This article focus on two rule of thumbs. Those two are to make it easy to read and make it easy to find stuff. <a href="http://www.blogdesignblog.com/blog-design/usablity-web-design/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a></p>
<hr/>
<p>26- <a href="http://abduzeedo.com/i-know-design-finished-when" class="showcase">A Design is Finished when&#8230; 23 Pro Designers&#8217; Opinions</a> </p>
<p><a href="http://abduzeedo.com/i-know-design-finished-when" class="showcase"><img src="http://noupe.com/img/bestmay54.jpg" alt="" style="float:left" /></a></p>
<p>One of the most important and hardest things to overcome when designing is to understand when the piece you are designing on is actually finished. So 23 Pro Designers share their <a href="http://abduzeedo.com/i-know-design-finished-when" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> opinion here </a>.</p>
<hr/>
<h4 class="title">Freebies</h4>
<p>27- <a href="http://www.bittbox.com/freebies/free-vectors-hand-drawn-decorative-elements/" class="showcase">Free Vectors: Hand-Drawn Decorative Elements</a> </p>
<p><a href="http://www.bittbox.com/freebies/free-vectors-hand-drawn-decorative-elements/" class="showcase"><img src="http://noupe.com/img/bestmay37.gif" alt="" style="float:left" /></a></p>
<p>These were hand sketched on pencil/paper then scanned and converted to a nice decorative vector element.<a href="http://www.bittbox.com/freebies/free-vectors-hand-drawn-decorative-elements/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it Out</a>.</p>
<hr/>
<p>28- <a href="http://photoshop.aws.sitepoint.com/" class="showcase">Free 278 Page PDF eBook- The Photoshop Anthology</a> </p>
<p><a href="http://photoshop.aws.sitepoint.com/" class="showcase"><img src="http://noupe.com/img/bestmay7.jpg" alt="" style="float:left" /></a></p>
<p>Sitepoint are giving away a free download of an extensive e-book for designers for a limited time only! IF you are interested in downloading the free eBook simply go to the <a href="http://photoshop.aws.sitepoint.com/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">  The Photoshop Anthology Home Page</a>.</p>
<hr/>
<p>29- <a href="http://www.yourdesignforums.com/graphic-design-resources/961-free-vector-graphics-giveaway-calendar-icon.html" class="showcase">Free Calendar Icon Set</a> </p>
<p><a href="http://www.yourdesignforums.com/graphic-design-resources/961-free-vector-graphics-giveaway-calendar-icon.html" class="showcase"><img src="http://noupe.com/img/bestmay8.jpg" alt="" style="float:left" /></a></p>
<p>A new calendar icon set has been released on graphic design forums! Simply head on over the design forums to download the <a href="http://www.yourdesignforums.com/graphic-design-resources/961-free-vector-graphics-giveaway-calendar-icon.html" style="background-color:#F0EEE6; padding:3px; color:#2C2421">free calendar icon set</a>.</p>
<hr/>
<p>30- <a href="http://www.starfishwebconsulting.co.uk/ecommerce-icons" class="showcase">Free eCommerce icons</a> </p>
<p><a href="http://www.starfishwebconsulting.co.uk/ecommerce-icons" class="showcase"><img src="http://noupe.com/img/bestmay36.jpg" alt="" style="float:left" /></a></p>
<p>32 free icons to use or remix in your eCommerce projects complete with master SVG file. <a href="http://www.starfishwebconsulting.co.uk/ecommerce-icons" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Enjoy</a>.</p>
<hr/>
<p>31- <a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/" class="showcase"> Milky, a free vector icon set</a> </p>
<p><a href="http://min.frexy.com/article/milky_a_free_vector_icon_set_part_1/" class="showcase"><img src="http://noupe.com/img/bestmay34.jpg" alt="" style="float:left" /></a></p>
<p>Milky is a fresh, crisp and beautiful vector icon set. You can use Milky for both personal and commercial work with free of charge. Milky is available in vector format (EPS), as well as transparent PNGs.</p>
<hr/>
<h4 class="title">General</h4>
<p>32- <a href="http://www.aiplayground.org/artikel/delicious-mates/" class="showcase"> Find Similar Users on del.icio.us</a></p>
<p><a href="http://www.aiplayground.org/artikel/delicious-mates/" class="showcase"><img src="http://noupe.com/img/bestmay47.gif" alt=""style="float:left" /></a></p>
<p> A short Python script that lets you know how to find similar del.icio.us users who share similar interests. <a href="http://www.aiplayground.org/artikel/delicious-mates/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Check it out</a>.</p>
<hr/>
<p>33- <a href="http://www.codeplex.com/DupliFinder" class="showcase"> Duplicate images finder </a></p>
<p><a href="http://www.codeplex.com/DupliFinder" class="showcase"><img src="http://noupe.com/img/bestmay49.gif" alt=""style="float:left" /></a></p>
<p> This application can search through your images collection and find duplicates not only by file name or size, but also by visual similarity.<br />
It done by implementation of some public domain algorithm to do its work. <a href="http://www.codeplex.com/DupliFinder" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Check it out</a>.</p>
<hr/>
<h4 class="title">WordPress</h4>
<p>34- <a href="http://nettuts.com/news/unraveling-the-secrets-of-wordpress-commentsphp-file/" class="showcase">Unraveling the Secrets of WordPress’ Comments.php File</a></p>
<p><a href="http://nettuts.com/news/unraveling-the-secrets-of-wordpress-commentsphp-file/" class="showcase"><img src="http://noupe.com/img/bestmay9.jpg" alt=""style="float:left" /></a></p>
<p> Dissecting the default WordPress theme&#8217;s comments.php structure and giving you various snippets of code to make your skinning easier. <a href="http://nettuts.com/news/unraveling-the-secrets-of-wordpress-commentsphp-file/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Tutorial</a>.</p>
<hr/>
<p>35- <a href="http://www.kriesi.at/archives/wordpress-how-to-separate-comments-and-trackbacks" class="showcase">How to separate comments and trackbacks</a> </p>
<p>Explanation on how to separate comments from trackbacks. <a href="http://www.kriesi.at/archives/wordpress-how-to-separate-comments-and-trackbacks" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a>.</p>
<hr/>
<p>36- <a href="http://mitcho.com/code/yarpp/" class="showcase">Yet Another Related Posts Plugin</a> </p>
<p>Yet Another Related Posts Plugin (YARPP) gives you a list of posts and/or pages related to the current entry, introducing the reader to other relevant content on your site.<a href="http://mitcho.com/code/yarpp/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Article</a>.</p>
<hr/>
<p>37- <a href="http://www.wpzoom.com/wordpress-themes-sets/45-free-premium-wordpress-themes-with-magazine-or-grid-layouts/" class="showcase">45+ Free Premium WordPress Themes with Magazine or Grid Layouts</a> </p>
<p><a href="http://www.wpzoom.com/wordpress-themes-sets/45-free-premium-wordpress-themes-with-magazine-or-grid-layouts/" class="showcase"><img src="http://noupe.com/img/bestmay38.gif" alt="" style="float:left" /></a></p>
<p>A stunning collection of Free Premium WordPress Themes, most of them have magazine or grid layouts.<a href="http://www.wpzoom.com/wordpress-themes-sets/45-free-premium-wordpress-themes-with-magazine-or-grid-layouts/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout it Out</a>.</p>
<hr/>
<p>38- <a href="http://www.perfectsurf.de/tutorial-how-to-use-a-frontpage-slideshow-on-your-wordpress-blog/10112" class="showcase">How To use a Frontpage Slideshow on your Wordpress-Blog</a> </p>
<p>How you can create a fancy frontpage slideshow on the frontpage of your WordPress powered site.<a href="http://www.perfectsurf.de/tutorial-how-to-use-a-frontpage-slideshow-on-your-wordpress-blog/10112" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Tutorial</a>.</p>
<hr/>
<h4 class="title">Inspiration</h4>
<p>39- <a href="http://designreviver.com/inspiration/30-inspiring-poster-designs" class="showcase">30 Inspiring Poster Designs</a></p>
<p><a href="http://designreviver.com/inspiration/30-inspiring-poster-designs" class="showcase"><img src="http://noupe.com/img/bestmay21.jpg" alt=""style="float:left" /></a></p>
<p> By looking at great posters, you can learn a lot about composition, typography, and use of color. Here is a list of beautifully designed posters guaranteed to leave you inspired.<a href="http://designreviver.com/inspiration/30-inspiring-poster-designs" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Post</a> </p>
<hr/>
<p>40- <a href="http://abduzeedo.com/inspiration-calligraphy" class="showcase">Calligraphy</a></p>
<p><a href="http://abduzeedo.com/inspiration-calligraphy" class="showcase"><img src="http://noupe.com/img/bestmay22.jpg" alt=""style="float:left" /></a></p>
<p> Calligraphy is the art of writing and the best thing is that you just need to things to start learning and improving your skills: a pen and a paper. Here are some examples what you can do with it.<a href="http://abduzeedo.com/inspiration-calligraphy" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Post</a> </p>
<hr/>
<p>41- <a href="http://dzineblog.com/2008/05/36-cool-business-cards-you-should%E2%80%99ve-seen.html" class="showcase">36 Cool Business Cards You Should’ve Seen</a></p>
<p><a href="http://dzineblog.com/2008/05/36-cool-business-cards-you-should%E2%80%99ve-seen.html" class="showcase"><img src="http://noupe.com/img/bestmay24.jpg" alt=""style="float:left" /></a></p>
<p> A well designed and printed business card can impress and make people take notice and remember you . A badly designed or printed card can leave a bad impression or even worse be simply forgotten. Here is a collection of cool business cards to inspire you.<a href="http://dzineblog.com/2008/05/36-cool-business-cards-you-should%E2%80%99ve-seen.html" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Post</a> </p>
<hr/>
<h4 class="title">New Lanuches</h4>
<p>42- <a href="http://www.findfreeclipart.com/" class="showcase">Free Clipart &#038; Vector Art search engine</a></p>
<p><a href="http://www.findfreeclipart.com/" class="showcase"><img src="http://noupe.com/img/bestmay4.jpg" alt=""style="float:left" /></a></p>
<p> A new search engine for finding free Clipart works  by searching through millions of web pages to bring you back the most accurate free clipart and free vector art search results possible. <a href="http://www.findfreeclipart.com/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Site</a> </p>
<hr/>
<p>43- <a href="http://audiojungle.net/" class="showcase">AudioJungle </a> </p>
<p><a href="http://audiojungle.net/" class="showcase"><img src="http://noupe.com/img/bestmay13.jpg" alt="" style="float:left" /></a></p>
<p>Eden launches a FlashDen sister site, with AudioJungle, growing the microstock audio market and targeting musicians and sound effect creators.<a href="http://audiojungle.net/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Site</a></p>
<hr/>
<h4 class="title">Resources</h4>
<p>44- <a href="http://vandelaydesign.com/blog/design/psd-to-html-services/" class="showcase">40 Options for Converting PSD to HTML </a> </p>
<p><a href="http://vandelaydesign.com/blog/design/psd-to-html-services/" class="showcase"><img src="http://noupe.com/img/bestmay14.jpg" alt="" style="float:left" /></a></p>
<p>Steven Snell compiled a list of 40 different options  for Converting PSD to HTML with some details on their services.<a href="http://vandelaydesign.com/blog/design/psd-to-html-services/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit the article.</a></p>
<hr/>
<p>45- <a href="http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/" class="showcase">25 resources for ornaments, fleurons, and “frilly bits”</a> </p>
<p><a href="http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/" class="showcase"><img src="http://noupe.com/img/bestmay16.jpg" alt="" style="float:left" /></a></p>
<p>An excellent set of resources for ornaments, fleurons, and frilly bits compiled by Cameron Moll. <a href="http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Post.</a></p>
<hr/>
<p>46- <a href="http://vandelaydesign.com/blog/social-media/designers-on-twitter/" class="showcase">50+ Designers to Follow on Twitter</a> </p>
<p><a href="http://vandelaydesign.com/blog/social-media/designers-on-twitter/" class="showcase"><img src="http://noupe.com/img/bestmay17.jpg" alt="" style="float:left" /></a></p>
<p>An amazing compilation by Steven Snel to over 50 designer&#8217;s Twitter profile, which should give you a great start to following some talented designers.<a htref="https://twitter.com/snookca">Jonathan Snook</a>, <a href="https://twitter.com/zeldman">Jeffrey Zeldman</a>, <a href="https://twitter.com/vpieters">Veerle Pieters</a> and more. <a href="http://vandelaydesign.com/blog/social-media/designers-on-twitter/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Check it out.</a></p>
<hr/>
<p>47- <a href="http://sixrevisions.com/resources/websites_for_web_development/" class="showcase">30 Websites to follow if you’re into Web Development</a></p>
<p><a href="http://sixrevisions.com/resources/websites_for_web_development/" class="showcase"><img src="http://noupe.com/img/bestmay5.jpg" alt=""style="float:left" /></a></p>
<p> A post highlighting some of the best sites that covers fields relating to web development - such information architecture, user interaction, and web/graphics design. Luckily <a href="http://www.noupe.com">Noupe</a> was one of them :). <a href="http://sixrevisions.com/resources/websites_for_web_development/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Visit Post</a> </p>
<hr/>
<h4 class="title">Interviews</h4>
<p>48- <a href="http://freelanceswitch.com/interviews/there-is-no-pattern-an-interview-with-chuck-anderson/" class="showcase">There is No Pattern: an Interview With Chuck Anderson</a> </p>
<p><a href="http://freelanceswitch.com/interviews/there-is-no-pattern-an-interview-with-chuck-anderson/" class="showcase"><img src="http://noupe.com/img/bestmay12.jpg" alt="" style="float:left" /></a></p>
<p>Chuck Anderson worked for clients for whom the words ‘high-profile’ seem like an understatement: Adidas, Microsoft, Pepsi, Absolut, Rolling Stone, Nokia, Sony, Reebok… the impressive list goes on. Collis Ta’eed, recently had the opportunity to ask Chuck how all this success came his way.<a href="http://freelanceswitch.com/interviews/there-is-no-pattern-an-interview-with-chuck-anderson/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout the interview</a></p>
<hr/>
<p>49- <a href="http://sharebrain.info/journal/braintalk/braintalk-with-andrew-egenes/2298/" class="showcase">Braintalk with Andrew Egenes</a> </p>
<p><a href="http://sharebrain.info/journal/braintalk/braintalk-with-andrew-egenes/2298/" class="showcase"><img src="http://noupe.com/img/bestmay53.gif" alt="" style="float:left" /></a></p>
<p>Andrew, the creator of <a href="http://www.designfloat.com/">Designfloat</a>, answered 15 questions about his work. So if you want to know the guy behind <a href="http://www.designfloat.com/">Designfloat</a> a little better: here you go.<a href="http://sharebrain.info/journal/braintalk/braintalk-with-andrew-egenes/2298/" style="background-color:#F0EEE6; padding:3px; color:#2C2421"> Checkout the interview</a></p>
<hr/>
<p>50- <a href="http://willsherwood.com/?p=258" class="showcase">Success Secrets from Rick Valicenti</a> </p>
<p><a href="http://willsherwood.com/?p=258" class="showcase"><img src="http://noupe.com/img/bestmay20.gif" alt="" style="float:left" /></a></p>
<p>An exciting interview with Rick Valicenti sharing his secrets of success and his thoughts on having faith in his creativity.<a href="http://willsherwood.com/?p=258" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit the interview.</a></p>
<hr/>
<h4 class="title">SEO</h4>
<p>51- <a href="http://www.bloggingtips.com/2008/05/12/effective-internal-linking-practices/" class="showcase">Effective Internal Linking Practices</a> </p>
<p>Eric Odom had put together a fairly solid list of tips to use when linking to your own content via a new post or page.<a href="http://www.bloggingtips.com/2008/05/12/effective-internal-linking-practices/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit the article.</a></p>
<hr/>
<p>52- <a href="http://www.webdesignerwall.com/general/seo-guide-for-designers/" class="showcase">SEO Guide for Designers</a> </p>
<p><a href="http://www.webdesignerwall.com/general/seo-guide-for-designers/" class="showcase"><img src="http://noupe.com/img/bestmay19.gif" alt="" style="float:left" /></a></p>
<p>This is an SEO guide for designers who want to learn about making it easier for websites or blogs to be found by search engines. <a href="http://www.webdesignerwall.com/general/seo-guide-for-designers/" style="background-color:#F0EEE6; padding:3px; color:#2C2421">Visit Article.</a></p>
<hr/>
<p>53- <a href="http://www.mattcutts.com/blog/helping-hacked-sites/" class="showcase">Helping hacked sites</a></p>
<p>Matt Cutts explains how Google alerts webmasters of potential hacked websites through google&#8217;s <a href="http://www.google.com/webmasters/tools" style="background-color:#F0EEE6; padding:3px; color:#2C2421">webmaster console</a></p>
<hr/>
<h4 class="title">Contest</h4>
<p>54- <a href="http://www.smashingmagazine.com/2008/05/27/smashing-texture-contest-results/" class="showcase">Smashing Texture Contest Results</a></p>
<p> <a href="http://www.smashingmagazine.com/2008/05/27/smashing-texture-contest-results/" class="showcase"><img src="http://noupe.com/img/bestmay1.jpg" alt="" /></a></p>
<p> Smashing Magazine held a texture contest, and the result was so impressive.  A variety of interesting, exotic or creative textures from all around the globe. Wood, stone, metal, nature, ice, sand, fabric, paper, glass, fire, food and plastic textures.</p>
<hr/>
<img src="http://feeds.feedburner.com/~r/Noupe/~4/302543193" height="1" width="1" /> ]]></description>
				<link>http://feeds.feedburner.com/~r/Noupe/~3/302543193/websites-you-shouldnt-have-missed-in-may-2008.html</link>
				<pubDate>Sun, 01 Jun 2008 16:46:04 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Popular Posts - May 2008]]></title>
				<description><![CDATA[<p>The fifth month of 2008 is now complete and this blog is celebrating the completion of its eighth month of existence. This site has continued to show excellent growth each month, so I like to wrap up each month with our popular posts for that month and also to thank everyone for supporting Hack WordPress through reading, comments, guest posts, and any inbound links you&#8217;ve sent mentioning the stuff you find here. It really is appreciated!</p>
<p>Here are some of last month&#8217;s most popular posts:</p>
<ol>
<li><a href="http://hackwordpress.com/50-best-free-wordpress-themes-gallery/">50 Best Free WordPress Themes Gallery</a></li>
<li><a href="http://hackwordpress.com/copyrighted-images-and-the-ideal-solutions/">Copyrighted Images - And the Ideal Solution</a></li>
<li><a href="http://hackwordpress.com/how-to-make-categories-drop-down-menu/">How To: Making a Categories Drop-Down Menu</a></li>
<li><a href="http://hackwordpress.com/free-magazine-wordpress-theme-introducing-openbook/">Free Magazine Theme: OpenBook</a></li>
<li><a href="http://hackwordpress.com/news-magazine-premium-wordpress-theme-gallery/">News and Magazine Premium WordPress Themes Gallery</a></li>
<li><a href="http://hackwordpress.com/wordpress-resources/">Collection of WordPress Resources</a></li>
</ol>
<p>I would also like to take this opportunity to thank this month&#8217;s sponsor:</p>
<ul>
<li><a href="http://www.skinpress.com/">SkinPress</a> - SkinPress provides a large variety of website templates, including over 60 free WordPress templates.</li>
</ul>
<p>If you have WordPress themes, WordPress plugins, or other WordPress related products and services that you&#8217;d like to promote, we currently have a couple advertising spots available. Advertising rates may be going up soon, but all existing advertisers are grandfathered in at their existing rate for a few months, so now is a good time to sign up! Please check out our <a href="http://hackwordpress.com/advertise/">advertising page</a>, then <a href="http://hackwordpress.com/contact/">contact us</a> if you are interested.</p>
    <p></p>
---
    <p>Enjoy writing about WordPress?  Get yourself more exposure by joining the <a href="http://hackwordpress.com/write/">Hack WordPress writing team</a>!</p>

    <p><a href="http://digg.com/submit?phase=2&amp;url=http://hackwordpress.com/popular-wordpress-posts-may-2008/&amp;title=Popular Posts - May 2008">Digg This Post!</a> | <a href="http://www.stumbleupon.com/submit?url=http://hackwordpress.com/popular-wordpress-posts-may-2008/&amp;title=Popular Posts - May 2008">Stumble This Post!</a> | <a href="http://del.icio.us/post?url=http://hackwordpress.com/popular-wordpress-posts-may-2008/&amp;title=Popular Posts - May 2008">Add this Post to Del.icio.us</a> | <a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http://hackwordpress.com/popular-wordpress-posts-may-2008//&amp;title=Popular Posts - May 2008">Google Bookmark This Post!</a> | <a href="http://www.netscape.com/submit/?U=http://hackwordpress.com/popular-wordpress-posts-may-2008/&amp;T=Popular Posts - May 2008">Netscape it!</a> | <a href="http://hackwordpress.com/popular-wordpress-posts-may-2008/#comments">No comment</a></p>

    <p><a href="http://hackwordpress.com">Hack WordPress</a> &copy; 2008</p>
<p>---<br />Related Articles at Hack WordPress:<ul><li><a href="http://hackwordpress.com/promote-your-popular-posts-with-popularity-contest/" rel="bookmark" title="Permanent Link: Promote Your Popular Posts With Popularity Contest">Promote Your Popular Posts With Popularity Contest</a></li><li><a href="http://hackwordpress.com/popular-posts-december-2007/" rel="bookmark" title="Permanent Link: Popular Posts - December 2007">Popular Posts - December 2007</a></li><li><a href="http://hackwordpress.com/popular-posts-november-2007/" rel="bookmark" title="Permanent Link: Popular Posts - November 2007">Popular Posts - November 2007</a></li><li><a href="http://hackwordpress.com/popular-posts-january-2008/" rel="bookmark" title="Permanent Link: Popular Posts - January 2008">Popular Posts - January 2008</a></li><li><a href="http://hackwordpress.com/popular-posts-february-2008/" rel="bookmark" title="Permanent Link: Popular Posts - February 2008">Popular Posts - February 2008</a></li><li><a href="http://hackwordpress.com/popular-posts-march-2008/" rel="bookmark" title="Permanent Link: Popular Posts - March 2008">Popular Posts - March 2008</a></li></ul></p><br /><img src="http://feeds.feedburner.com/~r/HackWordpress/~4/302250188" height="1" width="1" /> ]]></description>
				<link>http://hackwordpress.com/popular-wordpress-posts-may-2008/</link>
				<pubDate>Sun, 01 Jun 2008 04:00:58 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Manage Your Advertisers With the OIO Publisher WordPress Plugin]]></title>
				<description><![CDATA[<p>When most people start out blogging, it is usually because they love to blog. Remember those days?  Over time, you either quit or continue to grow as a blogger, and it is almost inevitable that at some point you will start to look into monetizing your blog.  Whether you use Google AdSense, affiliate marketing, or direct advertising sales, there is nothing wrong with getting paid for doing what you love to do.  In fact in many ways, getting paid can cause you to work harder and up both the quality and quantity of your work.</p>
<p>One of the many problems with selling direct advertising is that it can sometimes be a pain to manage, and it often takes you away from what you love to do, which is blogging. It is kind of like small business owners who love their job, but hate all the paperwork and accounting that is involved with running and managing their own business.</p>
<p>Fortunately as WordPress bloggers, there is a solution available to us in the form of a WordPress plugin called <a href="http://hackwordpress.com/go/oiopub.php">OIO Publisher</a>. This is an incredible premium WordPress plugin that will completely automate the entire advertising process on your blog.  In fact, chances are that you have seen people using it (including many high profile bloggers), but just not realized this plugin is what they were using to control the entire process from their WordPress dashboard.</p>
<p>When you download OIO Publisher, you&#8217;ll receive a WordPress plugin and be able to get an API key for each blog you want to use it on.  The plugin will create an OIO Publisher tab in your dashboard where you can manage your blogs advertisements (designate how many links, paid reviews, inline ads, banners, or custom advertising your blog will have available), create and manage an affiliate program for products or services on your blog from your dashboard, and even see statistics regarding your advertisements!    Possibly my favorite feature of this plugin is that you can even set the plugin to send weekly reports to your advertisers or place your statistical information into their marketplace.</p>
<p>The best part about this premium plugin is that it will just about manage everything for you for a one-time fee of $37.00.   Once purchased, you then have access to use the plugin on as many blogs as you would like, as well as get access to their downloadable sales platform, marketplace, and all of the other features mentioned above!  You also get free updates each time the plugin is updated.</p>
<p>In my opinion, the value of this plugin heavily outweighs the low price, but if you&#8217;d like to see for yourself the plugin in action, I recommend you check out a <a href="http://hackwordpress.com/go/oiopub.php">demo of OIOPublisher</a> and purchase your copy today.   The demonstation allows you to view how it will look on your blog and how you can manage everything from your WordPress dashboard.</p>
    <p></p>
---
    <p>Enjoy writing about WordPress?  Get yourself more exposure by joining the <a href="http://hackwordpress.com/write/">Hack WordPress writing team</a>!</p>

    <p><a href="http://digg.com/submit?phase=2&amp;url=http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/&amp;title=Manage Your Advertisers With the OIO Publisher WordPress Plugin">Digg This Post!</a> | <a href="http://www.stumbleupon.com/submit?url=http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/&amp;title=Manage Your Advertisers With the OIO Publisher WordPress Plugin">Stumble This Post!</a> | <a href="http://del.icio.us/post?url=http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/&amp;title=Manage Your Advertisers With the OIO Publisher WordPress Plugin">Add this Post to Del.icio.us</a> | <a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin//&amp;title=Manage Your Advertisers With the OIO Publisher WordPress Plugin">Google Bookmark This Post!</a> | <a href="http://www.netscape.com/submit/?U=http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/&amp;T=Manage Your Advertisers With the OIO Publisher WordPress Plugin">Netscape it!</a> | <a href="http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/#comments">No comment</a></p>

    <p><a href="http://hackwordpress.com">Hack WordPress</a> &copy; 2008</p>
<p>---<br />Related Articles at Hack WordPress:<ul><li><a href="http://hackwordpress.com/randomize-your-125x125-banners-with-the-got-banners-wordpress-plugin/" rel="bookmark" title="Permanent Link: Randomize Your 125×125 Banners with the Got Banners WordPress Plugin">Randomize Your 125&#215;125 Banners with the Got Banners WordPress Plugin</a></li><li><a href="http://hackwordpress.com/manage-affiliates-wp-affiliate-pro-wordpress-plugin/" rel="bookmark" title="Permanent Link: Manage Your Blog Affiliates with the WP Affiliate Pro WordPress Plugin">Manage Your Blog Affiliates with the WP Affiliate Pro WordPress Plugin</a></li><li><a href="http://hackwordpress.com/manage-your-group-writing-project-with-wp-submission/" rel="bookmark" title="Permanent Link: Manage Your Group Writing Project with WP-Submission">Manage Your Group Writing Project with WP-Submission</a></li><li><a href="http://hackwordpress.com/easily-upgrade-wordpress-with-the-wordpress-automatic-upgrade-plugin/" rel="bookmark" title="Permanent Link: Easily Upgrade WordPress with the WordPress Automatic Upgrade Plugin">Easily Upgrade WordPress with the WordPress Automatic Upgrade Plugin</a></li><li><a href="http://hackwordpress.com/how-to-backing-up-your-wordpress-blog/" rel="bookmark" title="Permanent Link: How To: Backing Up Your WordPress Blog">How To: Backing Up Your WordPress Blog</a></li><li><a href="http://hackwordpress.com/how-to-prevent-wordpress-plugins-from-breaking-your-blog/" rel="bookmark" title="Permanent Link: How To: Prevent WordPress Plugins From Breaking Your Blog">How To: Prevent WordPress Plugins From Breaking Your Blog</a></li></ul></p><br /><img src="http://feeds.feedburner.com/~r/HackWordpress/~4/301087892" height="1" width="1" /> ]]></description>
				<link>http://hackwordpress.com/manage-advertisers-oio-publisher-wordpress-plugin/</link>
				<pubDate>Fri, 30 May 2008 04:00:06 -0400</pubDate>
			</item>
						<item>
				<title><![CDATA[Create an Impressive Mock-up of a Grunge Box]]></title>
				<description><![CDATA[<p>Learn how to create impressive mock-up designs. In this tutorial, you will learn how to use the Vanishing Point Filter to get quick and professional presentation results. The final result is a realistic looking box, which looks well-worn, as if it was shipped worldwide. Use these techniques to create other mock-ups in your design work as well.</p>
<h3>Final Image Preview</h3>
<p>Before we get started, let&#8217;s take a look at the image we&#8217;ll be creating. Click the screenshot below to view the full-size image. As always, the full layered Photoshop file is available via our <a href="http://psdtuts.com/join-psdtuts-plus/">PSDTUTS Plus membership</a>.</p>
<div class="tutorial_image"><a href="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/final-image.jpg"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/click.jpg" alt="Preview" width="600" height="481" /></a></div>
<h3>Step 1</h3>
<p>We&#8217;ll start with the grunge image; you can use a web banner, a disk label, or anything you want. This tutorial is about creating a mock-up intended to improve the final presentation of your work. Feel free to use any image you prefer.</p>
<p>First create a new blank document <strong>1000px by 330px, RGB 72 pixels/inch</strong>, and paste this <a href="http://www.sxc.hu/photo/997571">image</a> as a background. Then save the document with the name of <strong>&quot;My texture.&quot;</strong> Keep this file handy, as we&#8217;ll need it later in the tutorial.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/1.jpg" border="0" /></div>
<h3>Step 2</h3>
<p>Adjust the image <strong>Levels</strong> using these values.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/2.jpg" border="0" /></div>
<h3>Step 3</h3>
<p>Now add some images to create a grunge collage. Paste this <a href="http://www.sxc.hu/photo/651603">image</a> of a guitar player into a new layer above the background. Then go to <strong>Edit &gt; Transform &gt; Flip Horizontal</strong>. Set the <strong>Blending mode</strong> to <strong>Darken</strong>. Resize it and place it near the building. Finally use the <strong>Magic Wand tool</strong> to select all the white areas of the guitar player and delete them.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/3.jpg" border="0" /></div>
<h3>Step 4</h3>
<p>Find more images, and paste them anywhere you like. You can use this <a href="http://www.sxc.hu/photo/959970">image</a>. Select the <strong>Magic wand tool</strong>. Then delete all the background and paste it at the center of the collage.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/4.jpg" border="0" /></div>
<h3>Step 5</h3>
<p>Use a grunge font to add some text. I used a font called <strong>Acid Label</strong>, downloaded from <a href="http://billyargel.blogspot.com/">here</a>. Then set the type color to <strong>(#130900)</strong> and try to get something like the image below. <strong>Save</strong> your document and <strong>Flatten</strong> the image.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/5.jpg" border="0" /></div>
<h3>Step 6</h3>
<p>Create a new document that is <strong>1024px by 768px and RGB 72pixels/inch</strong>. Create a gradient background that goes from <strong>(#000000) to (#302013)</strong> using the values in the image below.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/143_Grunge_Box/6.jpg" border="0" /></div>
<h3>Step 7</h3>
<p>Hide the gradient layer. Then create two more layers above it, and name both <strong>&quot;Dark Gradient 1&quot; and &quot;Dark Gradient 2&quot;</strong> respectively. Then <strong>Press D</strong> to load the default palette. Fill both layers using the <strong>Gradient tool</strong> (black - transparent). Use the values in the image below.</