http://www.thinkvitamin.com/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<title>Vitamin - A resource for web developers, designers and entrepreneurs</title>

<link type="text/css" media="all" rel="stylesheet" href="/css/main.css" />
<link type="text/css" media="all" rel="stylesheet" href="/css/home.css" />

<!--[if lt IE 7]>
<link type="text/css" media="all" rel="stylesheet" href="/css/main_IE.css" />
<script type="text/javascript" src="/scripts/pngfix.js"></script>
<![endif]-->

<!-- JavaScript with global functions for Vitamin -->
<script src="/scripts/global20060504.js" type="text/javascript"></script>

<!-- Various JavaScript functions for searching an updating the news feed with AJAX -->
<script src="/scripts/news.js" type="text/javascript"></script>
<!-- Various JavaScript functions for signing up to the newsletter with AJAX -->
<script src="/scripts/newsletter.js" type="text/javascript"></script>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

<link rel="alternate" type="application/rss+xml" title="Vitamin" href="http://feeds.feedburner.com/vitaminmasterfeed" />
<link rel="alternate" type="application/rss+xml" title="Vitamin News" href="http://feeds.feedburner.com/vnews" />
<link rel="alternate" type="application/rss+xml" title="Vitamin Jobs" href="http://feeds.feedburner.com/vitaminjobs" />

</head>

<body id="homepage">

<div id="container">

	<div id="header">
		<span id="logo"><a href="/"><img src="/images/logo.gif" width="302" height="98" alt="Vitamin - Nourishment to Help the Web Grow" /></a></span>

		<div id="navigation">
			<ul>
				<li id="navhome"><a href="/">Home</a></li>
				<li id="navfeatures"><a href="/features/">Features</a></li>
				<li id="navtraining"><a href="/training/">Training</a></li>
				<li id="navreviews"><a href="/reviews/">Reviews</a></li>
				<li id="navinterviews"><a href="/interviews/">Interviews</a></li>
				<li id="navadvboard"><a href="/advisoryboard.php">Advisory board</a></li>
				<li id="navsubscribe"><a href="/subscribe.php">Subscribe</a></li>
				<li id="navabout"><a href="/about.php">About</a></li>
				<li id="navcontact"><a href="/contact.php">Contact</a></li>
				<li id="navjobs"><a href="/jobs/">Job Board</a></li>
			</ul>
		</div>
	</div>

	<div id="main">

		<div id="maininfo">
			<p id="aboutvitamin">Vitamin is a resource for web designers, developers and entrepreneurs</p>

			<div id="newfeature">
				<div class="article">

					<h2><a href="http://www.thinkvitamin.com/features/webapps/create-an-irresistible-free-trial">Create an irresistible free trial for your app</a> <span>by <a href="http://www.thinkvitamin.com/advisors/sam_nurmi.php">Sam Nurmi</a></span></h2>

					<h3 class="section">
						<span><a href="http://www.thinkvitamin.com/features/" class="feature">Feature</a></span> -
						<a href="http://www.thinkvitamin.com/features/webapps/create-an-irresistible-free-trial#comments">17 comments</a>
					</h3>

					<p>Free trials are a super effective way of increasing sign-ups to your service, but to reap the rewards later it's worth following these four tips for your campaign</p>

				</div>

				<p class="category">

					<a href="/features/webapps/"><img src="images/label_features_webapps.png" width="80" height="70" alt="Features > webapps" /></a>
						<a href="/features/biz/"><img src="images/label_features_biz.png" width="80" height="70" alt="Features > biz" /></a>
	
				</p>

				<p class="more"><a href="http://www.thinkvitamin.com/features/webapps/create-an-irresistible-free-trial"><span>Read more</span></a></p>
			</div>
		</div>

		<div id="secondaryinfo">

			<form id="newsletter" method="get" action="newsletter/doSignup.php">

				<p id="newsletterSignup"><a href="newsletter/doSignup.php" id="newsletterSignupLink">Sign up for the Vitamin newsletter</a></p>

				<fieldset style="display: none;" id="newsletterSignupForm">
					<label for="newsletteremail">Email Address</label>
					<input id="newsletteremail" type="text" name="newsletteremail" value="email address" onfocus="if(this.value==this.defaultValue)this.value='';" />
					<input type="image" src="images/button_form_submit.gif" alt="Submit" id="newsletterFormSubmit" class="formbutton" value="Submit" />
				</fieldset>

			</form>

			<div id="announce" class="fooa">
				<h2>Future of Online Advertising&trade;</h2>

				<h3>2007 NYC</h3>

				<p>Reach new audiences with online video | Sharpen your search advertising | Learn proven online marketing techniques | Advertise effectively on blogs | Plan kick-ass creative campaigns </p>
				<p id="fooadates">Book now!</p>
				<p id="fooaregister"><a href="http://www.futureofonlineadvertising.com/?utm_source=vitamin&amp;utm_medium=banner&amp;utm_content=home">Register now</a></p>
			</div>



		</div>

		<div id="sitetopics" class="stdcontainer">
			<h2>Sitewide Topics</h2>
			<ul>
				<li><a href="/categories.php?cat=AJAX">AJAX (5)</a></li>
				<li><a href="/categories.php?cat=Design">Design (20)</a></li>
				<li><a href="/categories.php?cat=Blogs">Blogs (3)</a></li>
				<li><a href="/categories.php?cat=CSS">CSS (14)</a></li>
				<li><a href="/categories.php?cat=Web Apps">Web Apps (32)</a></li>
				<li><a href="/categories.php?cat=Dev">Dev (12)</a></li>
				<li><a href="/categories.php?cat=Rails">Rails (5)</a></li>
				<li><a href="/categories.php?cat=Biz">Biz (23)</a></li>
				<li><a href="/categories.php?cat=Ruby">Ruby (4)</a></li>
				<li><a href="/categories.php?cat=JavaScript">JavaScript (5)</a></li>
				<li><a href="/categories.php?cat=DOM">DOM (2)</a></li>
				<li><a href="/categories.php?cat=Coding">Coding (1)</a></li>
				<li><a href="/categories.php?cat=Mac">Mac (2)</a></li>
			</ul>
		</div>

		<div id="features">
			<ul>
			<li>
				<div class="article">
					<h2><a href="http://www.thinkvitamin.com/features/javascript/setting-and-retrieving-accesskeys-with-javascript-and-dom">Setting &amp; Retrieving Accesskeys with JavaScript and DOM</a> <span>by <a href="http://www.thinkvitamin.com/advisors/ian_lloyd.php">Ian Lloyd</a></span></h2>
					<h3 class="section">
						<span><a href="http://www.thinkvitamin.com/features/" class="feature">Feature</a></span> -
						<a href="http://www.thinkvitamin.com/features/javascript/setting-and-retrieving-accesskeys-with-javascript-and-dom#comments">19 comments</a>
					</h3>

					<p>Accessibility expert Ian Lloyd revisits the accesskey attribute, working with JavaScript and the DOM to enable users to set their own access keys</p>
				</div>

				<p class="category">
						<a href="/features/javascript/"><img src="images/label_small_features_javascript.png" width="56" height="49" alt="Features > javascript" /></a>
							<a href="/features/dom/"><img src="images/label_small_features_dom.png" width="56" height="49" alt="Features > dom" /></a>
						</p>
			</li>
			<li>
				<div class="article">
					<h2><a href="http://www.thinkvitamin.com/features/biz/copyright-know-the-facts">Copyright: get to know the facts</a> <span>by <a href="http://www.thinkvitamin.com/advisors/stephen_nipper.php">Stephen Nipper</a></span></h2>
					<h3 class="section">
						<span><a href="http://www.thinkvitamin.com/features/" class="feature">Feature</a></span> -
						<a href="http://www.thinkvitamin.com/features/biz/copyright-know-the-facts#comments">30 comments</a>
					</h3>

					<p>If something's valuable to you then you need to protect it. Copyright exists for that purpose, but don't assume you have it, says Stephen Nipper.</p>
				</div>

				<p class="category">
						<a href="/features/biz/"><img src="images/label_small_features_biz.png" width="56" height="49" alt="Features > biz" /></a>
						</p>
			</li>
			<li>
				<div class="article">
					<h2><a href="http://www.thinkvitamin.com/features/biz/how-to-name-your-company">How To Name Your Company</a> <span>by <a href="http://www.thinkvitamin.com/advisors/michael_mcderment.php">Michael McDerment</a></span></h2>
					<h3 class="section">
						<span><a href="http://www.thinkvitamin.com/features/" class="feature">Feature</a></span> -
						<a href="http://www.thinkvitamin.com/features/biz/how-to-name-your-company#comments">80 comments</a>
					</h3>

					<p>Successful entrepreneur Michael McDerment advocates following a rigorous process for determining that all important company name. Here are his tips for making the right decision</p>
				</div>

				<p class="category">
						<a href="/features/biz/"><img src="images/label_small_features_biz.png" width="56" height="49" alt="Features > biz" /></a>
						</p>
			</li>
			<li>
				<div class="article">
					<h2><a href="http://www.thinkvitamin.com/features/dev/enhance-your-page-performance">Enhance your (page) performance!</a> <span>by <a href="http://www.thinkvitamin.com/advisors/christian_heilmann.php">Christian Heilmann</a></span></h2>
					<h3 class="section">
						<span><a href="http://www.thinkvitamin.com/features/" class="feature">Feature</a></span> -
						<a href="http://www.thinkvitamin.com/features/dev/enhance-your-page-performance#comments">28 comments</a>
					</h3>

					<p>Sluggish internet speeds may be a thing of the past, but instant page loads are still the stuff of the future. Christian Heilmann has some tips for delivering faster, smoother pages to your visitors today</p>
				</div>

				<p class="category">
						<a href="/features/dev/"><img src="images/label_small_features_dev.png" width="56" height="49" alt="Features > dev" /></a>
						</p>
			</li>

			</ul>

			<ul id="featurescontrols">
			  <li><a href="/features/"><span>All Features</span></a></li>
			  <li class="rss"><a href="http://feeds.feedburner.com/vitaminmasterfeed"><span><img src="images/button_rss_whtbg.gif" width="68" height="25" alt="Vitamin RSS feed" /></span></a></li>
			</ul>
		</div>

		<div id="newsblog" class="stdcontainer">
			<h2>News Blog (RSS)</h2>

			<div id="news">

					<div>
		<p>
			We&#39;re looking for a part-time Vitamin editor to contribute to commissioning, editing and moderating the site. The ideal person will have some editing experience and knowledge/contacts in the web industry. Salary $13,000 a year for 2-3 days a week. Interested? Email lisa [at] thinkvitamin.com		</p>
		<p>
			<cite>Lisa Price <span>April 17, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Great <a href="http://veerle.duoh.com/blog/comments/creativity_in_the_workplace/">post</a> from Veerle on what makes an inspiring, creative workplace.		</p>
		<p>
			<cite>Lisa Price <span>April 17, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Clearing floats can be a tricky business and the tendancy is to use extra markup. <a href="http://www.robertnyman.com/2007/04/12/how-to-clear-css-floats-without-extra-markup-different-techniques-explained/">This post from Robert Nyman</a> looks at the pros and cons of various techniques.		</p>
		<p>
			<cite>Paul Boag <span>April 12, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Have you got what it takes? VentureBeat asks a prominent VC to <a href="http://www.thinkvitamin.com/admin/:http://venturebeat.com/2007/04/10/traits-of-the-best-entrepreneurs/%22">list</a> a few qualities of successful entrepreneurs.		</p>
		<p>
			<cite>Lisa Price <span>April 12, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			NYTimes design director Khoi Vinh <a href="http://www.subtraction.com/archives/2007/0410_the_other_ti.php">assesses</a> the recent UK Times Online&#39;s redesign, which adheres rigorously to a grid-based layout.		</p>
		<p>
			<cite>Lisa Price <span>April 11, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Check out these cool business &#39;cords&#39; - <a href="http://www.mikeindustries.com/blog/archive/2007/04/business-cords">via</a> Mike Davidson.		</p>
		<p>
			<cite>Lisa Price <span>April 11, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Freelanceswitch.com posts a good <a href="http://freelanceswitch.com/general/101-essential-freelancing-resources/">round-up</a> of useful sites and apps for freelancers - or really any small business.		</p>
		<p>
			<cite>Lisa Price <span>April 11, 2007</span></cite>
		</p>            
	</div>
  	<div>
		<p>
			Tickets are still available for the <a href="http://www.futureofwebdesign.com">Future of Web Design</a> workshops in London next Wednesday, 17 April. You can get a 20 per cent discount saving by using the promo code &#39;v1tam1n&#39; when you book. You&#39;ll also get a DVD of the main conference.		</p>
		<p>
			<cite>Lisa Price <span>April 10, 2007</span></cite>
		</p>            
	</div>
  			</div>

			<ul id="newscontrols">
				<li id="paging">

							<a href="http://www.thinkvitamin.com/news/getNews.php?page=8" onclick="ajaxPaging('http://www.thinkvitamin.com/news/getNews.php?page=8','8'); return false;"><img src="images/button_previous_active.gif" height="29" width="29" alt="Previous news" title="Previous News" /></a>
				<img src="images/button_next_inactive.gif" height="29" width="29" alt="" title="No Other News" />
						</li>

				<li id="newssearch">
					<a href="news/searchForm.php" id="searchLink"><img src="images/searchInActive.gif" id="searchButton" width="83" height="29" alt="Search News" /></a>
				</li>

				<li id="newsfeed">
					<a href="http://feeds.feedburner.com/vnews"><img src="images/button_news_rss.gif" id="newsRSSButton" width="68" height="29" alt="Vitamin News RSS feed" /></a>
				</li>

				<li>
					<a href="http://feeds.feedburner.com/vnews"><img src="http://feeds.feedburner.com/~fc/vnews?bg=E9E3BE&amp;fg=C15200&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
				</li>

				<li id="backHome">
					<a href="http://www.thinkvitamin.com" onclick="homeJames(); return false;">Back to News</a>
				</li>
			</ul>

<!-- News blog search -->
			<form style="display: none;" id="searchForm" method="get" action="news/search.php">
				<h2>Search News</h2>

				<fieldset>
					<label for="searchInput">Keywords</label>
					<input type="text" name="searchInput" id="searchInput" value="keywords" onfocus="if(this.value==this.defaultValue)this.value='';" />
					<input type="image" src="images/button_form_go.gif" alt="Go" name="Submit" id="searchFormSubmit" class="formbutton" value="Submit" />
				</fieldset>
			</form>

		</div>

		<div id="cartoon">

      <p>
				<img src="images/cartoons/troublewithvc.gif" width="348" height="186" alt="A cartoon that says 'the Trouble with venture capital is nobody gives a damn about other people. Other people? What other people?' " />
				<cite><a href="http://www.gapingvoid.com">gapingvoid.com</a></cite>			</p>

<!-- Decided we didn't want to allow users to page through cartoons
			<p id="cartooncontrols">
				<a href="#"><img src="images/button_dark_previous_active.gif" height="24" width="25" alt="Previous item" title="Previous Item" /></a>
				<a href="#"><img src="images/button_dark_next_active.gif" height="24" width="25" alt="Next item" title="Next Item" /></a>
			</p>
-->
		</div>

	</div>

	<div id="sidebar">
		<div id="vitinterviewsadvert">
			<h2 class="smallhead">Exclusive Interview</h2>

			<h3>Last.fm</h3>

			<p>Matt Ogle and Anil <br>Bawa Cavia share <br>lessons from <br>developing Last.fm </p>

			<p class="more"><a href="/interviews/"><span>Read more</span></a></p>
		</div>
		<div id="thedeckads">
			<script type="text/javascript">
			//<![CDATA[
			 (function(id) {
			   document.write('<script type="text/javascript" src="' +
			     'http://www.northmay.com/deck/deck' + id + '_js.php?' +
			     (new Date().getTime()) + '"></' + 'script>');
			 })("VM");
			//]]>
			</script>

			<p class="thedeck"><a href="http://www.coudal.com/deck/">Ads via The Deck</a></p>
		</div>

		<div id="advisoryboard" class="stdcontainer">
			<h2>Advisory Board</h2>

			<table summary="This table shows the advisors for the ThinkVitamin.com website">
                <col id="advthumbpic"></col>
                
                <col id="advname"></col>
                
                <col id="advcompany"></col>
                
                <thead>
                    <tr>
                        <th scope="col">Picture</th>
                        <th scope="col">Name</th>
                        <th scope="col">Company</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/dan_cederholm_small.jpg" width="26" height="26" alt="picture of Dan Cederholm" class="photo" /></td>
                        <td><a href="advisors/dan_cederholm.php" class="fn url">Dan Cederholm</a></td>
                        <td class="company org">SimpleBits</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/thomas_fuchs_small.jpg" width="26" height="26" alt="picture of Thomas Fuchs" class="photo" /></td>
                        <td><a href="advisors/thomas_fuchs.php" class="fn url">Thomas Fuchs</a></td>
                        <td class="company org">Script.aculo.us</td>
                    </tr>                
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/cal_henderson_small.jpg" width="26" height="26" alt="picture of Cal Henderson" class="photo" /></td>
                        <td><a href="advisors/cal_henderson.php" class="fn url">Cal Henderson</a></td>
                        <td class="company org">Flickr</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/molly_holzschlag_small.jpg" width="26" height="26" alt="picture of Molly E. Holzschlag" class="photo" /></td>
                        <td><a href="advisors/molly_holzschlag.php" class="fn url n"><span class="given-name">Molly</span> <span class="additional-name">E.</span> <span class="family-name">Holzschlag</span></a></td>
                        <td class="company org">molly.com</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/shaun_inman_small.jpg" width="26" height="26" alt="picture of Shaun Inman" class="photo" /></td>
                        <td><a href="advisors/shaun_inman.php" class="fn url">Shaun Inman</a></td>
                        <td class="company org">Mint</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/jeffrey_kalmikoff_small.jpg" width="26" height="26" alt="picture of Jeffrey Kalmikoff" class="photo" /></td>
                        <td><a href="advisors/jeffrey_kalmikoff.php" class="fn url">Jeffrey Kalmikoff</a></td>
                        <td class="company org">Threadless</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/eric_meyer_small.jpg" width="26" height="26" alt="picture of Eric Meyer" class="photo" /></td>
                        <td><a href="advisors/eric_meyer.php" class="fn url">Eric Meyer</a></td>
                        <td class="company org">meyerweb.com</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/mike_rundle_small.jpg" width="26" height="26" alt="picture of Mike Rundle" class="photo" /></td>
                        <td><a href="advisors/mike_rundle.php" class="fn url">Mike Rundle</a></td>
                        <td class="company org">9rules</td>
                    </tr>
                  <!--  <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/dave_shea_small.jpg" width="26" height="26" alt="picture of Dave Shea" class="photo" /></td>
                        <td><a href="advisors/dave_shea.php" class="fn url">Dave Shea</a></td>
                        <td class="company org">CSS Zen Garden</td>
                    </tr> -->
					<tr class="vcard">
                        <td class="thumbpic"><img src="images/people/jeff_veen_small.jpg" width="26" height="26" alt="picture of Jeff Veen" class="photo" /></td>
                        <td><a href="advisors/jeff_veen.php" class="fn url n"><span class="given-name">Jeff</span> <span class="family-name">Veen</span></a></td>
                        <td class="company org">Google</td>
                    </tr>
                    <tr class="vcard">
                        <td class="thumbpic"><img src="images/people/ryan_carson_small.jpg" width="26" height="26" alt="picture of Ryan Carson" class="photo" /></td>
                        <td><a href="advisors/ryan_carson.php" class="fn url">Ryan Carson</a></td>
                        <td class="company org">Carson Systems</td>
                    </tr>
                    <tr class="guest vcard">
                        <td><img src="images/people/tara_hunt_small.jpg" width="26" height="26" alt="picture of Guest Advisor: Tara Hunt" class="photo" /></td>
                        <td><a href="advisors/tara_hunt.php" class="url">Guest: <span class="fn">Tara Hunt</span></a></td>
                        <td class="company org">Citizen Agency</td>
                    </tr>
                </tbody>
            </table>
		</div>

		<form id="sitesearchForm" method="get" action="/search.php" enctype="text/plain">
			<h2>Search</h2>

			<fieldset>
				<label for="sitesearchInput">Keywords</label>
				<input type="text" name="sitesearchInput" id="sitesearchInput" value="keywords" onfocus="if(this.value==this.defaultValue)this.value='';" />

				<label for="sitesearchSection">Section</label>
				<select name="sitesearchSection" id="sitesearchSection">
					<option value="all">Everything</option>
					<option value="features">Features</option>
					<option value="training">Training</option>
					<option value="reviews">Reviews</option>
					<option value="interviews">Interviews</option>
				</select>
				<input type="image" src="/images/button_form_go.gif" alt="Go" id="sitesearchFormSubmit" class="formbutton" value="Go" />
			</fieldset>
		</form>

<div id="blogsubscribers" class="stdcontainer">
 	<h2>Subscribe</h2>
 	<ul>
 		<li><a href="http://feeds.feedburner.com/vitaminmasterfeed"><img src="/images/button_large_rss_whtbg.gif" alt="Subscribe to RSS button" /></a></li>
 		<li><a href="http://feeds.feedburner.com/vitaminmasterfeed"><img src="http://feeds.feedburner.com/~fc/vitaminmasterfeed?bg=FFFFFF&amp;fg=FF6600&amp;anim=0" height="26" width="88" alt="Feedburner blog subscriber indicator" /></a></li>
 	</ul>
</div>


	</div>

	<div id="footer">
		<ul>
			<li>Copyright &copy; 2007 Carson Systems</li>
			<li>Valid <a href="http://validator.w3.org/check?uri=http://www.thinkvitamin.com/"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> &amp; <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.thinkvitamin.com/"><abbr title="Cascading Style Sheets">CSS</abbr></a></li>
			<li>Vitamin is brought to you by <a href="http://www.carsonsystems.com/">Carson Systems</a>, creators of <a href="http://www.dropsend.com/">DropSend</a> and <a href="http://www.carsonworkshops.com/">Carson Workshops</a></li>
		</ul>
	</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
			<script type="text/javascript">
				_uacct = "UA-107180-4";
				urchinTracker();
			</script>

</div>


</body>

</html>