<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">

    <channel>
    
    <title>Campaign Monitor Blog &amp; Gallery</title>
    <link>http://www.campaignmonitor.com</link>
    <description></description>
    <dc:language>en</dc:language>
    <dc:creator>Freshview</dc:creator>
    <dc:rights>Copyright 2012</dc:rights>
    <dc:date>2012-02-09T00:24:47+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <item>
      <title>The Briny</title>
      <link>/gallery/entry/3639/the-briny/</link>
      <author>Stig Morten Myre</author>
      <guid>/gallery/entry/3639/the-briny/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/y/B3D6190BC4F28B15/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/the-briny.jpg" alt="{title}" width="510" height="609" /></a></div>
										This great looking Christmas letter from <a href="http://www.ondinerestaurant.co.uk/">Ondine Restaurant</a> chef Roy Brett by designers <a href="http://www.atalanta.uk.com/">Atalanta</a> is laid out across a 3 column grid in a most elegant manner. The simple and readable type is complemented by tasteful borders and flourishes, and the corn-colored quote really enlivens an otherwise restrained palette.

All up, this is a timeless design that would look just as elegant as a printed letter or flyer, but in many ways has been specifically designed for the inbox.
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-09T00:24:47+00:00</dc:date>
    </item>

    <item>
      <title>The top 3 tactics for building your email subscriber lists</title>
      <link>/blog/post/3646/the-top-3-tactics-for-building-your-email-subscriber-lists/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3646/the-top-3-tactics-for-building-your-email-subscriber-lists/</guid>
      <description><![CDATA[
			
												<p>Starting off with email marketing tends to be a but of a chicken-and-egg scenario. You may  be an awesome email designer and be all over a strategy, but without a good list, it doesn't count for much. Conversely, you may have a list full of folks who are clamoring for what you have to say, but without a solid email newsletter...!</p>

<p>We spend loads of time talking about coding and sending email campaigns, so today lets look at how to build your lists effectively. Conveniently, our friends at MarketingSherpa did some research into the <a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/">top 3 tactics you can use to build your campaigns</a>, so I thought we'd cover these, as well as a couple of other ideas for growing your newsletter's audience.</p>

<p>First up, lets look at what they uncovered to be the most effective list growth tactics:</p>

<p><a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/"><img src="http://i3.campaignmonitor.com/uploads/images/marketing-sherpa-list-building.gif" alt="MarketingSherpa's results" border="0" width="530" height="507" /></a>
<small>Source: '<a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/">MarketingSherpa 2012 Email Marketing Benchmark Report</a>', <a href="http://marketingsherpa.com">MarketingSherpa</a></small></p>

<p>How many of these have you ticked off already? If you've vowed to get more people signing up to your lists this year, read on for practical advice on how to make it happen.</p>

<h3>Tactic #1: Catch new subscribers at checkout</h3>

<p>If you're selling a product or service on your site, providing the option to join your email list during the purchase stage may seem like a bit of a no brainer, but it's often overlooked. Web apps like <a href="http://www.campaignmonitor.com/features/integrations/lemonstand/">Lemonstand</a> and <a href="http://www.campaignmonitor.com/features/integrations/digital-delivery-app/">Digital Delivery App</a> make it super-easy to prompt paying customers into signing up, as do these <a href="http://www.campaignmonitor.com/downloads/">e-Commerce integrations for WordPress, Shopify and more</a>.</p>

<p>Considering that <i>"90% of email marketers say adding an opt-in request to the purchase process is at least &#8220;somewhat effective&#8221; at growing email lists"</i>, shouldn't it be a tactic to make sure you have place in 2012?</p>

<h3>Tactic #2: Offer valuable content, get email signups in return</h3>

<p>If you send or receive business-to-business (B2B) campaigns, you're probably aware of the power of the webinar when it comes to educating customers and making contacts. MarketingSherpa's research backs this up, with <i>90% of email marketers saying they are at least &#8220;somewhat effective&#8221; at building lists and 41% saying they are &#8220;very effective&#8221;</i>. For the rest of us, offering great online content can substantially lift email subscribe rates. In one A/B test, it was shown that <a href="http://www.abtests.com/test/38004/landing-for-geomoto">featuring a video demo on a contact page</a> could result in 80% more responses!</p>

<p>Keeping in mind that not everyone is a webinar or YouTube star waiting to happen, there's always the option of having your customers sign up for exclusive content, or a sneak-peek of an upcoming product.</p>

<h3>Tactic #3: Slap a subscribe form on your site</h3>

<p>Thankfully, one of the most obvious and easy-to-implement tactics is also one of the most effective. It's no surprise that "<i>75% of email marketers</i>" use a subscribe form on their, or their clients' site to collect new subscribers. They don't have to be as subtle as the customary 'subscribe to our newsletter' in the corner of a page, as this <a href="http://www.campaignmonitor.com/blog/post/3203/a-round-up-of-inspiring-email-subscribe-forms/">round-up of inspiring subscribe forms</a> illustrates.</p>

<p>To get started with adding a subscribe form to your site, <a href="http://help.campaignmonitor.com/topic.aspx?t=13">grab our ready-to-use code</a> in your Campaign Monitor account, or check out our collection of <a href="http://www.campaignmonitor.com/downloads/">subscribe form plugins</a>. We've even got a neat little <a href="http://www.campaignmonitor.com/downloads/ajax-subscription-form/">AJAX subscribe form</a> which you can use!</p>

<h3>What else can I do to grow my subscriber lists?</h3>

<p>As you can see from MarketingSherpa's results, list-building isn't limited to the 3 tactics above. Collecting signups in-real-life through events or in-store promotions still ranks highly in the effectiveness stakes, as does collecting email signups through a <a href="http://www.campaignmonitor.com/blog/post/3612/facebook-subscribe-form-app/">Facebook page</a>.</p>

<p>Don't forget that the cornerstones to growing your lists are to stand out, offer value to subscribers and <a href="http://help.campaignmonitor.com/topic.aspx?t=149">respect permission</a> - once you have these sorted, the sky's the limit!</p>

<p><strong>What list building tactics do you, or your clients use? Which have been the most effective and why? Let us know in the comments below.</strong></p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-07T03:09:10+00:00</dc:date>
    </item>

    <item>
      <title>Soapbox PR</title>
      <link>/gallery/entry/3640/soapbox-pr/</link>
      <author>Stig Morten Myre</author>
      <guid>/gallery/entry/3640/soapbox-pr/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/92AA4716CEB7D243/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/soapbox-pr.png" class="image" width="510" height="630" /></a></div>
										<p>Psst&#8230; It &#8216;wood&#8217; be nice if all company newsletters were as lovely as <a href="http://www.soapboxpr.com.au">Soapbox PR</a>&#8216;s!</p>

<p>Ok, so we&#8217;re being a bit cheesy here, but that&#8217;s not to say that there isn&#8217;t a lot to appreciate in this unique design by <a href="http://thefrontiergroup.com.au">The Frontier Group</a>. The red elements like the Soapbox logo, headings and social sharing buttons are positioned in a zig-zag pattern as you move down the one-column design, creating a harmonious visual flow. The copy in each section is brief, so there isn&#8217;t a sense of overload as you progress. It&#8217;s all very digestible, really.</p>

<p>When that wood-panel background image doesn&#8217;t display, there&#8217;s a fallback background color that looks just fine in the inbox. Our only suggestions would be that they should have taken advantage of the opportunity to link back to their site, if only to remind readers as to whom the newsletter is from (it&#8217;s unusual that they don&#8217;t). Secondly, it&#8217;s wise to <a href="http://www.campaignmonitor.com/blog/post/2711/tip-dont-use-urls-as-your-link-text/">avoid adding URLs as text to their design</a>. </p>

<p>Otherwise, this is an easy-to-read, informational campaign that balances text and images and definitely reflects well on the Soapbox PR brand. Nice work!
</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-06T04:49:37+00:00</dc:date>
    </item>

    <item>
      <title>Gmail changes your black&#45;colored links to blue</title>
      <link>/blog/post/3648/gmail-turns-your-links-from-black-to-blue/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3648/gmail-turns-your-links-from-black-to-blue/</guid>
      <description><![CDATA[
			
												<p>In recent weeks, a couple of our customers have contacted us to report that links in their email campaigns have suddenly reverted to a <span style="color: #0651CF; text-decoration: underline;">default blue color</span> in Gmail. Upon discussion with these customers and a little testing on our part, we found that any link with either <code>style="color: #000000;"</code> or <code>a { color: black; }</code> applied was having the <code>color</code> CSS property stripped from their code - therefore allowing Gmail's default stylesheet to go to town with their design.</p>

<p>While it's annoying that Gmail should make this rather arbitrary change, thankfully there's an easy fix. Cool customers <a href="http://twitter.com/wilbertheinen">Wilbert Heinen</a> and <a href="http://twitter.com/benjaminkinzer">Benjamin Kinzer</a> both came up with the same solution - use a link color that's black, but <i>not quite</i> black. For example:
<style type="text/css">
.codeblock {
width:92%;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}
</style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"#"&nbsp;</span><span style="color: #0000BB">style</span><span style="color: #007700">=</span><span style="color: #DD0000">"color:&nbsp;#000001;"</span><span style="color: #007700">&gt;&nbsp;...&nbsp;</span>
</span>
</code></div>

<p>Alternately, you can use <code> color: #000000 <span color="red">!important</span>;</code>, which oddly enough, doesn't get stripped out of the code.</p>

<p>In wondering what Gmail holds against the color black, we turned to Spinal Tap for answers:</p>

<iframe width="530" height="299" src="http://www.youtube.com/embed/LOqAamL9xls" frameborder="0" allowfullscreen style="margin-bottom: 20px;"></iframe>

<p>When it comes to links in Gmail, anchor links can be '<i>none, none more black'</i>.</p>

<p>Thanks to Wilbert and Ben for these fixes to a rather kooky new email rendering issue. If you see any further changes in Gmail, <a href="http://www.campaignmonitor.com/contact">be sure to get in touch with us</a>.</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-01T22:19:44+00:00</dc:date>
    </item>

    <item>
      <title>iart interactive ag</title>
      <link>/gallery/entry/3629/iart-interactive-ag/</link>
      <author>Carissa Phillips</author>
      <guid>/gallery/entry/3629/iart-interactive-ag/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/j/07319557C51A1BDE/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/iartinteractiveag.jpg" class="image" width="510" height="523" /></a></div>
										<p>Here's a slick email from a creative multimedia collective, called <a href="http://iartinteractive.com/en">iart interactive ag</a>. Don't miss out on the animated gif they've added - click the thumbnail to view the header image. It's a great teaser for the <a href="http://vimeo.com/30321559">matching video</a> on their site, too.</p>

<p>I love it when we get to highlight campaigns in languages other than English, because it shows that you can make an email <a href="http://help.campaignmonitor.com/topic.aspx?t=85">look really good when using umlauts</a> and other unique characters.</p>

<p>The campaign is a one column layout but looks more like a two column layout because of the side-by-side images in each section. Nice way to break up a lot of text!</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-31T23:51:04+00:00</dc:date>
    </item>

    <item>
      <title>Email win: Displaying a pixel&#45;art fallback when images are blocked</title>
      <link>/blog/post/3642/email-with-pixel-art-fallback-when-images-are-blocked/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3642/email-with-pixel-art-fallback-when-images-are-blocked/</guid>
      <description><![CDATA[
			
												<p>Remember that Pizza Express email that we featured in our '<a href="http://www.campaignmonitor.com/blog/post/3574/">Image blocking in email clients</a>' post? The one that displays an impressive pixel-art fallback when images don't load? Well, our friends at <a href="http://emailfail.posterous.com/">Email Fail</a> have found another impressive example from Mac. Check it out:</p>

<h4>Images on:</h4>

<p><img src="http://i3.campaignmonitor.com/uploads/images/mac-images-on-520.jpg" alt="Images on" width="520" height="793" style="border: 1px solid #ccc; padding: 5px;" /></p>

<h4>Images off:</h4>

<p><img src="http://i3.campaignmonitor.com/uploads/images/mac-images-off-520.jpg" alt="Images off" width="520" height="484" style="border: 1px solid #ccc; padding: 5px;" /></p>

<p>Given the amount of work put into this fallback, Becs at Email Fail is right to ask:</p>

<p><i>"I wonder if the general public will ever appreciate this as much as us email designers?"</i></p>

<p>Perhaps this is a clever shout-out to folks like us - an easter egg to those who intentionally turn off images in the inbox, a maker's mark amongst makers. To the Mac email designer, we tip our hats to you. Your efforts have not gone unnoticed.</p>

<p>For those wondering, this fallback is achieved by adding carefully cutting the image, assigning the pieces to individual table cells, then adding a <code>bgcolor=""</code> to each cell. Style Campaign has a <a href="http://stylecampaign.com/blog/2009/12/bypass-image-blocking-by-converting-images-to-html/">free app</a> for automatically converting images to HTML pixel-art to create a similar effect.</p>

<p>Thanks to <a href="http://emailfail.posterous.com/">Email Fail</a> for sharing this full-of-email-win newsletter design with us!</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-31T00:27:16+00:00</dc:date>
    </item>

    <item>
      <title>Orange</title>
      <link>/gallery/entry/3637/orange/</link>
      <author>Stig Morten Myre</author>
      <guid>/gallery/entry/3637/orange/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/y/6084A183B48AD86A/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/orange.png" class="image" width="510" height="673" /></a></div>
										Here's the thing... Orange is not only a gleefully energetic color, but also the name of this beautifully crafted newsletter by creative firm <a href="http://www.hamblywoolley.com/">Hambly & Woolley</a>. We particularly like that the header consists mostly of actual text, where others might have resorted to a large image for the header content.

All around, this is a fun little newsletter with a shifting layout, featuring a stark reminder as to what happens when The Thing drinks too much Fanta!
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-24T07:09:20+00:00</dc:date>
    </item>

    <item>
      <title>The phishing pitfalls to sending from a Gmail address</title>
      <link>/blog/post/3645/the-phishing-pitfalls-to-sending-from-a-gmail-address/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3645/the-phishing-pitfalls-to-sending-from-a-gmail-address/</guid>
      <description><![CDATA[
			
												<p>We've posted a few general tips on <a href="http://help.campaignmonitor.com/topic.aspx?t=135">how to avoid looking like a phisher</a>, but this one is quite specific to senders using a <i>@gmail.com</i> or Google Apps-managed "From: address"in their campaigns. Recently, emails with <i>@gmail.com</i> From: addresses which did not send from a Gmail mail server have been flagged with the following warning in the inbox:</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/phishing-warning.gif" alt="Gmail's phishing warning" width="530" height="30" /></p>

<blockquote class="pull"><p>"If you're sending Gmail messages from anywhere other than Gmail itself, they may look like phishing attempts."<br /><small>-'<a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">Stop Looking Like a Phisher in Gmail</a>', Lifehacker</small></p></blockquote>

<p>Soon after a customer mentioned seeing one of these scary messages, Lifehacker posted an example, explanation and fixes in their post, '<a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">Stop Looking Like a Phisher in Gmail</a>'. While this information is relevant when sending from a regular email client, there's only really one way to avoid these warnings when sending from an email marketing service like Campaign Monitor. That is, use an address other than an <i>@gmail.com</i> address. Or any webmail address, for that matter.</p>

<h3>Walk away from webmail addresses</h3>

<p>This warning is only one example of how webmail clients are trying to protect their customers from spam and web threats. After all, phishers very commonly use fake From: addresses / spoof mail headers to masquerade as legitimate senders. Gmail has good reason to look dimly upon email that's labelled as coming from them, but isn't being sent from their own servers.</p>

<p><strong>We encourage our customers to avoid using a webmail address as their From: email address.</strong> Undoubtedly they will trigger warnings like this and potentially, deliverability issues in the future. Instead, we highly recommend purchasing a domain name from a registrar like <a href="http://www.namecheap.com/">Namecheap</a> and setting up a <i>you@yournewdomain.com</i> -style email address. It's still okay to have this domain forward inbound mail to a webmail address, or alternately, you can use <a href="http://www.google.com/apps/">Google Apps</a> to send and manage email from this domain directly. Note that Google Apps domains have also been <a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">known to throw similar warnings</a> - to avoid this, it's a good idea to setup email authentication, which we'll go through in the next bit.</p>

<h3>Don't forget to set up email authentication</h3>

<p>Finally, we'd like to remind one and all to <a href="http://help.campaignmonitor.com/topic.aspx?t=88">authenticate their sending domain</a> in their accounts, especially when using Google Apps to manage their email. In essence:</p>

<p><i>"All the large ISPs are using email authentication as an important layer in their spam fighting arsenal. By setting up this system as an authenticated sender, you can instantly bypass certain filters, giving your campaigns a better chance of arriving in the destination inbox... Many ISP's like Yahoo! and Hotmail will flag your email as authenticated, which helps to build trust between you and your subscribers and improves the chances of your emails being opened."</i></p>

<p>It only takes a few minutes for you, or your technical team to setup email authentication, but ensuring that your subscribers and ISP's know that your campaigns are definitely from you is well worth the effort.</p>

<p>Finally, If you have any questions about email authentication, <a href="http://www.campaignmonitor.com/support">get in touch with our team</a> - we're here to make sure your campaigns not only look good, but make it into as many inboxes as possible, too.</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-23T01:29:23+00:00</dc:date>
    </item>

    <item>
      <title>Carbonmade</title>
      <link>/gallery/entry/3630/carbonmade/</link>
      <author>Carissa Phillips</author>
      <guid>/gallery/entry/3630/carbonmade/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/995EB8164A4C0ED1/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/carbonmade.jpg" class="image" width="510" height="570" /></a></div>
										<p><a href="http://carbonmade.com/">Carbonmade</a>, the awesomest portfolio site, now has their own designer and an illustrator - together, they created this beautiful email campaign. It sure is image-heavy (which we usually discourage), but still features the main message as text. Nonetheless, with a fan club of designers and illustrators, this email isn't likely to be missed. I'd just recommend moving the 'View it in your browser' to the top, since it's currently hiding below the fold and not of much use there.</p>

<p>They've also devised a new strategy to keep a faithful audience, that is, complimenting designers on how good they smell!</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-20T03:48:35+00:00</dc:date>
    </item>

    <item>
      <title>Should I optimize my HTML email for the iPad and tablet devices?</title>
      <link>/blog/post/3636/should-i-optimize-my-html-email-for-the-ipad-and-tablet-devices/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3636/should-i-optimize-my-html-email-for-the-ipad-and-tablet-devices/</guid>
      <description><![CDATA[
			
												<p><img src="http://i3.campaignmonitor.com/uploads/images/ipad-email.jpg" alt="Email on the iPad" width="300" height="258" style="float: right; margin: 0 0 0 15px;" /></p>

<p>I know what you're thinking - just as we're coming to grips with <a href="http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/">optimizing our email newsletters for mobile</a>, suddenly we have tablets like the iPad and Kindle Fire to make things interesting again. So here's the good and the bad news. The good: if you've already created a responsive design for the iPhone, then adapting this for the iPad and similar devices is dead easy. The bad: it still requires extra testing, coding and sooner-or-later, it's going to be what all your clients are asking for.</p>

<p>Before we provide any solid answers on whether or not we should all be optimizing our email campaigns for tablet devices, lets look at their uptake and some basic techniques for adapting your design for small, yet not-so-small screens.</p>

<h3>Why optimize for tablet devices?</h3>

<p>The skinny is that tablet devices are getting popular. I'm sure you know of more than a few people who begged for Kindle Fires for Christmas, then got slipped a Motorola Xoom by Santa instead. Or snapped up an iPad 2 the moment they were launched. Our friends at <a href="http://www.returnpath.net">Return Path</a> collected the hard numbers in a recent report, citing:</p>

<p><i>"In our last study we reported a 15% increase in iPad use relative to iPhone use... What we find is that the use of iPads has exploded &#8211; with an increase of 73% in email views on iPad devices between April and September of 2011. Email views on the iPad jumped by 12% between March... and April, then continued the steady climb upward."</i><br />
<small>- '<a href="http://www.returnpath.net/landing/emailonthemove/">Mobile, Webmail, Desktops: Where Are We Viewing Email Now?</a>', Return Path, 2011</small></p>

<p>In June 2011, we found that <a href="http://www.campaignmonitor.com/blog/post/3495/the-rise-of-mobile-email/">iPad usage</a> accounted for almost 15% of opens tracked on mobile devices and 3% of email opens overall. Given Return Path's recent findings and our own observations, this is rapidly growing and potentially cannibalizing iPhone market share while it's at it. We'll be sure to provide usage stats for other tablet devices as they come to hand, so watch this space.</p>

<h3>Adapting mobile code for slightly larger screens</h3>

<p>As mentioned earlier, if you're already in the habit of optimizing your campaigns for mobile screens (or have exported a template from our <a href="http://www.campaignmonitor.com/blog/post/3593/create-mobile-friendly-email-templates-in-one-click/">template builder</a>), then you've already done most of the legwork. What's remains is the addition of a slightly different <code>@media</code> query, targeting the display dimensions of tablet devices. Here's a typical <code>@media</code> query for mobile devices, followed by the adapted equivalent for the Kindle Fire, iPad and Xoom:</p>

<p><style type="text/css">
.codeblock {
width:92%;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}
</style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /><br /></span><span style="color: #FF8000">/*&nbsp;iPhone,&nbsp;Android&nbsp;and&nbsp;other&nbsp;smartphones&nbsp;*/<br /></span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;only&nbsp;screen&nbsp;</span><span style="color: #007700">and&nbsp;(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">480px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">&#123;&nbsp;table&#91;class</span><span style="color: #007700">=</span><span style="color: #0000BB">container&#93;&nbsp;&#123;&nbsp;width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">320px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;width&nbsp;of&nbsp;iPhone&nbsp;in&nbsp;portrait&nbsp;orientation&nbsp;*/&nbsp;</span><span style="color: #0000BB">&#125;&nbsp;&#125;<br /><br /></span><span style="color: #FF8000">/*&nbsp;iPad,&nbsp;Kindle&nbsp;Fire&nbsp;and&nbsp;Xoom&nbsp;*/<br /></span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;only&nbsp;screen&nbsp;</span><span style="color: #007700">and&nbsp;(</span><span style="color: #0000BB">min</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">590px</span><span style="color: #007700">)&nbsp;and&nbsp;(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1280px</span><span style="color: #007700">)</span><span style="color: #0000BB">&#123;&nbsp;table&#91;class</span><span style="color: #007700">=</span><span style="color: #0000BB">container&#93;&nbsp;&#123;&nbsp;width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">768px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;width&nbsp;of&nbsp;iPad&nbsp;in&nbsp;portrait&nbsp;orientation,&nbsp;can&nbsp;also&nbsp;try&nbsp;width:&nbsp;100%;&nbsp;*/&nbsp;</span><span style="color: #0000BB">&#125;&nbsp;&#125;<br /><br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;&nbsp;</span>
</span>
</code></div>

<p>The good team at <a href="http://www.emailonacid.com/">Email on Acid</a> have a brilliant summary of all the different <code>@media</code> query combos you can use to target <a href="http://www.emailonacid.com/blog/details/C13/customize_your_email_for_the_xoom_and_kindle_fire">specific tablet devices</a> (and orientations), however for the sake of brevity and maintenance, it's probably worth focusing on 2 generic ones like in the sample above.</p>

<p>If the above is a bit of a mystery, I highly recommend reading our '<a href="http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/">Mobile Email Design in Practice</a>' post, as well as creating and exporting a template from our template builder to see how it all clicks under the hood.</p>

<h3>So, should I rejig my email design for tablet devices?</h3>

<p>Ultimately, this decision should be made by consulting the <a href="http://www.campaignmonitor.com/email-clients/">email client usage report</a> in your Campaign Monitor account. For example, 4.9% of all opens for <a href="http://createsend.com/t/y-3D528FBB1A3CFFD6">our recent December newsletter</a> originated from an iPad. In March (when the iPad 2 launched), this figure was 2.7%. In 9 months, the iPad's share of opens has nearly doubled. That indicates to us that even if the iPad is a minor player in the email client scene at present, it's probably not going to remain that way for good. Either way, having the know-how when it comes to optimizing your email campaigns for tablet devices is going to become an increasingly sought-after skill in an email designer's stable, so it makes good sense to test out these techniques now, before your clients force you to.</p>

<p><strong>Do you optimize your designs specifically for tablet devices? Do you have any great tips? Let us know in the comments below.</strong></p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-12T05:37:08+00:00</dc:date>
    </item>

    <item>
      <title>Postbox</title>
      <link>/gallery/entry/3621/Postbox/</link>
      <author>Davida Fernandez</author>
      <guid>/gallery/entry/3621/Postbox/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/BBE3A75E7D6AE6B3/C67FD2F38AC4859C " title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/postbox.png" class="image" width="510" height="547" /></a></div>
										<p>Here&#8217;s a great example of what can be done if you use an email template as a starting point for your own campaigns. The folks at <a href="http://postbox-inc.com">Postbox</a> transformed our &#8216;<a href="http://www.campaignmonitor.com/templates/">Sample Template</a>&#8217; into this impossibly-clean design; a gorgeous marketing piece that also reinforces their own website branding.</p>

<p>It&#8217;s great to see that the same attention to detail that has been put into their app has also been extended to their email updates. All &#8216;round, a great email to receive in any email client, from a top notch email client at that.
</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-11T01:15:34+00:00</dc:date>
    </item>

    <item>
      <title>Launch into the new year with 5 inspiring email designs</title>
      <link>/blog/post/3641/5-inspiring-launch-email-designs/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3641/5-inspiring-launch-email-designs/</guid>
      <description><![CDATA[
			
												<p>You know what I love about the beginning of a new year? Things like resolving to try something new, the sense of turning a new leaf and the desire to start something fresh. So I thought we'd round-up a couple of our favorite emails around the theme of 'new beginnings' - let it be the launch of a new site, product, or moving to a new space. Lets get started.</p>

<h3>Cabedge: Putting personality into it</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/89280B70D3AD2F95/"><img src="http://i3.campaignmonitor.com/uploads/images/cabedge-launch.jpg" alt="Cabedge" width="510" height="805" style="padding: 5px; border: 1px solid #ccc;"/></a></p>

<p>A few months ago, our great friends at <a href="http://www.cabedge.com">Cabedge</a> launched a radically new company site. So radical, that they decided to send this proactive campaign in anticipation of what their subscribers would say. They're a funny gang and know it - the 'Top 5 beefs' does as much in the way of sharing their identity and brand of humor as inducing people to visit their site. Ten points for personality, a lovely layout and nice use of type, I say.</p>

<h3>Alertful for Business: Graceful in all conditions</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/E8A5CA5BCC777856/"><img src="http://i3.campaignmonitor.com/uploads/images/alertful-510.jpg" alt="Alertful" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Talking about uplifting, here's a great example of a launch email that sure may look detailed, but comes back down to earth gracefully when <a href="http://www.campaignmonitor.com/blog/post/3574/image-blocking-in-email-clients-2011/">images are blocked</a>. The use of 'backup' calls to action (note the red 'Click here to try the service for free') is a technique we don't see enough of - but undoubtedly does its part in pushing response rates sky-high. Great work by the <a href="http://www.emailspring.com/">Email Spring</a> team!</p>

<h3>Flexibits: Focused on one task</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/2102FC0C814F0BA6/"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/Flexibits.png" alt="Flexibits" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>When it comes to email designs, we've always said, 'keep it simple'. The Flexibits campaign designed by <a href="http://komodomedia.com/">Komodo Media</a> is a perfect example of this in practice, with its easy-to-skim message and a single call to action ('Grab a Free Trial!'). There's absolutely no visual clutter, or confusion as to what the email recipient should do after receiving the message - which I'm sure was their goal to begin with.</p>

<h3>Different Projects: Picture this</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/8525BF59310568BC/"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/different_projects.png" alt="Different Projects" style="padding: 5px; border: 1px solid #ccc;"  /></a></p>

<p>Now, I know what we say about images in email (ie. be careful, they <a href="http://www.campaignmonitor.com/blog/post/3574/image-blocking-in-email-clients-2011/">often get blocked</a>), but this campaign by <a href="http://www.differentprojects.co.uk/">Different Projects</a> has added some really eye-catching ones to great effect. The text-boxes tacked on top of the illustrations give visual depth to the design. As they contain actual text, won't disappear when images are turned off.</p>

<p>All around, a great way to announce a move, while wowing clients with a little creative flair.</p>

<h3>Virb: Getting the message across</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/5239C871AB3D505D/C67FD2F38AC4859C"><img src="http://i3.campaignmonitor.com/uploads/images/virb.gif" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Finally, I wanted to showcase a corporate-style campaign. One that carefully balances copy with visual elements to communicate detailed information. If only to prove that such a thing exists. Duly, I came across this email announcement by <a href="http://virb.com/">Virb</a>, which has a serious side, but doesn't forget to have a little fun while it's at it.</p>

<p>In appearance, it's totally austere - all clean lines and shades of business-like blue. But the text is full of personality, easy-to-read and is complimented by images of their upcoming product. It's almost the opposite of what many of us imagine a corporate email to contain: stodgy layouts, stock photography and endless columns of teeny-tiny text.</p>

<p>Hopefully you've enjoyed our brief round-up. If there are any particular themes you would like to see us cover (eg. emails for hotels, charities etc), let us know - we'd be happy to shine the light on some great examples for you.</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-09T03:58:21+00:00</dc:date>
    </item>

    <item>
      <title>MyFan</title>
      <link>/gallery/entry/3623/myfan/</link>
      <author>Mathew Patterson</author>
      <guid>/gallery/entry/3623/myfan/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/18D39AD38E907878/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/fangalleriesx.png" class="image" width="510" height="611" /></a></div>
										<p>This fresh and friendly design by the multi-talented team at <a href="http://www.myfan.com.au/">MyFan</a> feels a lot more personal than the typical corporate newsletter. The illustrated arrows and casual font work well and because the campaign is using actual text it still works if the images don't load.</p>

<p>We also appreciate the clear reminder about the new company name, something that can lead to complaints and confusion if not handled well. Read our blog post for more advice on <a href="http://www.campaignmonitor.com/blog/post/3267/announcing-a-change-of-company-details-to-your-customers/">how to handle name changes</a> too.</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-05T03:56:58+00:00</dc:date>
    </item>

    <item>
      <title>Sell downloads and send follow&#45;up email with Digital Delivery App</title>
      <link>/blog/post/3634/sell-downloads-and-email-with-digital-delivery-app/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3634/sell-downloads-and-email-with-digital-delivery-app/</guid>
      <description><![CDATA[
			
												<p>I thought we&#8217;d kick off what should be a particularly fruitful new year by introducing a useful integration - <a href="http://www.digitaldeliveryapp.com">Digital Delivery App</a>. For those planning to sell digital content like eBooks, a <a href="https://buy.louisck.net/">Louis CK-style video</a> or software, or paid subscriptions, this is a full-featured and remarkably easy-to-use service at a modest price. With <a href="http://www.digitaldeliveryapp.com/support/knowledge_base_articles/12-configuring-campaign-monitor">Campaign Monitor integration built-in</a>, this app can automatically add email addresses of paying customers to a subscriber list, which is ideal if you&#8217;re planning to send post-purchase autoresponder emails, notifications and product-related campaigns.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/tour-index.png" alt="Digital Delivery App" width="500" height="370" style="padding: 5px; border: 1px solid #ccc;" /></p>

<p>What&#8217;s better, the Digital Delivery App team offer fairly comprehensive support, via both their site and email. We took a moment to set up an account, upload products and get both Campaign Monitor and PayPal integration happening. Now, if only we really had something fancy to sell...</p>

<h3>Add a 'Buy Now' button to your site in 10 minutes</h3>

<p>The loveliness of Digital Delivery App is that it asks for so little, yet gives so much in return. Upon creating an account (free for the first 30 days), you are run through initial setup process that sorts out the fundamentals of selling content online - namely, selecting a payment gateway and adding something to sell. The fastest way to get up and running is to have a PayPal, Google Checkout, AlertPay or Stripe account already linked to the email address you signed up with... And of course, to have that &#8216;something&#8217; either ready to upload, or already hosted somewhere.</p>

<p>What we found particularly generous is that the app offers to host your sellable digital content. Once you upload your files to the app, simply take the &#8216;Buy Now&#8217; or &#8216;Add to Cart&#8217; button code it generates for each product and add it to an existing site. It even generates license keys to prevent software products from being looted.</p>

<p>Alternately, you can host everything yourself and only use Digital Delivery App to handle the transaction side of things.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/tour-products.png" alt="Adding new products" width="500" height="370" style="padding: 5px; border: 1px solid #ccc;" /></p>

<p>Once you&#8217;ve gotten to this point in the setup process, you probably would have noticed how all-encompassing the app is. It unfurls like a flower as you click on top-level options, revealing the facility to offer discount codes, create referral codes, send post-purchase order emails, sell packages of products and view detailed reports. There&#8217;s even an API and web interface for webhooks. While Digital Delivery App shares much in common with the big-name shopping cart and e-commerce apps out there, it does so without feeling bloated, or requiring you to install anything on your end.</p>

<h3>Automate your post-purchase email marketing</h3>

<p>Digital Delivery App scratches two little itches that we&#8217;ve had for a while now, being the sending of transactional email and pushing email addresses from checkout to subscriber list. As mentioned earlier, the app handles the sending of customizable, plain-text order emails, with a link to the digital item the customer just purchased. As a template already exists in Digital Delivery App for this, the app will automatically start sending these personalized emails from the very first order.</p>

<p>Secondly, once you&#8217;ve <a href="http://www.digitaldeliveryapp.com/support/knowledge_base_articles/12-configuring-campaign-monitor">set up Campaign Monitor integration</a>, you can count on Digital Delivery App to add the email addresses of new customers to an existing subscriber list in your account. All you need is your account&#8217;s <a href="http://www.campaignmonitor.com/api/getting-started/">API key and a List ID</a>.</p>

<p>As a result, you can start sending a series of autoresponders upon purchase - for instance, polling new customers for feedback - or simply add email addresses to a &#8216;Paying customers&#8217; list to receive relevant updates (<a href="http://www.campaignmonitor.com/resources/entry/558/about-permission/">taking into account permission</a>, of course). Digital Delivery App also offers subscription-based transactions, meaning that you can offer paid newsletter subscriptions, access to exclusive tutorials or similar paywalled content for a recurring fee.</p>

<h3>No win, no fee</h3>

<p>Just like those legal practices you see on late-night TV, Digital Delivery App doesn't charge unless you make a sale during the monthly billing cycle. So if you take a few months off selling things, you don't have to cancel your account. All accounts come with a 30 day free trial (during which you don't have to commit your credit card/PayPal details), after which your plan comes into effect. With monthly plans starting from <a href="http://www.digitaldeliveryapp.com/plans">$9 USD per month</a>, it's not exactly a wallet-burner, either.</p>

<p>After spending a few entertaining moments setting up a faux store for Minecraft maps, it was fairly clear to us that this will be a useful integration to customers who would like to offer paid content without having to use a fully-blown eCommerce platform. If this sounds like you, <a href="http://www.digitaldeliveryapp.com/">swing on over to their site</a>, <a href="http://www.digitaldeliveryapp.com/tour">take a tour</a> and give it a try. After all, good content sells - <a href="http://mashable.com/2011/12/23/louis-ck-million/">just ask Louis CK</a>.</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-04T03:36:38+00:00</dc:date>
    </item>

    <item>
      <title>alsoKNOWNas</title>
      <link>/gallery/entry/3601/alsoknownas/</link>
      <author>Greg Strutton</author>
      <guid>/gallery/entry/3601/alsoknownas/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/1DE02713328F8A53/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/alsoknownas.png" class="image" width="510" height="439" /></a></div>
										<p>Elusive and minimalist can be used to describe this template from <a href="http://projects.alsoknownas.ca">ALSOKNOWNAS</a>. Using a simple monochromatic colour palette (primarily shades of grey and black), it sparingly uses color to boldly highlight parts of the newsletter against its concrete-grey background color. The use of crisp monospace fonts gives it an industrial look, which thankfully isn't difficult to read on both regular monitors and mobile devices.</p>

<p>Overall, this is a really simple and effective template, with attitude that's as solid as the one-column template itself. You can't help but wonder about the seemingly-intential typo in the header - but perhaps that's what they were hoping for.</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-02T21:56:24+00:00</dc:date>
    </item>

    <item>
      <title>Re&#45;igniting the Giving Back Program</title>
      <link>/blog/post/3632/the-giving-back-program-in-2012/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3632/the-giving-back-program-in-2012/</guid>
      <description><![CDATA[
			
												<p><object width="530" height="398"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2Fshow%2F&page_show_back_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2F&set_id=72157626472062941&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=109615"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=109615" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2Fshow%2F&page_show_back_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2F&set_id=72157626472062941&jump_to=" width="530" height="398"></embed></object></p>

<p>As you (and probably your wallet) know, this is the season for giving, as well as reflecting. So while the tinsel gets taken down for yet another year at Campaign Monitor -sponsored Xmas events like <a href="http://www.webblast.com.au/2011/11/352/">WebBlast Sydney</a>, lets look at some of the events we've supported via our <a href="http://www.campaignmonitor.com/givingback">Giving Back Program</a> and hopefully, get you involved in the year ahead.</p>

<p>Our Giving Back Program has supported dozens of <strong>web design and development events</strong> for close to three years now, plus offered free accounts to select email senders. So if you're running an event in the new year that you think could benefit from pizza, beer, a tweet-out and free email credits on us, <a href="http://www.campaignmonitor.com/givingback/">it's a great time to get in touch</a>.</p>

<h3>What kind of events do you support?</h3>

<blockquote class="pull"><p>Since our first event in 2009, Campaign Monitor have powered our email newsletters and helped cover our running costs. We don't advertise, so it's only through word-of-mouth and email that we can spread the news. We wouldn't be able to run Ignite Sydney without their support.<br />
<small>- Stephen Lead, <a href="http://www.ignitesydney.com/">Ignite Sydney</a></small></p></blockquote>

<p>Our Giving Back Program is all about returning the favor to the web designers and developers who have stood by us since Campaign Monitor's humble beginnings <a href="http://www.campaignmonitor.com/our-story/">back in 2004</a>. Since the Program's launch, we've had the pleasure of getting behind events that resonate with us and our customers, including <a href="http://www.semipermanent.com/">Semi-Permanent</a> and both <a href="http://refreshingcities.org/">Refresh</a> and <a href="http://igniteshow.com/">Ignite</a> internationally. We even power newsletters for <a href="http://www.sxsw.com">SXSW</a>... <a href="http://www.campaignmonitor.com/blog/post/3413/sxsw-2011-design-and-marketing-mixer/"> And attend</a>!</p>

<p>That said, you don't have to run a high-profile conference to qualify - smaller design-focused gigs like <a href="http://bammd.com.au/">BAMMD</a> and user groups like <a href="http://www.eeuk.org">EEUK</a> very regularly get a hat-tip from us.</p>

<h3>How can I get involved?</h3>

<p>If your event could benefit from a free Campaign Monitor account, a modest bar tab (like our friends at the <a href="http://www.pfmeet.co.uk/">Portsmouth Freelancers Meet</a>, pictured) or email credits as a door prize, <a href="http://www.campaignmonitor.com/givingback/">let us know</a> and we'll be sure to give it a look. We're especially keen to visit your website and get the lowdown on previous events, so be sure to pass on those details, too.</p>

<p><a href="http://www.flickr.com/photos/freshview/6552184747/" title="PF Meet Xmas 2011: Christmas cheer! by Campaign Monitor, on Flickr"><img src="http://farm8.staticflickr.com/7142/6552184747_c05d081284.jpg" width="500" height="333" alt="PF Meet Xmas 2011: Christmas cheer!"></a></p>

<p>Finally, a huge thanks to everyone who has invited us to support their gathering, or attended an event that we sponsored this year. As the Giving Back Program continues to gain momentum, we're looking forward to enlivening more design nights, dishing out more pizza and giving more to people like you.</p>

<p>We're keen to explore other meaningful ways we can give back to the web community, so if you have a suggestion as to how we can make a positive impact on what you do, from providing more design resources, to getting the word out about your design meetup, <a href="http://www.campaignmonitor.com/contact">pop us a line</a>, or let us know in the comments below. All of us here are looking forward to making 2012 an awesome one for you and your clients!</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-28T05:09:57+00:00</dc:date>
    </item>

    <item>
      <title>Naughty Fish</title>
      <link>/gallery/entry/3615/naughty-fish/</link>
      <author>Stephen Jesson</author>
      <guid>/gallery/entry/3615/naughty-fish/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/32B2F6AB98D167D9/" title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/naughty_fish.jpg" class="image" width="510" height="644" /></a></div>
										<p>Part of the reason this stylish, minimalist newsletter from design agency <a href="http://www.naughtyfish.com.au" target="_blank">Naughty Fish</a> looks so good is because of the impressive images they&#8217;ve added into their campaign. Paired with a deceptively simple layout, this newsletter does a great job at showcasing their amazing work, while not slipping into the territory of being an &#8216;image heavy&#8217; campaign.</p>

<p>I must admit, I&#8217;m also a sucker for typography and the subtle use of colour, and this is another thing Naughty Fish do well here; Georgia is the perfect font for this &#8216;magazine&#8217; styled design, and I love the way they&#8217;ve highlighted their table of contents in the left-hand column using a cool blue, then have highlighted their subscriber links and contact details just below this using a dusky orange.</p>

<p>All-in-all an impressive and pixel perfect campaign which I suspect would look just as good in Outlook 2007 as it would in Apple Mail.</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-21T05:35:47+00:00</dc:date>
    </item>

    <item>
      <title>Get inspired and send a winning Christmas email design for 2011!</title>
      <link>/blog/post/3631/2011-christmas-email-competition/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3631/2011-christmas-email-competition/</guid>
      <description><![CDATA[
			
												<p>With only a few days to go before Christmas, I suspect a few of you are scrambling to get your campaigns out before we all tune out for the holidays. So we've collected some of our favorite seasonal campaigns and ideas in a last-minute holiday email round-up, to get you fired up during this last sprint. After all, it's not too late to create and send your email greetings, especially when using our <a href="http://www.campaignmonitor.com/blog/post/3586/a-new-way-to-build-email-templates/">template builder</a>!</p>

<p>But that's not all - we've also got an easy-to-use 'Season's Greetings' email template, <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">free to use and tweak</a>. Plus, if you send a holiday-themed campaign in December, you will also go into the running to win our annual holiday email competition, so hop in your sleigh and go!</p>

<h3>Nine inspiring Christmas email designs by our customers</h3>

<p>From animated GIFs to pixel art, here are some of our old and new favorite Christmas email designs, including a <a href="http://gallery.campaignmonitor.com/ViewEmail/r/A6A78838B0EEC437/">template builder creation by Tangelo</a>, <a href="http://gallery.campaignmonitor.com/ViewEmail/y/E5EB73DB60A35FD2/">tees by Threadless</a> and image-free <a href="http://gallery.campaignmonitor.com/ViewEmail/y/1FFA28B6CC421242">pixel art by Style Campaign</a>. Click to view these campaigns:</p>

<p><style type="text/css">
div.thumbs { margin-bottom: 20px; }
div.thumbs img { border: 1px solid #ccc; padding: 3px; float: left; margin: 0 8px 8px 0; }
</style></p>

<div class="thumbs"><a href="http://gallery.campaignmonitor.com/ViewEmail/r/0D417831BCF324DE"><img src="http://i3.campaignmonitor.com/uploads/images/ambition-2011.jpg" alt="Ambition Creative" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/7ABC2322DD48C1E4"><img src="http://i3.campaignmonitor.com/uploads/images/clarity-2011.gif" alt="Clarity" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/DEDB06D1624203E4/"><img src="http://i3.campaignmonitor.com/uploads/images/clever4-2011.jpg" alt="Clever4" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/D08EAE2CDE28D499/"><img src="http://i3.campaignmonitor.com/uploads/images/minter-ellison-2011.gif" alt="Minter Ellison Rudd Watts" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/1FFA28B6CC421242"><img src="http://i3.campaignmonitor.com/uploads/images/stylecampaign-2011.jpg" alt="Style Campaign" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/A6A78838B0EEC437/"><img src="http://i3.campaignmonitor.com/uploads/images/tangelo-2011.jpg" alt="Tangelo" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/DB7FEECD8063BCCE/"><img src="http://i3.campaignmonitor.com/uploads/images/designer-leg.jpg" alt="Designer Leg" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/E5EB73DB60A35FD2/"><img src="http://i3.campaignmonitor.com/uploads/images/threadless.jpg" alt="Threadless" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/60E5DECF59792E22"><img src="http://i3.campaignmonitor.com/uploads/images/cabedge.jpg" alt="Cabedge" width="160" height="120" /></a><br style="clear: both;" /></div>

<p>Thinking it may be too late to send your own design? Up next, we have an email template that you can load up in your account to share the love.</p>

<h3>Send a sprinkle of snow with our holiday email template</h3>

<div class="thumbs"><a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/"><img src="http://i3.campaignmonitor.com/uploads/images/seasons-greetings.jpg" alt="Holiday email template" width="160" height="120" align="left" style="margin: 0 10px 10px 0;" /></a></div>

<p>Last week, we added a charming <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">'Seasons Greetings' design</a> to our collection of <a href="http://www.campaignmonitor.com/templates">100+ free email templates</a>. Featuring pure CSS animation and rock solid email client support, it's great for sharing a sprinkle of holiday cheer!</p>

<p>Even if you caught it back then, it's worth getting the refreshed version for the recent updates, including smoother snow in Chrome and snow in Firefox. With hardly a day to lose before Christmas, it's time to <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">get started on your holiday campaign!</a><br style="clear: both;" /></p>

<h3>Finally, our holiday email competition for 2011</h3>

<p>As is our tradition at this time of year, we've got a sack-load of goodies to give to our customers in our annual holiday email design competition. One lucky winner will receive a:
<img src="http://i3.campaignmonitor.com/uploads/images/kindle-fire.jpg" alt="Kindle Fire" width="160" height="160" align="right" style="margin-top:10px;" /></p>

<ul><li><a href="http://www.amazon.com/Kindle-Fire-Amazon-Tablet/dp/B0051VVOB2/ref=kin3w_ddp_compare_title5_1?pf_rd_p=1340107342&pf_rd_s=center-18&pf_rd_t=201&pf_rd_i=B005890G8Y&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=1TA5ZGFDAWVSH8DD7F3A">Kindle Fire</a> *</li>
<li><a href="http://www.fitbit.com">FitBit Ultra</a>, or ~ $100 to back the <a href="http://www.kickstarter.com">Kickstarter</a> project of their choice</li>
<li>50,000 email credits</li></ul>

<p><small>* For non-US customers, we can arrange an alternative prize</small></p>

<p>In addition, 3 runners up will receive a prize of 10,000 email credits each. That's a lot of free emails to kick off 2012!</p>

<h3>How to <del>enter</del> win</h3>

<p>To go into the running, simply send a holiday-themed campaign during December - if you have already, then you're in it to win it! Our team will be sifting through and shortlisting Christmas campaigns as part of their regular review process, then selecting our winners in early 2012. If you've got an outstanding campaign that you think should make the cut, <a href="http://www.campaignmonitor.com/contact">you're welcome to send us a link</a>, too!</p>

<p>Finally, we're not looking for Hallmark card tackiness, just technically and visually awesome HTML emails. If your email campaign displays nicely across the major email clients, has a few mobile optimizations and is an <i>actual</i> email design, not an awkwardly resized website, then there's a great chance that it will be shortlisted. Image-only emails may look nice at first glance, but aren't likely be chosen by the guys and gals here.</p>

<p>Now we've got you inspired, templated up and motivated, it's time for you to crank out those end-of-year campaigns - good luck and happy sending!</p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-20T04:27:21+00:00</dc:date>
    </item>

    <item>
      <title>Different Projects</title>
      <link>/gallery/entry/3622/Different-Projects/</link>
      <author>Davida Fernandez</author>
      <guid>/gallery/entry/3622/Different-Projects/</guid>
      <description><![CDATA[
			
																	<div class="figure screen"><a rel="external" href="http://gallery.campaignmonitor.com/ViewEmail/r/8525BF59310568BC/ " title="See the complete design"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/different_projects.png" class="image" width="510" height="698" /></a></div>
										<p>This is one of those emails where the first thing I thought was &#8220;I wish I&#8217;d designed that.&#8221; I&#8217;m a big fan of bringing the opening paragraph right up to the top along with the branding. It&#8217;s clear who the email is from, but <a href="http://www.differentprojects.co.uk/">Different Projects</a> displays some humility and immediately delivers what&#8217;s important to the recipients. </p>

<p>My favorite part? Look at the fun way the text boxes overlap and interact with the images, all accomplished with clever, email-friendly tables. Lots of white space, clean, consistently branded with their website, all around a fine fine job.
</p>
										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-19T05:22:56+00:00</dc:date>
    </item>

    <item>
      <title>A practical guide to preheaders</title>
      <link>/blog/post/3628/a-practical-guide-to-email-preheaders/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3628/a-practical-guide-to-email-preheaders/</guid>
      <description><![CDATA[
			
												<p>When optimizing HTML email for mobile, it's really easy to get overwhelmed by the CSS trickery and technical stuff and simply put it all in the too-hard basket. But the truth is that some of the most effective techniques are also fairly simple - such as adding a good preheader to your campaign.</p>

<p>A preheader (otherwise known as a 'Johnson Box', haw haw) is the the short summary text that follows the subject line when an email is viewed in the inbox. Many mobile, desktop and web email clients provide them to tip you off on what the email contains, before you open it. Here's an example in Gmail:</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/preheader-gmail.gif" alt="Preheader in Gmail" width="530" height="126" /></p>

<p>Generally this line of text (in this case, 'Wishing you a safe and merry holiday season!') is borrowed from the first text found in the email campaign. On mobile clients in particular, the preheader can mean the difference between someone opening your email and archiving it - so you generally want it to be something meaningful. Like a summary of your offer, not your campaign's webversion message or the remnants of social sharing links. Because believe it or not, they work. From our friend, <a href="http://www.twitter.com/iamelliot">Elliott Ross</a>:</p>

<p><i style="font-size: 1.2em;">"In my experience we&#8217;ve implemented it (preheaders) on a number of campaigns and it&#8217;s raised open rates, click thrus and reduced spam complaints."</i> <br /><small>- "<a href="http://www.emaildesignreview.com/email-design-best-practice/email-design-best-practice-the-johnson-box-86/">The Perfect Email Preheader/Johnson Box</a>", Email Design Review</small></p>

<p>A lot of designers make their preheaders very visible by adding a short summary to the very top of their designs, but personally, I like to hide my preheaders and forget about them altogether. Lets go through the nitty gritty of how to do this.</p>

<h3>Adding a preheader to an email campaign</h3>

<p>The first thing to ask is if you have to worry about a preheader at all. For instance, if your email already cuts to the chase and the first text that appears does a good job of summarizing what's to follow, then you may not have to add one. But for the rest of us, a little bit of text just after the <code>&lt;body&gt;</code> tag in your HTML email code usually suffices:</p>

<p><style type="text/css">
.codeblock {
width:500px;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}</p>

<p></style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Wishing&nbsp;you&nbsp;a&nbsp;safe&nbsp;</span><span style="color: #007700">and&nbsp;</span><span style="color: #0000BB">merry&nbsp;holiday&nbsp;season</span><span style="color: #007700">!&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...&nbsp;</span>
</span>
</code></div>

<p>If you're like many senders that add a nice visible summary, you can stop here and style it up all you like. But as I mentioned earlier, I prefer to hide mine:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;!--&nbsp;</span><span style="color: #0000BB">Hiding&nbsp;the&nbsp;preheader&nbsp;</span><span style="color: #007700">--&gt;<br />&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">span</span><span style="color: #007700">.</span><span style="color: #0000BB">preheader&nbsp;&#123;&nbsp;display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none&nbsp;</span><span style="color: #007700">!</span><span style="color: #0000BB">important</span><span style="color: #007700">;&nbsp;</span><span style="color: #0000BB">&#125;<br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /><br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"preheader"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Wishing&nbsp;you&nbsp;a&nbsp;safe&nbsp;</span><span style="color: #007700">and&nbsp;</span><span style="color: #0000BB">merry&nbsp;holiday&nbsp;season</span><span style="color: #007700">!&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...&nbsp;</span>
</span>
</code></div>

<p>The above still displays in Lotus Notes - if this is an issue, try adding <code>font-size:1px;</code> to the <code>.preheader</code> styles, and/or using the same color for both the text and background.</p>

<h3>Automatically adding a meaningful preheader with our email editor</h3>

<p>The major downsides to using the above preheader technique are:</p>

<ol style="list-style-type: lower-alpha;"><li>It's easy to forget to update the preheader text</li><li>When using <a href="http://www.campaignmonitor.com/templates/">templates</a>, customizing the preheader for each campaign is a lot of hassle</li></ol>

<p>Cool customer <a href="http://www.markos.co.nz/">Mark Shingleton</a> came up with an ingenious way to ensure the preheader in his campaigns looks good each time - adding a <a href="http://help.campaignmonitor.com/topic.aspx?t=129#tableofcontents">table of contents</a> to the top using our <a href="http://help.campaignmonitor.com/topic.aspx?t=129">template tag language</a>:</p>

<p><a href="http://www.campaignmonitor.com/gallery/entry/3532/Creative-Space/"><img src="http://i3.campaignmonitor.com/uploads/images/lakes-house.jpg" alt="Creative Space email" width="510" height="372" border="0" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Not everyone can make the design decision to place a table of contents at the top of their campaigns, however if you or your clients are using the <a href="http://www.campaignmonitor.com/features/powerful-templates/">email editor</a> to build campaigns, you can use the text that is automatically generated by a combination of <code>repeatertitle="true"</code> on headings and <code>&lt;tableofcontents&gt;</code> in our template language to fill the <code>&lt;span&gt;</code> tags we were using earlier:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">span</span><span style="color: #007700">.</span><span style="color: #0000BB">preheader&nbsp;&#123;&nbsp;display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none&nbsp;</span><span style="color: #007700">!</span><span style="color: #0000BB">important</span><span style="color: #007700">;&nbsp;</span><span style="color: #0000BB">&#125;<br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /><br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"preheader"</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">tableofcontents</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">&gt;&nbsp;|&nbsp;&lt;/</span><span style="color: #0000BB">tableofcontents</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...<br /><br />&lt;</span><span style="color: #0000BB">repeater</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">layout&nbsp;label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Article"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">singleline&nbsp;label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Header"&nbsp;</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">=</span><span style="color: #DD0000">"true"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Your&nbsp;header&nbsp;here</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">singleline</span><span style="color: #007700">&gt;...<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">layout</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">repeater</span><span style="color: #007700">&gt;&nbsp;...&nbsp;</span>
</span>
</code></div>

<p><img src="http://i3.campaignmonitor.com/uploads/images/preheader-iphone.jpg" alt="Preheader on the iPhone" width="330" height="210" align="right" style="margin: 0 0 10px 15px;" /></p>

<p>What you'll end up with is a preheader consisting of headings from the articles in your email campaign (pictured).</p>

<p>The beauty of this is that it's totally set-and-forget - your clients can take a template and add articles in the email editor, while being totally oblivious to the whole preheader thing. But the downside is that you can only add one table of contents to your campaign (sorry!), so you either feature one in your design, or use it for the preheader.</p>

<p class="alert-1"><strong>Update:</strong> It turns out that we posted about an alternative method for adding preheaders - using the alt attribute in a 1x1px image - back in 2006. You can't use this method to autofill the preheader with template tags, but if you're manually adding one, <a href="http://www.campaignmonitor.com/blog/post/1842/optimizing-for-gmails-snippets/">check it out</a>.</p>

<p><strong>Now, I'd love to know how you use preheaders - are they important to you? Do you have a particular technique that you use in your email campaigns and templates? Let us know in the comments below. </strong></p>

										]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-15T05:27:51+00:00</dc:date>
    </item>

    
    </channel>
</rss>
