Category Archives: Email Dev

Target Outlook App with body[data-outlook-cycle]

It’s all really in the headline. If you want to target the Outlook app, use [data-outlook-cycle] selector. If you apply it to the <body>, then it will cover everything. body[data-outlook-cycle] .outlookApp_show {display:block !important;color:#ff0000;} body[data-outlook-cycle] .outlookApp_hide {display:none !important;}

Posted in Email Dev | Tagged , , , | Comments Off on Target Outlook App with body[data-outlook-cycle]

Interactive Email – checkbox hack

I’m going to just post an example instead of going into all the detail, but here is some detail. This hack only works in Webkit email clients, which is pretty much IOS devices, Outlook on the Mac, Apple mail, and … Continue reading

Posted in CSS3, Email Dev | Tagged , , , | Comments Off on Interactive Email – checkbox hack

Email Camera

This is some next level stuff right here…. Using you phone’s camera in an email???? https://emails.hteumeuleu.com/email-camera-2fb5f237d2e4

Posted in Email Dev | Tagged , , | Comments Off on Email Camera

Fixing bugs with Outlook specific CSS

This is a very informative, yet frustrating article on the fun time that is coding Emails for Outlook. https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4 Here is an excerpt from the article: Conditional stylesheet The most common way to code Outlook targeted CSS is by placing an … Continue reading

Posted in Email Dev | Tagged , , , , | Comments Off on Fixing bugs with Outlook specific CSS

TD stacking not working on Outlook app in IOS

If you just want the answer to fixing this issue, go down to “The Solution” section. (Hint: replace <td> with <th>) A common technique for making a multi-column desktop layout magically transform to a one-column layout for mobile is to stack … Continue reading

Posted in Email Dev, Mobile | Tagged , , , | Comments Off on TD stacking not working on Outlook app in IOS