<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NLVQ</title>
	<atom:link href="http://nlvq.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://nlvq.com</link>
	<description>Simply Building Great Websites</description>
	<lastBuildDate>Tue, 30 Mar 2010 14:37:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>iPAD Ideas Sheet &#8211; FREE DOWNLOAD</title>
		<link>http://nlvq.com/?p=326</link>
		<comments>http://nlvq.com/?p=326#comments</comments>
		<pubDate>Tue, 30 Mar 2010 14:37:37 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://nlvq.com/?p=326</guid>
		<description><![CDATA[
This template has been designed for wireframing iPad apps. There are three templates within the zip-archive: The first template allows for full size iPad sketching (100%), the second has two iPad templates (at 70% of the normal size) and the last has four iPads sized at 50% of the regular size.
DOWNLOAD
]]></description>
			<content:encoded><![CDATA[<p><a href="http://nlvq.com/wp-content/uploads/2010/03/ipad-idea-sheet-anim.gif"><img class="aligncenter size-full wp-image-327" title="ipad-idea-sheet-anim" src="http://nlvq.com/wp-content/uploads/2010/03/ipad-idea-sheet-anim.gif" alt="" width="600" height="424" /></a></p>
<p>This template has been designed for wireframing iPad apps. There are three templates within the zip-archive: The first template allows for full size iPad sketching (100%), the second has two iPad templates (at 70% of the normal size) and the last has four iPads sized at 50% of the regular size.</p>
<p style="text-align: center;"><strong><a href="http://lab.3fl.jp/?download=ipad-idea-sheet-v01.zip">DOWNLOAD</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://nlvq.com/?feed=rss2&amp;p=326</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery Date/Time</title>
		<link>http://nlvq.com/?p=290</link>
		<comments>http://nlvq.com/?p=290#comments</comments>
		<pubDate>Fri, 12 Mar 2010 21:15:45 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Code]]></category>

		<guid isPermaLink="false">http://nlvq.com/?p=290</guid>
		<description><![CDATA[
  
    sunday, monday, tuesday, wednesday, thursday, friday, saturday,
  
  
    january february march april may june july august september october november december
  
  
    twentieth, twenty thirtieth, thirty
    first, second, third, fourth, fifth, sixth, seventh, eighth, ninth,
 [...]]]></description>
			<content:encoded><![CDATA[<div id="clock" class="hide">
<p>  <span id="days"><br />
    <span id="day0" class="op">sunday,</span> <span id="day1" class="op">monday,</span> <span id="day2" class="op">tuesday,</span> <span id="day3" class="op">wednesday,</span> <span id="day4" class="op">thursday,</span> <span id="day5" class="op">friday,</span> <span id="day6" class="op">saturday,</span></p>
<p>  </span><!--End "days"--></p>
<p>  <span id="months"><br />
    <span id="mon0" class="op">january</span> <span id="mon1" class="op">february</span> <span id="mon2" class="op">march</span> <span id="mon3" class="op">april</span> <span id="mon4" class="op">may</span> <span id="mon5" class="op">june</span> <span id="mon6" class="op">july</span> <span id="mon7" class="op">august</span> <span id="mon8" class="op">september</span> <span id="mon9" class="op">october</span> <span id="mon10" class="op">november</span> <span id="mon11" class="op">december</span></p>
<p>  </span><!--End "months"--></p>
<p>  <span id="date"><br />
    <span id="d20th" class="op">twentieth,</span> <span id="d20" class="op">twenty</span> <span id="d30th" class="op">thirtieth,</span> <span id="d30" class="op">thirty</span><br />
    <span id="d1" class="op">first,</span> <span id="d2" class="op">second,</span> <span id="d3" class="op">third,</span> <span id="d4" class="op">fourth,</span> <span id="d5" class="op">fifth,</span> <span id="d6" class="op">sixth,</span> <span id="d7" class="op">seventh,</span> <span id="d8" class="op">eighth,</span> <span id="d9" class="op">ninth,</span></p>
<p>    <span id="d10" class="op">tenth,</span> <span id="d11" class="op">eleventh,</span> <span id="d12" class="op">twelveth,</span> <span id="d13" class="op">thirteenth,</span> <span id="d14" class="op">fourteenth,</span> <span id="d15" class="op">fifteenth,</span> <span id="d16" class="op">sixteenth,</span> <span id="d17" class="op">seventeenth,</span> <span id="d18" class="op">eighteenth,</span> <span id="d19" class="op">nineteenth,</span></p>
<p>  </span><!--End date--></p>
<p>  <span id="hours"><br />
    <span id="h12" class="op">twelve</span> <span id="h1" class="op">one</span> <span id="h2" class="op">two</span> <span id="h3" class="op">three</span> <span id="h4" class="op">four</span> <span id="h5" class="op">five</span> <span id="h6" class="op">six</span> <span id="h7" class="op">seven</span> <span id="h8" class="op">eight</span> <span id="h9" class="op">nine</span> <span id="h10" class="op">ten</span> <span id="h11" class="op">eleven</span></p>
<p>  </span><!--End hours--><br />
  <span id="ham" class="op">a.m.</span> <span id="hpm" class="op">p.m.</span></p>
<p>  <span id="mand" class="op">-</span><br />
  <span id="minutes"><br />
    <span id="m20" class="op">twenty</span> <span id="m30" class="op">thirty</span> <span id="m40" class="op">forty</span> <span id="m50" class="op">fifty</span></p>
<p>    <span id="m1" class="op">one</span> <span id="m2" class="op">two</span> <span id="m3" class="op">three</span> <span id="m4" class="op">four</span> <span id="m5" class="op">five</span> <span id="m6" class="op">six</span> <span id="m7" class="op">seven</span> <span id="m8" class="op">eight</span> <span id="m9" class="op">nine</span></p>
<p>    <span id="m10" class="op">ten</span> <span id="m11" class="op">eleven</span> <span id="m12" class="op">twelve</span> <span id="m13" class="op">thirteen</span> <span id="m14" class="op">fourteen</span> <span id="m15" class="op">fifteen</span> <span id="m16" class="op">sixteen</span> <span id="m17" class="op">seventeen</span> <span id="m18" class="op">eighteen</span> <span id="m19" class="op">nineteen</span></p>
<p>  </span><!--End minutes--><br />
  <span id="mlab" class="op">minute</span><span id="mlabs" class="op">s</span></p>
<p>  <span id="sand" class="op">and</span><br />
  <span id="seconds"><br />
    <span id="s20" class="op">twenty</span> <span id="s30" class="op">thirty</span> <span id="s40" class="op">forty</span> <span id="s50" class="op">fifty</span></p>
<p>    <span id="s1" class="op">one</span> <span id="s2" class="op">two</span> <span id="s3" class="op">three</span> <span id="s4" class="op">four</span> <span id="s5" class="op">five</span> <span id="s6" class="op">six</span> <span id="s7" class="op">seven</span> <span id="s8" class="op">eight</span> <span id="s9" class="op">nine</span></p>
<p>    <span id="s10" class="op">ten</span> <span id="s11" class="op">eleven</span> <span id="s12" class="op">twelve</span> <span id="s13" class="op">thirteen</span> <span id="s14" class="op">fourteen</span> <span id="s15" class="op">fifteen</span> <span id="s16" class="op">sixteen</span> <span id="s17" class="op">seventeen</span> <span id="s18" class="op">eighteen</span> <span id="s19" class="op">nineteen</span></p>
<p>  </span><!--End seconds--><br />
  <span id="slab" class="op">second</span><span id="slabs" class="op">s</span></p>
</div>
<p><!--End of "clock" div--></p>
]]></content:encoded>
			<wfw:commentRss>http://nlvq.com/?feed=rss2&amp;p=290</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Top 5 Colour Palette and Colour Scheme Generators</title>
		<link>http://nlvq.com/?p=275</link>
		<comments>http://nlvq.com/?p=275#comments</comments>
		<pubDate>Fri, 12 Mar 2010 13:10:21 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Colours]]></category>

		<guid isPermaLink="false">http://nlvq.com/?p=275</guid>
		<description><![CDATA[When it comes to online color palette and color scheme generators, the choice can be hard, as there are many tools out there that offer such functionality. At one point, I was tempted to list the 50+ generators that I know about, but then thought, this isn’t about making another &#8220;ultimate&#8221; list, what matters most [...]]]></description>
			<content:encoded><![CDATA[<p>When it comes to online color palette and color scheme generators, the choice can be hard, as there are many tools out there that offer such functionality. At one point, I was tempted to list the 50+ generators that I know about, but then thought, this isn’t about making another &#8220;ultimate&#8221; list, what matters most are the tools that offer the functionalities required to unleash your creative juices.</p>
<p>Color is the most significant factor that affects our mood and perception of any visual element, and making the right choice of a color combination is considered a priority, regardless where it will be used. This roundup is about the online tools that will help you accomplish that, 5 to be exact, packed with features to make the process of generating color palettes, schemes, and themes a smooth, pleasant, and creative experience.</p>
<div>
<h2>1. <a title="Visit Site" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.colourlovers.com');" href="http://www.colourlovers.com/copaso" target="_blank">COPASO by ColourLovers</a></h2>
<p><a title="Visit Site" href="http://www.colourlovers.com/copaso" target="_blank"><br />
<img title="COPASO by ColourLovers.com" src="http://nlvq.com/wp-content/uploads/2010/03/1.jpg" alt="COPASO by ColourLovers.com" width="600" height="350" /><br />
</a></p>
<p>ColourLovers has always been a favorite destination for designers, not  only because of its vibrant community, but also for the great online  tools they provide. COPASO their advanced color palette tool,  is going to be on this list.  In case you find COPASO a bit  intimidating, you can try their <a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.colourlovers.com');" href="http://www.colourlovers.com/palettes/add" target="_blank">basic color palette tool</a>.</p>
</div>
<div>
<h2>2. <a title="Visit Site" onclick="javascript:pageTracker._trackPageview('/outbound/article/kuler.adobe.com');" href="http://kuler.adobe.com/" target="_blank">Kuler by Adobe</a></h2>
<p><a title="Visit Site" href="http://kuler.adobe.com/" target="_blank"><br />
<img title="Kuler by Adobe.com" src="http://nlvq.com/wp-content/uploads/2010/03/2.jpg" alt="Kuler by Adobe.com" width="600" height="350" /><br />
</a></p>
<p>Kuler is Adobe’s online color themes  generator, it’s an advanced and yet very simple tool to use.  The tool  comes packed with features, and you can even download a desktop version.</p>
</div>
<div>
<h2>3. <a title="Visit Site" onclick="javascript:pageTracker._trackPageview('/outbound/article/aviary.com');" href="http://aviary.com/tools/toucan" target="_blank">Toucan by Aviary</a></h2>
<p><a title="Visit  Site" href="http://aviary.com/tools/toucan" target="_blank"><br />
<img title="Toucan by Aviary.com" src="http://nlvq.com/wp-content/uploads/2010/03/3.jpg" alt="Toucan by Aviary.com" width="600" height="375" /><br />
</a></p>
<p>Toucan is a powerful tool with lots of  features to help you generate color palettes. Toucan is part of a suite  of <a onclick="javascript:pageTracker._trackPageview('/outbound/article/aviary.com');" href="http://aviary.com/tools" target="_blank">creation tools</a> by Aviary.</p>
</div>
<div>
<h2>4. <a title="Visit Site" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.colorotate.org');" href="http://www.colorotate.org/" target="_blank">ColoRotate.org</a></h2>
<p><a title="Visit  Site" href="http://www.colorotate.org/" target="_blank"><br />
<img title="ColoRotate.org" src="http://nlvq.com/wp-content/uploads/2010/03/4.jpg" alt="ColoRotate.org" width="600" height="350" /><br />
</a></p>
<p>The newest addition to the color palette  generators is the revolutionary ColoRotate.  The approach is simple: 3D –  just the way our brains perceive color. You can also find very useful  information about color in their <a onclick="javascript:pageTracker._trackPageview('/outbound/article/learn.colorotate.org');" href="http://learn.colorotate.org/" target="_blank">Learn about color</a> page.</p>
</div>
<div>
<h2>5. <a title="Visit Site" onclick="javascript:pageTracker._trackPageview('/outbound/article/colorexplorer.com');" href="http://colorexplorer.com/" target="_blank">ColorExplorer.com</a></h2>
<p><a title="Visit  Site" href="http://colorexplorer.com/" target="_blank"><br />
<img title="ColorExplorer.com" src="http://nlvq.com/wp-content/uploads/2010/03/4.jpg" alt="ColorExplorer.com" width="600" height="350" /><br />
</a></p>
<p>ColorExplorer allows you to generate color  palettes from an uploaded image or from selecting colors.  You can also  explore the color libraries or use tools such as the color matching tool  and the analysis and conversion tools.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://nlvq.com/?feed=rss2&amp;p=275</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Style Posts Individually (Wordpress)</title>
		<link>http://nlvq.com/?p=271</link>
		<comments>http://nlvq.com/?p=271#comments</comments>
		<pubDate>Thu, 11 Mar 2010 14:02:40 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Web Design Blog]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://nlvq.com/?p=271</guid>
		<description><![CDATA[The problem.
Your blog has a lot of posts, but  the posts aren’t all of the same type. To give special styling to one or  more of your posts, you can take advantage of both the post_class() function and the post ID.
The solution.
To  apply this trick, just open your single.php file, find the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>The problem</strong>.<br />
Your blog has a lot of posts, but  the posts aren’t all of the same type. To give special styling to one or  more of your posts, you can take advantage of both the <code>post_class()</code> function and the post ID.</p>
<p><strong>The solution</strong>.<br />
To  apply this trick, just open your <em>single.php</em> file, find the loop  and replace it with the following:</p>
<div>
<div><a title="view source" href="http://www.smashingmagazine.com/2009/10/20/10-useful-wordpress-hacks-for-advanced-themes/#viewSource"><br />
</a><a title="?" href="http://www.smashingmagazine.com/2009/10/20/10-useful-wordpress-hacks-for-advanced-themes/#about"></a></div>
</blockquote>
<p><code>1 &lt;?php </code><code>if</code> <code>(have_posts()) : ?&gt;</code></p>
<div>
<table>
<tbody>
<tr>
<td><code>2</code></td>
<td><code>&lt;?php </code><code>while</code> <code>(have_posts()) :  the_post(); ?&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>3</code></td>
<td><code>&lt;div &lt;?php post_class()  ?&gt; id=</code><code>"post-&lt;?php the_ID(); ?&gt;"</code><code>&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>4</code></td>
<td><code>&lt;h3&gt;&lt;a href=</code><code>"&lt;?php the_permalink() ?&gt;"</code><code>&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h3&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>5</code></td>
<td><code>&lt;?php the_content(); ?&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>6</code></td>
<td><code>&lt;/div&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>7</code></td>
<td><code>&lt;?php </code><code>endwhile</code><code>; </code><code>else</code><code>: ?&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<div>
<table>
<tbody>
<tr>
<td><code>8</code></td>
<td><code>&lt;?php _e(</code><code>'Sorry, no posts matched your criteria.'</code><code>); ?&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<table>
<tbody>
<tr>
<td><code>9</code></td>
<td><code>&lt;?php </code><code>endif</code><code>; ?&gt;</code></td>
</tr>
</tbody>
</table>
</div>
<blockquote>
<div>
<p><strong>Code explanation</strong>.<br />
The important part is mostly  in line 3. Here, we have added the PHP <code>post_class()</code> function. Introduced in WordPress 2.8, this function adds CSS classes to  the post. For example, it can add:</p>
<ul>
<li>.hentry</li>
<li>.sticky</li>
<li>.category-tutorials</li>
<li>.tag-wordpress</li>
</ul>
<p>With  these CSS classes now added, you can now give a custom style to all  posts that have the <code>sticky</code> tag or those that belong to the <code>tutorials</code> category.</p>
<p>The other important piece of this code is <code>id="post-&lt;?php  the_ID(); ?&gt;"</code>. By displaying the ID of the post here, we’re  able to style a particular post. As an example:</p>
<table>
<tbody>
<tr>
<td><code>1</code></td>
<td><code>#post-876{</code></td>
</tr>
</tbody>
</table>
<div>
<table>
<tbody>
<tr>
<td><code>2</code></td>
<td><code> </code><code>background:#ccc;</code></td>
</tr>
</tbody>
</table>
</div>
<table>
<tbody>
<tr>
<td><code>3</code></td>
<td><code>}</code></td>
</tr>
</tbody>
</table>
</div>
]]></content:encoded>
			<wfw:commentRss>http://nlvq.com/?feed=rss2&amp;p=271</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Makes a Good Web developer, and how can you tell?</title>
		<link>http://nlvq.com/?p=262</link>
		<comments>http://nlvq.com/?p=262#comments</comments>
		<pubDate>Thu, 11 Mar 2010 13:46:16 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Web Design Blog]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://nlvq.com/?p=262</guid>
		<description><![CDATA[A professional web design re-assures visitors
When a visitor comes to your website they are making a lot of  decisions very quickly. First they are trying to decide whether this  website looks legitimate. Secondly, they are looking to see whether you  actually do provide the product/ service that they were looking for. How  long [...]]]></description>
			<content:encoded><![CDATA[<h2>A professional web design re-assures visitors</h2>
<p>When a visitor comes to your website they are making a lot of  decisions very quickly. First they are trying to decide whether this  website looks legitimate. Secondly, they are looking to see whether you  actually do provide the product/ service that they were looking for. How  long do they take to decide? Seconds. The appearance of the website is  probably going to be the main key to decide whether your target  audience hit the back arrow or proceed along the website. Just think of  how many times you didn&#8217;t go into a shop, because of its appearance from  the outside.</p>
<h2>Design your website around your target audience</h2>
<p>One of the most frustrating aspects of any badly designed website  is not being able to find something that you feel is on the website, or  worse you have seen on the website before and just can&#8217;t find now. The  whole area of Information architecture (to give it its proper title), is  vital to getting your website working.</p>
<p>In our experience, for the initial design, too often customers  spend too long thinking about the initial visual design and not enough  time on the navigation structure. In many ways this is true of any  design process &#8211; navigation is no way near as sexy as that lovely design  look! Supermarkets have traditionally spent a lot of time getting those  aisles lined up so that you buy items you don&#8217;t really need. <strong>Remember:  The challenge online is that it is a lot easier to hit the back arrow  on your browser than it is to go to another competitors premises.</strong></p>
<p><strong>2 golden rules:</strong></p>
<ul>
<li> <strong>If visitors know what they want, let them get on with it.</strong> When designing your navigation structure, you should always make sure  that if the users knows what they want to do, that they can go right  ahead and do it. It is vital, that if there are important pages on your  website that people return to, that they should be easily linked to from  the homepage.</li>
<li> <strong>Visitors should always know where they are on the website  at all times</strong>. One area that you should look at would be using  breadcrumbs, so called so that you can where you are in the website (  see breadcrumb example). Another item, if there is a  lot of content on your website , would be to use a search box.  Finally,  the navigation link should be highlighted to help see where they are.</li>
</ul>
<h2>Know how your users will use your website</h2>
<p>The design process doesn&#8217;t stop after the website goes live. You  need to see how visitors use your website and what areas you need to  fine tune.</p>
<p>One of the really great things about working on the web, is the  amount of information you can get about your customers. If you have a  retail premises, imagine if some came up to you and said, &#8221; I can tell  you exactly how many people came in to your shop today, how they found  your shop,how long they stayed , what they looked at, and what order  they looked at the stock&#8221;. And yet thanks to the various analytics  programmes ( e.g. Google Analytics is free), you can do this right now!</p>
<h2>There is always a better way</h2>
<p>But it gets better. Thanks to website  optimizer you can now test different variations of any page on your  website, which will randomly appear to new users over a test period. If  you have a products page you can simply test different formats of the  page. Once you stop the test, you can then see which web design achieved  the higher results. Often times a small difference to a page can make a  massive difference to the effectiveness of it.</p>
<h2>Stay positive &amp; results will come</h2>
<p>This is just a small outline of what makes a good web design work.  But the main point? Don&#8217;t get lost on the technology or the fancy  design. Keep your end customer in mind and don&#8217;t be afraid to make  changes to your layout to get that design process working for you.</p>
]]></content:encoded>
			<wfw:commentRss>http://nlvq.com/?feed=rss2&amp;p=262</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
