MJML – The Responsive Email Framework

MailJet Markup Language (MJML) is a responsive email framework created by the team at MailJet. It’s built as a Node package which lets you code your emails in MJML. Then it will convert them into responsive HTML for your email campaigns. They’ve also built plugins for Atom and Sublime. MJML is a markup language designed […]

Responsive Email Design Evolution Infographic

In keeping with the email theme from my posts earlier today, here’s a nice infographic about Responsive Email Design. (On my list of todo’s is to rework my Daily Email template into a responsive design.) 50% of emails were opened on mobile while we published our last infographic back in 2013,the recent report from Movable […]

Responsive Tables in Pure CSS

We recently overhauled our payment statement tables for mobile web in Merchant Center. Our goal was to meet the following requirements:

No javascript. You can find all sorts of plugins to but it’s nice to go with a pure CSS solution if at all possible.

The text must be localized so no storing plain text in the stylesheets, nullifying Chris Coyer’s recommendation though the end result is built upon his idea. Plus it’s nice to keep the content in the views where it belongs.

No adjusting the font-size to 8px and cramming everything in 🙂

via Responsive Tables in Pure CSS – LivingSocial’s Technology Blog.

Responsive Email Patterns

Coding your own responsive email templates? Responsive Email Patterns looks handy.

A collection of patterns & modules for responsive emails ~ Responsive Email Patterns

Gridgum | Responsive Bootstrap Themes | Bootstrap WordPress

Gridgum is a marketplace for responsive themes and templates. Our aim is to provide the best collection of responsive themes including Bootstrap themes, WordPress themes, Admin templates and a wide range of premium responsive themes and templates to help with your website projects. ~ Gridgum

FROONT – Responsive Web Design Tool

FROONT – Responsive Web Design Tool – a flexible tool for creating and collaborating on web design without code

Startup Framework for WordPress – Drag & Drop Theme

Here’s a fabulous implementation of a Drag & Drop one-page website builder for WordPress. I encourage you to try out the demo: Enter your email, and you’ll be playing with the theme in the amount of time it takes to check your inbox.

Things I love about this theme: Edit your site via the frontend for a true WYSIWYG experience, intuitive controls, clean design elements, and flexibility for adding your own layout and design elements.

Startup Framework for WordPress – Drag & Drop Theme.