Koogle d*EPiC SWYNme BITLYme EmailMarketingTipps

Articles

(Viewing source=emailonacid.com)

tactics How to Fix Image Padding and Spacing in HTML Emails

Have you ever noticed the small spacing below images in Outlook.com and Gmail? Every browser renders this spacing except for IE 7 and lower. After lots of hair pulling, we realized that the culprit for this pesky space issue was the DOCTYPE. What we find even more interesting is that the latest DOCTYPE for HTML5 causes the same image spacing issues. Because of this we might see browsers like Firefox, Safari, Chrome and Opera come out with an update in the near future. Until then, there are a few work [...] [more]
emailonacid.com    Design

tactics Which Code Should I Include in Every Email?

We know email development can be a tough nut to crack. With so many different email clients and a lack of email development standards, one of the most important things you can do is ensure your email has a solid foundation. Once you have this foundation in place, your email is more likely to display correctly in different devices, browsers and clients. [...] [more]
emailonacid.com    Design

tactics Email Development Best Practices 2017

Email development can be a very confusing undertaking. Check out these best practices that cover both email design and email development that can save you hours of hair pulling down the road! [...] [more]
emailonacid.com    Design

tactics Gmail iOS Replacing Copyright Symbols With Blue Emoji and How to Fix it

Gmail on iOS started replacing copyright, registered and trademark symbols with large blue emoji images. This article covers a few ways you can fix it.  [...] [more]
emailonacid.com    Design

tactics How We Created Our Interactive Scrolling Halloween Email

We sent an interactive scrolling Halloween email featuring a person on a journey to deliver an email. This article goes into the nuts and bolts of creating this email. [...] [more]
emailonacid.com    Design

tactics CSS Background Images Now Supported in Outlook.com

Great news! Outlook.com and Office 365 Outlook (also known as OWA) now supports CSS background images. Until now, Microsoft's webmail properties only supported table background image attributes and not support CSS background images. This restriction forced email designers to use table background attributes in order to display a background image in Outlook.com. [...] [more]
emailonacid.com    Design

tactics CSS Background Images Now Supported in Outlook.com

Great news! Outlook.com and Office 365 Outlook (also known as OWA) now supports CSS background images. Until now, Microsoft's webmail properties were the only ones that did not support CSS background images. This restriction forced email designers to use table background attributes in order to display a background image in Outlook.com. Thankfully this support is enabled in both the "classic" and beta Outlook webmail clients. This change has been propagated to the Outlook iOS and Android apps as well [...] [more]
emailonacid.com    Design

tactics Making the Case for Interactive Email: What’s Possible, Beautiful, and Relevant [Webinar] [VID]

We recently hosted a webinar all about interactive email; Making the Case for Interactive Email: What’s Possible, Beautiful, and Relevant. Watch the recording and get the slides here.  [...] [more]
emailonacid.com    Design

tactics Introducing the Filmstrip Interactive Email Technique

What if I could teach you a method to create an interactive email using the HTML skills you're already familiar with - basic CSS and links. That learning the concept is as simple as visualizing images captured on a strip of film by an analog camera. What if I told you this method works on both the iPhone email client AND the Gmail app on Android as well. Interested? Well let's get started! [...] [more]
emailonacid.com    Design, Mobile

tactics How to Build an Interactive Quiz in Email

Email on Acid sent a fun interactive email for the 4th of July featuring a "choose your adventure" format where the reader had a choice of sending an email without testing on Email on Acid or after testing. There were a few tricks in the email such as a ticking clock, but at the core the email uses a "quiz format" where successive pages are displayed based on a selection of options from a previous page within an email. Such a setup can accommodate a multitude of other interactive email scenarios that [...] [more]
emailonacid.com    Design

tactics Accessibility in Email Webinar Recap [VID]

Last week we hosted a webinar all about Accessibility in Email. I think it's safe to say that the webinar was a resounding success. We were truly touched to see so many email folks interested in accessibility, thank you if you did attend - it meant a lot! This is a topic that is extremely close to our hearts and having the possibility of sharing it with you is why we do what we do. [...] [more]
emailonacid.com    Design

tactics CSS Targeting for AOL Mail

Among webmail clients, I would say AOL Mail is the most friendly when it comes to processing CSS. Unlike Gmail and Yahoo! Mail, AOL Mail allows a lot more CSS styles and it allows developers to be more adventurous with their designs in AOL Mail. This is especially true for advanced CSS like animation and absolute positioning. However AOL Mail has its own quirks so its important to be able to target AOL Mail in our CSS styles so we can address this client. [...] [more]
emailonacid.com    Design

tactics The New Yahoo! Mail and How to Target It

Yahoo! Mail released an update two weeks ago that came with a new UI, a few new features and some performance improvements. Yahoo! Mail also made some tweaks on how they process CSS as well. The significant change is that the new Yahoo! Mail no longer strips display:none styles when applied inline. You should note that since Yahoo! is taking an opt-in approach to the new UI, a large portion of the user base will still be using the old version. [...] [more]
emailonacid.com    Design

tactics Image Map Support in HTML Email

From my tests, all the major email clients support image maps. Yes, even Microsoft Outlook! Other clients that I've tested that works with image maps include, iOS, Apple Mail, Yahoo! Mail, Gmail, Outlook.com, AOL and the Samsung Android client. Downsides of Image Maps. With all the utility of image maps, there are some distinct drawbacks that you should consider should you decide to use them. [...] [more]
emailonacid.com    Design

tactics Tutorial: Animated Image Carousel for Email with Sliding Transitions

This is a follow up to the Animated Image Carousel for Email tutorial. In this article, we will go over how to make the images slide instead of fade when transitioning from one image to another. Like the original animated carousel, this example only works with email clients that support CSS animations as well as absolute positioning such as iOS Mail (iPhone, iPad) and Apple Mail. Other clients will see the fallback content. Here's a chart of CSS support among email clients. [...] [more]
emailonacid.com    Design
Page 1 | older