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

<channel>
	<title></title>
	<atom:link href="http://juanrojodesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://juanrojodesign.com</link>
	<description></description>
	<lastBuildDate>Wed, 15 May 2013 20:38:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Distribution List Segmentation for Maximum Engagement</title>
		<link>http://juanrojodesign.com/2013/05/15/distribution-list-segmentation-for-maximum-engagement/</link>
		<comments>http://juanrojodesign.com/2013/05/15/distribution-list-segmentation-for-maximum-engagement/#comments</comments>
		<pubDate>Wed, 15 May 2013 20:21:43 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[Campaign Monitor]]></category>
		<category><![CDATA[Mailchimp]]></category>
		<category><![CDATA[segmentation]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=1458</guid>
		<description><![CDATA[<p>You have an email marketing platform in place (that&#8217;s probably why you are reading this article in the first place), but your email marketing efforts are sporadic at best and your open rates are not very encouraging. In other words, your subscribers are not very engaged with the content you are sending them, making you [...]</p><p>The post <a href="http://juanrojodesign.com/2013/05/15/distribution-list-segmentation-for-maximum-engagement/">Distribution List Segmentation for Maximum Engagement</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>You have an email marketing platform in place (that&#8217;s probably why you are reading this article in the first place), but your email marketing efforts are sporadic at best and your open rates are not very encouraging. In other words, your subscribers are not very engaged with the content you are sending them, making you wonder why you are bothering sending them emails in the first place. However, before you dismiss the importance of an email marketing strategy, you first need to put yourself in your subscribers&#8217; shoes. Would you open the email you sent if it arrived in your Inbox or would you delete it right away? Exactly! Unless you are really looking forward to receiving the content from a particular sender, chances are you are going to delete that message before you even bother to read it. The big question is: How do we generate content engaging enough to prompt our subscribers to open our emails as often as possible? The answer is &#8220;distribution list segmentation&#8221;. </p>
<p>Getting a 100% open rate every time you send out an email is more or less a pipe dream. Even when you send an important announcement to your customers, you can be confident that one of two things can happen: 1) people will complain they never got the email or 2) automatically delete the email. Now that we have have gotten the reality check out the way, I should add that if your open rate is zero, then you should definitely reevaluate your strategy.</p>
<p>Let&#8217;s start with the core of it all, your database. If you are building your email list with nothing but an email address (not even a name), then your chances of segmenting your list are nil and you&#8217;re blindly sending all of your customers the same content time after time. Now, let&#8217;s think about this for a second, don&#8217;t you think it makes more sense for a small/medium size business to collect as much information about their customers as possible? Why would I send all my customers information about my graphic design services when half of them came to me to design and code HTML email templates?</p>
<p>Let&#8217;s take a look at the cross-section of the Mailchimp list shown in Figure 1.1, it has more fields than your usual email address and name, but it allows for the creation of segments for the specific purpose of tailoring content.</p>
<p style="text-align: center;"><a href="#"><img alt="Email Distribution List Custom Fields" src="http://juanrojodesign.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-09-at-5.02.21-PM.png" /></a></p>
<p style="text-align: center;">Figure 1.1</p>
<p>Isn&#8217;t there more work involved with doing that? You bet! First, it requires for you to collect more information from your customers and also generate different content for them. If you want to differentiate yourself from the competition, that usually means going the extra mile.</p>
<p>If you are willing to put in the extra work, your distribution list will be more receptive to your content and your open rates will improve.</p>
<p>The post <a href="http://juanrojodesign.com/2013/05/15/distribution-list-segmentation-for-maximum-engagement/">Distribution List Segmentation for Maximum Engagement</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/05/15/distribution-list-segmentation-for-maximum-engagement/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/04/iStock_000013428704Small.jpg" width="800" height="600" medium="image" type="image/jpeg" />	</item>
		<item>
		<title>Adding Multiple RSS Feeds to a Regular Mailchimp Campaign</title>
		<link>http://juanrojodesign.com/2013/04/30/adding-multiple-rss-feeds-to-a-regular-mailchimp-campaign/</link>
		<comments>http://juanrojodesign.com/2013/04/30/adding-multiple-rss-feeds-to-a-regular-mailchimp-campaign/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 11:30:23 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Email Marketing]]></category>
		<category><![CDATA[Dynamic Content]]></category>
		<category><![CDATA[Email Design]]></category>
		<category><![CDATA[Mailchimp]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[RSS Feeds]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=1505</guid>
		<description><![CDATA[<p>Using multiple RSS feeds in regular Mailchimp campaigns is a bit trickier when working with responsive email templates. Recently while working on an email template for a real estate company, I came a across an issue using Mailchimp&#8217;s *&#124;FEEDBLOCK&#124;* tag within a regular campaign environment, as opposed to a RSS Campaign. According to Mailchimp, you [...]</p><p>The post <a href="http://juanrojodesign.com/2013/04/30/adding-multiple-rss-feeds-to-a-regular-mailchimp-campaign/">Adding Multiple RSS Feeds to a Regular Mailchimp Campaign</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Using multiple RSS feeds in regular Mailchimp campaigns is a bit trickier when working with responsive email templates. Recently while working on an email template for a real estate company, I came a across an issue using Mailchimp&#8217;s <strong>*|FEEDBLOCK|*</strong> tag within a regular campaign environment, as opposed to a RSS Campaign. According to Mailchimp, you can add RSS feeds to a regular campaign in two ways:</p>
<div class="shortcode-orderedlist decimal"></p>
<ol>
<li>Use the <strong>*|FEED:URL|*</strong> tag to include posts from a specific RSS feed in a block of content. You can specify how many posts you want to appear (the default # is 5). The explanation from Mailchimp can be seen <a href="http://kb.mailchimp.com/article/how-can-i-add-any-blog-post-to-a-regular-campaign">here</a>.</li>
<li>If you want more control over the way the content appears in your email template, then you need to use the <strong>*|FEEDBLOCK|*</strong> tag, which lets you hone in on a single post, the amount of content that can be displayed, etc.</li>
</ol>
<p></div>

<p>Either approach actually works, sort of. For some weird reason, when RSS feeds are introduced in a regular campaign, the fluid layout (assuming you are working with a responsive email template) is affected. The first sign of that problem can be observed in Mailchimp&#8217;s &#8216;pop-up preview&#8217; feature, where the smartphone simulator screen displays the design being cut off on the right side of the screen. Initially, I thought the problem had been introduced by a two column layout being added to the template. However, after extensive testing, I saw how the design was actually being affected only when RSS feeds were being introduced. Here&#8217;s a screenshot of the behavior being displayed in Mailchimp&#8217;s &#8216;pop-up preview&#8217; window:<br />
<a href="http://juanrojodesign.com/wp-content/uploads/2013/04/uptown_rendering_2.png"><img src="http://juanrojodesign.com/wp-content/uploads/2013/04/uptown_rendering_2.png" alt="Adding Multiple RSS Feeds to a Regular Mailchimp Campaign" width="400" height="500" class="aligncenter size-full wp-image-1525" /></a></p>
<p>Here&#8217;s another screen shot of how the problem gets magnified on a smartphone using Android:<br />
<a href="http://juanrojodesign.com/wp-content/uploads/2013/04/android_nonrss_mailchimp.png"><img src="http://juanrojodesign.com/wp-content/uploads/2013/04/android_nonrss_mailchimp.png" alt="Adding Multiple RSS Feeds to a Regular Mailchimp Campaign" width="400" height="500" class="aligncenter size-full wp-image-1520" /></a></p>
<p>As I said before, it was only after a long an tedious debugging process that I found the RSS feed tags themselves to be the culprit (<strong>when used inside a regular campaign</strong>). Please keep in mind that the behaviour was only observed when working with a responsive email template. The odd behaviour in the &#8216;pop-up preview&#8217; window prompted me to send an actual test to my iPhone, but much to my surprise, the email came through looking perfect just as I had seen it initially in browser testing. Still a little skeptic, I decided to run Mailchimp&#8217;s Inbox Inspector (powered by Litmus), which still showed everything looking good for Android 4.0 and Windows 7.5 powered smartphones. Well, you know how they warn you that the Litmus tool is a good reference, but still not a 100% representation of an actual device rendering? This was one of those situations. The problem was actually brought to my attention by the client, who received a test email on his Android phone (the one from the screen shot above). As you can imagine, I was completely amazed at the fact that the &#8216;pop-up preview&#8217; feature had been more accurate than the actual Inbox Inspector, but I still had to figure out how to solve the problem.</p>
<h1>Solution</h1>
<p>At the time of writing this article, the only solution I could come up with (and also after talking to Mailchimp&#8217;s tech support) was to relegate the use of RSS feeds merge tags to RSS campaigns when using responsive email templates. The issue also presented itself in Mailchimp&#8217;s drag and drop editor, which actually didn&#8217;t even work when used in RSS Campaign mode, as the three column layout got completely messed up when four different RSS feeds were introduced. In all fairness, creating responsive email templates with multiple column layouts that work in all major email clients is harder than you might think. I hope you found this information helpful.   </p>
<p>The post <a href="http://juanrojodesign.com/2013/04/30/adding-multiple-rss-feeds-to-a-regular-mailchimp-campaign/">Adding Multiple RSS Feeds to a Regular Mailchimp Campaign</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/04/30/adding-multiple-rss-feeds-to-a-regular-mailchimp-campaign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/04/rss_mailchimp.jpg" width="600" height="350" medium="image" type="image/jpeg" />	</item>
		<item>
		<title>Vuelo Velo &#8211; Cycling Zen</title>
		<link>http://juanrojodesign.com/2013/04/10/vuelo-velo-cycling-zen/</link>
		<comments>http://juanrojodesign.com/2013/04/10/vuelo-velo-cycling-zen/#comments</comments>
		<pubDate>Wed, 10 Apr 2013 10:39:36 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Cycling]]></category>
		<category><![CDATA[Velo]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Vuelo]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=1447</guid>
		<description><![CDATA[<p>Great video put together by the people at Vuelo Velo in Australia.</p><p>The post <a href="http://juanrojodesign.com/2013/04/10/vuelo-velo-cycling-zen/">Vuelo Velo &#8211; Cycling Zen</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Great video put together by the people at <a href="http://vuelovelo.com/">Vuelo Velo</a> in Australia. </p>
<p>The post <a href="http://juanrojodesign.com/2013/04/10/vuelo-velo-cycling-zen/">Vuelo Velo &#8211; Cycling Zen</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/04/10/vuelo-velo-cycling-zen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Finding Freelance Talent Online</title>
		<link>http://juanrojodesign.com/2013/04/03/finding-freelance-talent-online/</link>
		<comments>http://juanrojodesign.com/2013/04/03/finding-freelance-talent-online/#comments</comments>
		<pubDate>Wed, 03 Apr 2013 11:38:14 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Elance]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Hourly]]></category>
		<category><![CDATA[oDesk]]></category>
		<category><![CDATA[Sologig]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=1273</guid>
		<description><![CDATA[<p>Working your own hours and concentrating on the projects that you really want to work on has a certain allure for many (including myself). However, what&#8217;s the other side of the coin like? How are companies taking advantage of the new workforce landscape, where employees are increasingly working outside the traditional &#8220;office&#8221;? According to a [...]</p><p>The post <a href="http://juanrojodesign.com/2013/04/03/finding-freelance-talent-online/">Finding Freelance Talent Online</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Working your own hours and concentrating on the projects that you really want to work on has a certain allure for many (including myself). However, what&#8217;s the other side of the coin like? How are companies taking advantage of the new workforce landscape, where employees are increasingly working outside the traditional &#8220;office&#8221;? According to a <a href="http://www.forbes.com/sites/elainepofeldt/2012/04/03/what-youll-need-to-know-to-be-the-boss-in-2020/">recent article</a> published by Forbes, 20-30% of the current workforce in Fortune 100 companies is made up of &#8220;contingent&#8221; workers. In that same article it is estimated that close to 50% of the North American workforce will be made up of freelancers, entrepreneurs and other members of the &#8220;contingent&#8221; workforce by the year 2020.</p>
<p>You might be wondering, how does that affect me? Well, chances are that at some point or another, you will come across a project calling for skills that you simply don&#8217;t have in-house. When that time comes, you&#8217;ll have two options:</p>
<p>1. Find a local solution provider by using Google, asking a friend, Yellow Pages, etc.<br />
2. Use one of the various freelance directories available online, where you can get specific about the type of skills you are looking for</p>
<p>I started using Elance because the platform offers a number of useful features for freelancers, such as &#8220;workrooms&#8221; for specific projects, where all communications and file uploads can take place. Another reason to join was its reputation, as the company is one of the more reputable platforms for both freelancers and employers. However, in order to be fair, I decided to include some of its competitors in this article. Keep in mind that these directories are no longer limited to freelance programmers and designers, you can find content writers, social media and marketing experts, etc.</p>
<h1><a href="http://www.elance.com">Elance</a></h1>
<p style="text-align: center;"><a href="http://www.elance.com"><img alt="Elance" src="http://juanrojodesign.com/wp-content/uploads/2013/03/Screen-Shot-2013-03-27-at-1.57.36-PM.png" /></a></p>
<p>From a business perspective, companies can hire freelancers and use the cloud workspace to manage the project. This is a plus for companies that need to manage multiple contractors at the same time.</p>
<p>Elance also streamlines the oft-troublesome invoice and payment process — the company pays Elance, then Elance pays the freelancer. Elance guarantees that its online system will get users paid on-time.</p>
<h1><a href="https://www.odesk.com/">oDesk</a></h1>
<p style="text-align: center;"><a href="http://www.odesk.com"><img alt="oDesk" src="http://juanrojodesign.com/wp-content/uploads/2013/03/Screen-Shot-2013-03-27-at-2.21.48-PM.png" /></a></p>
<p>oDesk is similar to Elance in that companies can hire contractors from the oDesk database or they can bring their own team together using the oDesk platform. In both cases, oDesk handles the payroll.</p>
<p>The difference is that oDesk does not charge the contractor or the company to sign up with them — there are no fees to post jobs or create profiles. oDesk makes its money by taking a 10% cut of all payments, which is outlined in the <a href="https://www.odesk.com/info/howitworks/client/#pay002">FAQs</a> on its site.</p>
<h1><a href="http://www.sologig.com/">Sologig</a></h1>
<p style="text-align: center;"><a href="http://www.sologig.com/"><img alt="Sologig" src="http://juanrojodesign.com/wp-content/uploads/2013/03/Sologig.png" /></a></p>
<p>Sologig is reminiscent of a traditional job board. Freelancers can register for free and sign up for an e-newsletter so job opportunities come right to your inbox. Once you’re signed up, you can search for jobs or peruse an RSS feed of open gigs. To target opportunities that would be a good fit, you can upload your resume and let Sologig&#8217;s job-matching technology match keywords in your resume with company listings.</p>
<p>Companies such as Ernst &#038; Young, Lockheed Martin and Medix IT Staffing Solutions pay a fee to post jobs. They also can access the Sologig profiles database to search for freelance talent directly.</p>
<h1><a href="http://freelanceswitch.com/">Freelance Switch</a></h1>
<p style="text-align: center;"><a href="http://freelanceswitch.com/"><img alt="Freelance Switch" src="http://juanrojodesign.com/wp-content/uploads/2013/03/Freelance_Switch.png" /></a></p>
<p>Freelance Switch is a community site that lists freelance jobs in addition to providing information about the freelancer lifestyle. The site has many articles about setting prices, finding and dealing with clients and getting referral business. It recently relaunched its regular podcasts, which cover topics such as debt collection, personal branding and contract negotiations.</p>
<p>Accessing the resources is free, but applying for jobs is possible only with a paid subscription. Rates start at $7 per month. Companies are able to post freelance opportunities for free — Sony, Nokia and Adobe have posted jobs on Freelance Switch.</p>
<p>The post <a href="http://juanrojodesign.com/2013/04/03/finding-freelance-talent-online/">Finding Freelance Talent Online</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/04/03/finding-freelance-talent-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/03/iStock_000019602110Small.jpg" width="693" height="693" medium="image" type="image/jpeg" />	</item>
		<item>
		<title>Responsive Email Template for Mailchimp and Campaign Monitor – Moustacho</title>
		<link>http://juanrojodesign.com/2013/04/02/responsive-email-template-for-mailchimp-and-campaign-monitor-moustacho/</link>
		<comments>http://juanrojodesign.com/2013/04/02/responsive-email-template-for-mailchimp-and-campaign-monitor-moustacho/#comments</comments>
		<pubDate>Tue, 02 Apr 2013 01:11:05 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Products]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[Smartphone]]></category>
		<category><![CDATA[Windows Phone]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=860</guid>
		<description><![CDATA[<p>IMPORTANT: Before you click the Demo button, keep in mind that you should resize the template window to see how it adapts to the different sizes. Demo &#160; &#160; It’s finally here! A responsive email template that looks great on your desktop, as well as on your tablet or smartphone. Moustacho was built to take [...]</p><p>The post <a href="http://juanrojodesign.com/2013/04/02/responsive-email-template-for-mailchimp-and-campaign-monitor-moustacho/">Responsive Email Template for Mailchimp and Campaign Monitor – Moustacho</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<div class="fve-video-wrapper vimeo" style="padding-bottom:56.25%;"><iframe src="http://player.vimeo.com/video/62187553?portrait=0&byline=0&title=0" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
<p><strong>IMPORTANT:</strong> Before you click the Demo button, keep in mind that you should resize the template window to see how it adapts to the different sizes.</p>
<table border=0 cellspacing=0 cellpadding=5 width=100% style='border-top:0px;border-bottom:0px;background-color:none;'>
<td colspan=2 align=center style='background-color:none'> <a class="button blue awesome" href="http://juanrojodesign.com/email-demo/Moustacho-MC-DEMO-EN.html">Demo </a> &nbsp; &nbsp; <a href="http://juanrojodesign.com/store/cart/?task=add-to-cart-anchor&amp;cart66ItemId=2&amp;product_url=http%3A%2F%2Fjuanrojodesign.com%2Ffeed%2F" class="Cart66AddToCart button green awesome">Buy</a> </td>
</tr>
</table>
<p>It’s finally here! A responsive email template that looks great on your desktop, as well as on your tablet or smartphone. Moustacho was built to take the guesswork out of responsive design for email marketers.</p>
<p style="text-align: center;"><img src="http://juanrojodesign.com/wp-content/uploads/2012/12/Responsive_Email_MC_CM_2.png" alt="Responsive Email Template for Campaign Monitor and Mailchimp - Moustacho" /></a></p>
<p>We even went the extra mile, to make Moustacho both Mailchimp and Campaign Monitor-ready. That means that as an email marketer or designer, you no longer have to worry about adding all the necessary proprietary tags to make the HTML code work with either platform. All you need to do is upload the template and start creating blocks of content as you see fit.</p>
<p style="text-align: center;"><img src="http://juanrojodesign.com/wp-content/uploads/2013/01/Editing_Screen_Full.jpg" alt="Responsive Email Template for Campaign Monitor and Mailchimp - Moustacho" /></a></p>
<p style="text-align: center;"><img src="http://juanrojodesign.com/wp-content/uploads/2013/01/Mailchimp_Full_screen.png" alt="Responsive Email Template for Campaign Monitor and Mailchimp - Moustacho" /></a></p>
<p>Even though Moustacho is supremely easy to use, we have taken extreme care to make sure that we include all the necessary elements  (in English and Spanish), from properly commented HTML files to manuals and video tutorials, so that you can use the template to its full potential. Chances are that you won’t need to use another email template for all your customer communication needs.</p>
<p style="text-align: center;"><img src="http://juanrojodesign.com/wp-content/uploads/2013/01/email_clients.jpg" alt="Responsive Email Template for all major Email Desktop Clients and Web Based Email Services - Moustacho" /></a></p>
<p>Don&#8217;t worry, Moustacho has been tested to work with all the major email desktop clients, as well as web-based email services.</p>
<p>Do you want to know more about Moustacho, you can click <a href="http://juanrojodesign.com/moustacho-2/">HERE</a> to visit Moustacho’s official page, from where you can view a live demo of the template or buy the package.</p>
<p>The post <a href="http://juanrojodesign.com/2013/04/02/responsive-email-template-for-mailchimp-and-campaign-monitor-moustacho/">Responsive Email Template for Mailchimp and Campaign Monitor – Moustacho</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/04/02/responsive-email-template-for-mailchimp-and-campaign-monitor-moustacho/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/01/Devices_Moustacho.png" width="1000" height="640" medium="image" type="image/png" />	</item>
		<item>
		<title>Coding Responsive HTML Email Like it&#8217;s 1999</title>
		<link>http://juanrojodesign.com/2013/03/23/coding-responsive-html-email-like-its-1999/</link>
		<comments>http://juanrojodesign.com/2013/03/23/coding-responsive-html-email-like-its-1999/#comments</comments>
		<pubDate>Sat, 23 Mar 2013 04:24:33 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Campaign Monitor]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML Email]]></category>
		<category><![CDATA[Mailchimp]]></category>
		<category><![CDATA[Responsive Email]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=1028</guid>
		<description><![CDATA[<p>I&#8217;ve been designing and coding HTML emails for over a decade now and much to my amazement, very few things have changed since I first started. Where else can you find people still using tables for an entire layout? However, no matter how long you have been doing this and how little the process has [...]</p><p>The post <a href="http://juanrojodesign.com/2013/03/23/coding-responsive-html-email-like-its-1999/">Coding Responsive HTML Email Like it&#8217;s 1999</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been designing and coding HTML emails for over a decade now and much to my amazement, very few things have changed since I first started. Where else can you find people still using tables for an entire layout? However, no matter how long you have been doing this and how little the process has changed, there are always challenges to be had when it comes to consistency. I don&#8217;t know about you, but when I manage to have an email render consistently across all the major desktop and web-based email clients (and now mobile clients), I can honestly say I&#8217;ve had a good day.</p>
<p>You see, even though coding for the web involves using HTML markup from decades past, the challenges faced are very much the same as those of your everyday web developer today. It sure isn&#8217;t fun to make a website play nice with every major browser out there and it&#8217;s pretty much the same situation when dealing with email clients (please leave a comment if you hate MS Outlook 2007 and 2010 as much as I do). As if all that weren&#8217;t enough to keep you on your toes, responsive web design came along as a result of the explosion in the use of smartphones and tablets. Many reports and research studies point to the evident rise of mobile devices for email reading, to the point that as much as 40% of all emails read today are first read on a mobile device. If you call yourself an email marketer and are somehow still wondering about the merits of responsive emails, then you need to get out of your comfort zone before you lose your job. </p>
<p>I&#8217;m hoping to start a series of posts on the challenges that I&#8217;ve come across when designing responsive emails and the solutions that I&#8217;ve found scattered all over the web. There are plenty of great resources out there, such as Litmus&#8217; blog, as well as Campaign Monitor&#8217;s and Mailchimp&#8217;s. Responsive email design involves more than just CSS queries and every design layout that we are tasked with comes with a unique set of challenges, which I&#8217;m hoping to address here as much as possible. Please feel free to comment or provide better solutions to the issues presented, as all information shared helps all of us improve as members of a community.</p>
<p>Let&#8217;s start with the first question of the series:<br />
<h1>How do you prevent the two tables included in the following section of code from stacking on top each other when viewed in MS Outlook 2007 and 2010?</h1>
<p> The code works as expected in every major email client (the exception being MS Outlook 2007 &#038; 2010. It actually works just fine for Outlook 2011 for Mac).</p>
<p><script type="text/javascript" src="https://snipt.net/embed/2730132985c209cfa2ce8a185a0a3562/"></script></p>
<p>The post <a href="http://juanrojodesign.com/2013/03/23/coding-responsive-html-email-like-its-1999/">Coding Responsive HTML Email Like it&#8217;s 1999</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/03/23/coding-responsive-html-email-like-its-1999/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/03/Outlook_2010_Email_Software_by_Microsoft_2.png" width="640" height="385" medium="image" type="image/png" />	</item>
		<item>
		<title>8 Hours in Brooklyn by Variable</title>
		<link>http://juanrojodesign.com/2013/03/20/8-hours-in-brooklyn-by-variable/</link>
		<comments>http://juanrojodesign.com/2013/03/20/8-hours-in-brooklyn-by-variable/#comments</comments>
		<pubDate>Wed, 20 Mar 2013 11:46:32 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Brooklyn]]></category>
		<category><![CDATA[HD]]></category>
		<category><![CDATA[NYC]]></category>
		<category><![CDATA[Variable]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=982</guid>
		<description><![CDATA[<p>Great short video shot over the span of 8 hours in Brooklyn, NYC.</p><p>The post <a href="http://juanrojodesign.com/2013/03/20/8-hours-in-brooklyn-by-variable/">8 Hours in Brooklyn by Variable</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Great short video shot over the span of 8 hours in Brooklyn, NYC. </p>
<p>The post <a href="http://juanrojodesign.com/2013/03/20/8-hours-in-brooklyn-by-variable/">8 Hours in Brooklyn by Variable</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/03/20/8-hours-in-brooklyn-by-variable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photographs Of New York City From Days Past</title>
		<link>http://juanrojodesign.com/2013/03/12/photographs-of-new-york-city-from-days-past/</link>
		<comments>http://juanrojodesign.com/2013/03/12/photographs-of-new-york-city-from-days-past/#comments</comments>
		<pubDate>Tue, 12 Mar 2013 00:25:13 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Film]]></category>
		<category><![CDATA[New York]]></category>
		<category><![CDATA[Tumblr]]></category>
		<category><![CDATA[Vintage]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=951</guid>
		<description><![CDATA[<p>Website NYC PAST is a Tumblr site dedicated to collecting and documenting precious images of New York City from days past. Featuring historically valuable pre-war photographs depicting events like the construction of the Grand Central Station to snapshots of the former World Trade Center’s Twin Towers, this beautifully curated site will certainly evoke a sense [...]</p><p>The post <a href="http://juanrojodesign.com/2013/03/12/photographs-of-new-york-city-from-days-past/">Photographs Of New York City From Days Past</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Website <a href="http://nycpast.tumblr.com/"><strong>NYC PAST</strong></a> is a Tumblr site dedicated to collecting and documenting precious images of New York City from days past.</p>
<p>Featuring historically valuable pre-war photographs depicting events like the construction of the Grand Central Station to snapshots of the former World Trade Center’s Twin Towers, this beautifully curated site will certainly evoke a sense of nostalgia in you.</p>
<p>See more pictures from NYC PAST below: </p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/1.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/2.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/3.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/4.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/8.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/9.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/12.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/13.jpg' alt='' /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/"><img src='http://juanrojodesign.com/wp-content/uploads/2013/03/15.jpg' alt='' /></a></p>
<p><a href='http://designtaxi.com/news/356454/Beautiful-Precious-Photographs-Of-New-York-City-From-Days-Past/'>Beautiful, Precious Photographs Of New York City From Days Past &#8211; DesignTAXI.com</a>.</p>
<p>The post <a href="http://juanrojodesign.com/2013/03/12/photographs-of-new-york-city-from-days-past/">Photographs Of New York City From Days Past</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/03/12/photographs-of-new-york-city-from-days-past/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/03/7.jpg" width="600" height="781" medium="image" type="image/jpeg" />	</item>
		<item>
		<title>Come Up To My Room &#124; Gladstone Hotel</title>
		<link>http://juanrojodesign.com/2013/01/16/come-up-to-my-room-gladstone-hotel/</link>
		<comments>http://juanrojodesign.com/2013/01/16/come-up-to-my-room-gladstone-hotel/#comments</comments>
		<pubDate>Wed, 16 Jan 2013 12:42:30 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Downtown]]></category>
		<category><![CDATA[Gladstone Hotel]]></category>
		<category><![CDATA[Sumo Project]]></category>
		<category><![CDATA[Toronto]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=922</guid>
		<description><![CDATA[<p>The Gladstone Hotel’s 10th Annual Alternative Design Event Thurs Jan 24 – Sun 27, 2013 Exhibition Hours: Thurs 6-8pm, Fri 11am-8pm, Sat 11am-10pm, Sun 11am-5pm &#124; Exterior, Café, Ballroom + 2nd Floor Gallery Opening Reception: Sat Jan 26, 2013 &#124; 7-11pm &#124; 2nd Floor Love Design Party: Sat Jan 26, 2013 &#124; 10pm-2:30am &#124; FREE [...]</p><p>The post <a href="http://juanrojodesign.com/2013/01/16/come-up-to-my-room-gladstone-hotel/">Come Up To My Room | Gladstone Hotel</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<h1>The Gladstone Hotel’s 10th Annual Alternative Design Event</h1>
<p><strong>Thurs Jan 24 – Sun 27, 2013</strong></p>
<p><strong>Exhibition Hours:</strong> Thurs 6-8pm, Fri 11am-8pm, Sat 11am-10pm, Sun 11am-5pm | Exterior, Café, Ballroom + 2nd Floor Gallery<br />
<strong>Opening Reception:</strong> Sat Jan 26, 2013 | 7-11pm | 2nd Floor<br />
<strong>Love Design Party:</strong> Sat Jan 26, 2013 | 10pm-2:30am | FREE | (this is the official closing party for the Toronto Design Offsite Festival)<br />
<strong>Panel Discussion: Evolution – Designers Conversations in a Collaborative City:</strong> Sun Jan 27, 2013 | 1pm-3pm | Gladstone Ballroom</p>
<p>My good friends at <a href="http://www.sumoproject.com">Sumo Project</a> will be participating this year, so I strongly encourage you to visit their room because it&#8217;s really going to mess with your brain, guaranteed! Here&#8217;s the invite to their installation.</p>
<p style="text-align: center;"><img src="http://juanrojodesign.com/wp-content/uploads/2013/01/Sumo_CUTMR_INVITE.jpg" alt="In all falsehood - An art installation at the Gladstone's CUTMR event by Sumo Project" /></a></p>
<h1>There are other artists there as well</h1>
<p>25 installations, 40 Artists, 4000 people all in under 4 days</p>
<p>Visit the 10 Year  Come Up To My Room Web Archive Project</p>
<p>Coinciding with Toronto Design Offsite Festival and the Interior Design Show</p>
<p>Come Up To My Room (CUTMR) is the Gladstone Hotel’s annual alternative design event. CUTMR invites artists and designers to show us what goes on inside their heads. Coming together in dialogue and collaboration, participants are limited only by their imaginations, making CUTMR one of the most exciting shows in Toronto.</P</p>
<p>As this is an important anniversary for this ever-expanding show, the tenth installment will emphasize the idea that formed the basis for the very first CUTMR – occupying and altering a space in a dramatic, conceptual, or experimental way.</p>
<p>Founding curators Christina Zeidler and Pamila Matharu return this year and are joined by Noa Bronstein and David Dick-Agnew.</p>
<p><strong>CUTMR 2013 Participants</strong></p>
<p><strong>Rooms</strong><br />
<a href="http://www.quadrangle.ca/">Quadrangle Architects</a><br />
<a href="http://www.rachaelspeirs.com/">Rachael Speirs</a><br />
<a href="http://fictionalterritories.webs.com/">Fictional Territories</a><br />
<a href="http://sumoproject.com/">SUMO Project</a><br />
Amy Markanda &#038; Zanette Singh<br />
<a href="http://www.womankingcollective.com/">Woman King Collective</a><br />
Youki Cropas &#038; Emily Young<br />
<a href="http://www.brunobillio.com/">Bruno Billio</a><br />
<a href="http://tomasrojcik.com/">Tomas Rojcik</a> &#038; <a href="http://readywater.ca/">Andrew Lovett-Barron</a></p>
<p><strong>Public Space</strong><br />
Maryam Karimi &#038; Ya’el Santopinto<br />
<a href="http://www.micahadams.ca/">Micah Adams</a> &#038; <a href="http://www.amandamccavour.com/">Amanda McCavour</a><br />
Joseph Clement<br />
<a href="http://www.kimiis.ca/">studio kimiis</a><br />
<a href="http://fugitive-glue.com/">Fugitive Glue</a><br />
Deanne Lehtinen<br />
<a href="http://madedesign.ca/">MADE</a><a href="http://www.robsouthcott.com/">Rob Southcott</a><br />
<a href="http://www.raineshen.com/">Tong (Raine) Shen</a><br />
Humber Student Chair Projects<br />
<a href="http://oresttataryn.com/">Orest Tataryn</a><br />
<a href="http://tkd.slackerzgroup.com/">Tara Keens – Douglas</a><br />
<a href="http://mmbartosik.com/">Michal Maciej Bartosik</a><br />
<a href="http://www.greenbeltarts.ca/">Greenbelt Arts</a><br />
<a href="http://departmentofunusualcertainties.wordpress.com/">Department of Unusual Certainties</a><br />
<a href="http://www.institutewithoutboundaries.com/">Institute Without Boundaries</a><br />
<a href="http://www.architecture.uwaterloo.ca/">University of Waterloo Architecture School Chair Project</a></p>
<p><a href='http://www.gladstonehotel.com/event-pages/exhibitions/upcoming-exhibitions/the-gladstone-hotels-come-up-to-my-room/'>Come Up To My Room | Gladstone Hotel</a>.</p>
<p>The post <a href="http://juanrojodesign.com/2013/01/16/come-up-to-my-room-gladstone-hotel/">Come Up To My Room | Gladstone Hotel</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2013/01/16/come-up-to-my-room-gladstone-hotel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2013/01/2013-branding-FLAT.jpg" width="645" height="450" medium="image" type="image/jpeg" />	</item>
		<item>
		<title>Macbook Air Layered PSD File</title>
		<link>http://juanrojodesign.com/2012/11/27/macbook-air-layered-psd-file/</link>
		<comments>http://juanrojodesign.com/2012/11/27/macbook-air-layered-psd-file/#comments</comments>
		<pubDate>Tue, 27 Nov 2012 11:38:16 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[laptops]]></category>
		<category><![CDATA[MacBook Air]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[resources]]></category>

		<guid isPermaLink="false">http://juanrojodesign.com/?p=703</guid>
		<description><![CDATA[<p>This wonderful PSD file comes courtesy of freepsdfiles.net. You can download the file by clicking HERE. It&#8217;s perfect for any web design project you might be contemplating.</p><p>The post <a href="http://juanrojodesign.com/2012/11/27/macbook-air-layered-psd-file/">Macbook Air Layered PSD File</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></description>
				<content:encoded><![CDATA[<p>This wonderful PSD file comes courtesy of freepsdfiles.net. You can download the file by clicking <a href="http://freepsdfiles.net/download/?id=323">HERE</a>. It&#8217;s perfect for any web design project you might be contemplating. </p>
<p>The post <a href="http://juanrojodesign.com/2012/11/27/macbook-air-layered-psd-file/">Macbook Air Layered PSD File</a> appeared first on <a href="http://juanrojodesign.com"></a>.</p>]]></content:encoded>
			<wfw:commentRss>http://juanrojodesign.com/2012/11/27/macbook-air-layered-psd-file/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<media:content url="http://juanrojodesign.com/wp-content/uploads/2012/11/mac.png" width="900" height="539" medium="image" type="image/png" />	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

 Served from: juanrojodesign.com @ 2013-05-19 05:55:07 by W3 Total Cache -->