Email Development

600+ Free Email Templates from Email on Acid

Instead of creating a template from the ground up, let us save you hours of precious time with these places to grab your very own email template. Simply download a template and customize it to fit your specific needs.  

Oh and did we mention… They’re free!  

How to Restart CSS Animations in Email Using The :active Pseudo-class

Sometimes it is difficult to decide if you should let your CSS animations loop or only execute once. Here is a technique that lets the recipient of your email replay animations on demand. 

How to Prevent Gmail From Displaying An Image Download Button In Your Email

Gmail displays a download icon on top of images without a link. Here are a few techniques you can use to prevent Gmail from displaying the icon. 

Holiday Interactive Email Campaigns

Whether they be to engage or delight recipients or to show their creative chops, here are some really cool campaigns that leverage interactivity and advanced CSS animations that we came across the past holiday season. 

Minesweeper Interactive Email: Interview with Camille and miah from table tr td

An interactive email created by Camille and miah from table tr td featuring the iconic Minesweeper PC game recently caught our eyes. We decided to reach out and ask them their inspiration for the email and get their thoughts on interactive campaigns.

Tutorial: How to Code an Interactive Greeting Card Email

For EOA’s holiday email, I thought it would be fun to create a 3D card
opening effect. Because of the techniques involved in CSS animation, I
knew this would only work in a few clients. I coded the email to work
only in iOS devices.

Read on to see how easy this effect is!

Using Pseudo Elements to Progressively Enhance Your Emails

Pseudo elements often go unused in email development. 

In this post, we’ll break down where they’re supported, how to use them and some fun examples for you to use in your emails.

[Code Tutorial] How to build an Interactive Puzzle in Email

We built an interactive word puzzle email to feature our December promotion. Learn all the CSS tricks we used to make this email interactive and engaging in the inbox.

Nate Webmail Testing: What You Need to Know

Nate is one of the largest web portals in South Korea. 

In this post, we break down what you need to know about Nate Webmail, the rendering quirks and the HTML it supports.

Fluid Retina Images for Email

‘Retina’ images are actually just ordinary images displayed in such a
way that they become more crisp on Apple’s retina displays.

This blog will show you how to code images that are fluid and retina ready, but won’t break your email’s display in Outlook.

La Poste Webmail Testing: What You Need to Know

La Poste is a major mail service in France and also offers email services to
millions of users.  

While mostly having good support for HTML email, La
Poste’s web client does have a few quirks.

Using Interactive Email to Highlight Content

See how we created our recent interactive email, including the decisions we made, code for the interactive sections and how we handled fallbacks. 

The Limitations of Interactivity and the Importance of Testing

How do I check that my interactive elements are rendering correctly? What happens if I open this email on Outlook? Does interactivity impact load time? 

In this post, Rebelmail will explore testing best practices and the functional limitations of interactivity.

Tutorial: Animated Image Carousel for Email with Ken Burns Effects – Part 2

Learn how to build a carousel for email with pan and zoom effects. 

Naver Webmail Testing: What You Need to Know

Naver is one of the largest technology companies in South Korea. 

In this post we break down what you need to know about Naver Webmail, the rendering quirks and the HTML it supports.

Mastering Styled Alt Text in Email

Though it might seem like an afterthought to add alt text to images, it
can make a huge difference for the success of your campaigns.  

Alt text
is easy to style in many clients, and can help get your message across
whether or not image blocking is on.

Tutorial: Animated Image Carousel for Email – Part 1

Learn how to build a carousel that will fade from one image to the next in email clients that support CSS animation.

Coding for Windows 10 Mail App

The Windows 10 Outlook Mail app is set to become one of the most used
email clients on desktop. As more people buy Windows 10, we’ll see more and more
opens happening on this app.  

I’ll be offering a high-level overview of the challenges this email client offers.

Yandex Webmail Testing: What You Need to Know

Yandex is one of the largest technology companies in Russia and its surrounding countries.

In this post we break down what you need to know about Yandex Webmail, the rendering quirks and the HTML it supports.

Four Interactive Email Fallback Strategies

One of the really exciting things to happen to email over the past few
years is the introduction of interactivity and animations in email using
CSS, or what’s being called kinetic design.

It’s important to ensure that your
email still renders nicely in clients that aren’t able to handle
advanced CSS by providing fallback content.