How To Create Your Own HTML Signature in OSX Yosemite’s Apple Mail

Unfortunately, creating high quality custom email signatures in Apple’s Mac Mail can be a pain, so we’ve created a nifty tutorial on how to embed HTML signatures in Apple Mail. If you’re on OSX Yosemite (10.10), here’s how it’s done: 1. Open Mail and go to Preferences > Signatures. Create a new signature and add any random content as a placeholder. After creating your placeholder, make sure to close your Mail app. 2. Write your HTML code using your favorite editor. This markup should include only basic html tags like <div>, <span> and <td>. Don’t get too fancy since Mail only accepts inline css. In case you’re confused, I’ve included a code snippet of my email signature. Email Code Snippet XHTML Content-Transfer-Encoding: 7bit Content-Type: text/html; charset=us-ascii Message-Id: <D7DD1C63-7074-4653-ADA0-D34ED4B6FA70@home> Mime-Version: 1.0 (Mac OS X Mail 8.2 \(2098\)) <style type="text/css"> a.link { margin: 0; padding: 0; border: none; text-decoration: none; } </style> <br /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <table width='300' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="width:300px;margin:0;padding:0;"> <tr> <td valign='top' style="margin:0;padding:0;"> <table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="padding:0;margin:0;font-family:'Lucida Grande',sans-serif;font-size:12px;color:#b0b0b0;border-collapse:collapse;-webkit-text-size-adjust:none;"> <tr style="margin:0;padding:0;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <strong> <a href="mailto:drew@drewdrewthis.com" style="border:none;text-decoration:none;color:#049cdb;"> <span style="color:#049cdb;margin:0;padding:0">Andrew Garde Joia</span> </a> </strong> <span style="color:#b0b0b0;">|| Founder &amp; President</span> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="http://drewdrewthis.com" style="border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">www.drewdrewthis.com</span> </a> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <span style="color:#b0b0b0">Brookyln, New York</span> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="tel:+1-207-200-1040" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">207.200.1040</span> </a> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="https://www.facebook.com/drewdrewthisinc" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">Facebook</span> </a> <span style="color:e0e0e0;">&bull;</span> <a href="https://twitter.com/drew_drew_this" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">Twitter</span> </a> <span style="color:e0e0e0;">&bull;</span> <a href="https://www.linkedin.com/in/andrewgardejoia" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">LinkedIn</span> </a> <br /> </td> </tr> </table> </td>...

Must Have Tools #1: Flux

So here on the DDT blog, we decided to write a series on useful tools and applications that make life a little bit easier for web developers and designers in general. In our line of work, we often find ourselves in front of the computer for hours on end. So to kick off this series, though this application is not strictly a developer tool or a code base, it will save you from eyestrain and the disruption of your normal sleeping patterns. Flux! Flux was developed by Michael and Lorna Herf. It uses your geographical coordinates to adjust the color temperature of your computer display based on your time zone. Studies show that reading on your smartphone in the dark strains your eyes and inhibit the production of melatonin – the hormone largely responsible for the regulation of sleep and wake cycles. What Flux does is use warmer colors at night (starting at sunset) so you won’t have to suffer the glare of brightly lit screen. The Tale of Flux and The Millenial I’ve used Flux for a couple of months now at the suggestion of my well-meaning boss Andrew. It all started when I noticed that my left eye wasn’t focusing properly. Like the typical millennial, I Googled my symptoms and crowdsourced the nature of my ailment to my network of friends. I knew I was due for my annual eye exam but it was just different. Answers ranged from the hyperopia to an aneurysm. But my best friend who works as a nurse in an eye clinic told me that it was just plain old eye strain. Apparently, when...

Mobilegeddon is coming! Is your website ready?

In a recent blog post, Google announced an update to their search algorithms that will drastically alter the internet as we know it. The search giant has urged developers to create mobile websites for years, they don’t care how you do it (dedicated app, mobile redirect or media screens), they just want you to. In lieu of this, they will update their search algorithms to serve results that cater to mobiles. And with good reason as studies have shown that 60% of searches are now performed on mobile devices. The Threat is Real Now you may think we’re over-reacting, or adding hype on a potential non-problem because truthfully, we still do not have quantifiable data on how big the impact is going to be. But Google is already capitalizing on mobile traffic on indexed app users. Should Google deliver on this – and they will, non mobile-ready websites will suffer search visibility, which will in turn reduce traffic. What does this mean?! Well, on the internet, visibility is everything. Why do you think black hat SEO was all the rage a couple of years ago? The ramifications of not showing up on search (or ranking very low on search)  is tantamount to loss of potential income, potential customers, publicity and all that. Why wasn’t I informed sooner? Any web developer worth his salt must’ve advised you to go responsive at some point in the development process. But if you created your site, say 3-5 years ago, then an update is long overdue. When exactly is the mobilegeddon happening? Google says April 21st. How do I know if my website...