Cerberus VS caniemail

Let’s start with one of the features that was most requested in my previous posts: Keila now has a WYSIWYG block editor! – Screenshots With the new editor comes a new base template which is based on Cerberus Hybrid and which looks great on pretty much all email clients, even tricky ones like Windows Mail.

I recommend you look into these templates: https://www.cerberusemail.com/

We have been using Cerberus since 2015, rock solid: https://github.com/TedGoas/Cerberus

Try out https://tedgoas.github.io/Cerberus/ It’s the best that I have found. Plus, you can chose between different layouts

Email templates are nothing but hacks, I've found. Here's the template I use for email, though I don't think it supports the layout you're going for. Try googling "email templates github" and see if any open source options have a solution.

Not a framework but I’ve found Ted Goad’ Cerberus templates very useful.

I customized them, extracted them into modules and created a design system which I then translated to an email CMS.

Coverage is pretty good although Outlook still glitches in some circumstances.

https://tedgoas.github.io/Cerberus/

FWIW caniemail is unreliable and does not have full coverage.

Also with this level of complexity I’d rather start with a few tested patterns than navigate the insane labyrinth of email client inconsistencies.

Keila currently comes with one template. It’s based on the wonderful Cerberus Fluid Template and looks great on mobile! Future versions will of course let you modify the template to your heart’s content.

Can I email? (https://www.caniemail.com/) by Tilt Studio Yes you can unless you won't.

Another client to test for is Google Mail, which can be done with a Gmail.com account. And Apple Mail, on any Apple device. Apple Mail provides the best email rendering so you don't even really need to worry about it much if you're covering the other two. But these three make up the main ones you should test for. And for checking compatibility of specific code, caniemail.com is an essential tool to use.

To our dismay, major platforms like Gmail do not support flexbox align-items, and there are no plans to include support for SVG (and don't get me started with outlook's desktop app, where even basic styles go very wrong). You can refer to an illustrative guide of what you can or can't do across email providers on Caniemail.

Check out https://www.caniemail.com to see what tags are supported and the email client options to watch for.

Be careful when using CSS, some properties like flex ⚠️ are not supported by all email clients. You can check this website to see which properties are supported by which email clients. Another solution is to use a CSS framework that will do the hard compatibility work for you. I use MJML, in my in-depth article about SES, I explain how to use it to create responsive emails.

Go ahead and bookmark caniemail.com. You’ll use it constantly.