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!
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.
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.
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.
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.
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!
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.
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 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.
‘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 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.
See how we created our recent interactive email, including the decisions we made, code for the interactive sections and how we handled fallbacks.
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.
Learn how to build a carousel for email with pan and zoom effects.
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.
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.
is easy to style in many clients, and can help get your message across
whether or not image blocking is on.
Learn how to build a carousel that will fade from one image to the next in email clients that support CSS animation.
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 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.
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.