Dont Tell Comedy – Dynamic Email Campaign

June 2021 - August 2021
Goals
  • Create HTML emails that work on popular email clients
  • Account for dynamic data that is fed through Django

Project Overview

Don’t Tell Comedy needed multiple custom emails for their customers. My job was to code and test them, mainly for Gmail and IOS mail client. I haven’t touched HTML emails in a while, but I thought I’d take on the job since I had good experience with Foundation for Emails/Inky. Using that, I was able to deliver the emails in a decent time frame.

Process

The Inky framework uses a build process that converts special markup to the table layouts that are needed for most email clients. This lets me build layouts that would normally take hours and hours of tedious formatting in much less time. As far as the styles go, those are very straightforward, though my styling choices were limited.

Once the emails were built out, the outputted HTML was made into a Django template where data was looped through. Overall, the process was simple it just required tweaks and testing throughout the process.

Technologies Used

HTML emails don’t support much, so basic CSS and HTML was all that was needed. Inky allows for SCSS, so I did utilize it.

Want to check out some code demos?

Check out code samples written in JavaScript, React, Node, and more

Demo 1
Defining Reusable Column Extends with SCSS

Quick Note: The atSmall type mixins are just basic media queries. Since these kinds of layouts are common, they also need to be overwritable if I want to change the spacing. Generally, the ‘default’ spacing is defined in the extend/mixins. Example Use Cases To get the layout working, you only need a container class and […]

Demo 2
Discord Bot: Reddit API Ask Feature

The Purpose Some Discord bots have a feature where you can “chat” with the bot(i.e: Cleverbot integrations). I decided to take a spin on this concept and utilize the Reddit API to answer common questions. A user from the server asks a question using the b!ask command, then the bot gives a random answer from […]

Demo 3
React.js Modal Using The Hooks API

Modals are a classic piece of application functionality, made even easier with libraries like React. You could go with a library, but you can often make your own with less than 100 lines of code. Using the hooks API, you don’t even need a class based approach. This example is going full functional! Defining The […]

Need something? Let's get in touch