Blog
Web design techniques and thoughts.
-
Confirmation email essentials
Confirmation emails are some of the most widely read, and are often saved to be referenced at a later time.
-
Event email essentials
If you hold an event, email is a great way to inform your audience about it and set their expectations.
-
Announcement email essentials
If you’re launching something new, why not let your valuable subscribers in on the news?
-
Welcome/onboarding email essentials
The welcome email has the highest open and click-through rates, use it well!
-
Template technique: handling spacing
Maintaining consistent spacing in an email layout.
-
Template technique: levels of email dark mode
How to prepare your template for email clients and their dark mode affects.
-
Template technique: automatic mobile layout
Simple code for globally adjusting any column in an email template for mobile.
-
Letting go of Outlook for Windows
No more tables, no more VML, no more Outlook’s dirty code!
-
How code is handled (badly) by email providers
Ways that email providers mess with your code and what to do about it.
-
Designing for a branded email's text only version
How to account for your email design's text-only output.
-
No more tables for email
An approach to eliminating the need for using tables for design structure.
-
Modular design technique: the 3 phases of template design
The design phases towards turning your email design into a design system: structure, branding, modules.
-
Modular design technique: using standard layouts
What do these emails have in common? They all use the same essential layout, each with completely different branded designs.
-
Making your emails shareable
Adding share links and utilizing meta info.
-
Start sending out emails
I used to tell people that if they have anything that they want to share with the world, the first thing they do is should get a website up.
-
Starter modular email boilerplate
The framework we use for coding custom email templates that are accessible and lightweight, available as open source.
-
How visual email builders reinforce bad design practices
They primarily use outdated design practices that cause unintended issues and wasted effort.
-
Dealing with Outlook
Email clients have improved email rendering throughout the years. Except for Microsoft Outlook. Here’s how to support it and keep your sanity.
-
Modular design technique: components that work together
How DICK’S Sporting Goods designed their components to be reusable and plug into and along side each other.
-
Organizing your email design process
3 steps towards systemizing your email’s production.