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

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

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...