Mjml mailchimp code#

3 categories worth of new and recently-discovered tools.

A quick coding tip (usually JavaScript or DOM stuff – all previous tips are sold in e-books: Volume 1 and Volume 2).

If you haven’t yet subscribed, you can do so at. You can view the newest issue live in the MailChimp archives, and I’ve included a mega-screenshot of the new design below. But hey, the archives will look nice, right? And I’m pretty sure a big chunk of people won’t see the custom fonts being used. It’s definitely not responsive (but that’s been a problem for a while now). Since HTML email is so finicky with fonts and responsiveness, there might still be a few problems to iron out. But overall, it was a decent way to start because it does a lot of the dirty work for you in terms of HTML email. My experience with MJML was generally good, but I made a number of edits to the compiled HTML, so if I intend to use the original MJML markup as my template for future changes, I’ll have to rework it.

Mjml mailchimp code#

To help with the coding of the site, I tried out a relatively new project called MJML app, which is an HTML email editor that uses MJML, a markup language preprocessor that compiles to email client compatible code (tables for Outlook, inline styles, etc).

Priscilla is mostly a print designer, but since this is email design, I feel like that’s an advantage more than anything. Although I could have put something together myself, I don’t consider myself a true designer, so I preferred to pay someone to give it a fresh look. The redesign was done by a local friend of mine, Priscilla Di Carlo. The new design launches in this week’s issue. I’m planning to be more active on Impressive Webs again this year, but I felt it was time for a fresh new design for the newsletter.

It’s been my primary side project which, admittedly, has taken time away from this blog. Since July 2013, I’ve curated a weekly newsletter called Web Tools Weekly.