Hacker News new | ask | show | jobs
by blowski 4612 days ago
At TechHub more than half our emails are opened on mobile (and mostly on iPhones, although there is some selective bias in there because of default image display settings). So mobile-first makes sense in every way.

> We began by asking, what layouts work well on mobile? The answer for us was to think “single column.”

This is nearly always the case. You can include pictures, and then use `align="right"` (or left) to make text float round the picture. You can use media queries to hide the picture entirely on mobile.

You can also use two buttons, one for mobile (which stretches to 100% width and more height) and one for desktop.

We use Litmus (http://litmus.com) to render test everything.

I have a strange love for coding HTML emails, so if I can help anyone with a bit of free advice, feel free to ask. @blowski

2 comments

> I have a strange love for coding HTML emails That's a sentence I never thought I would ever hear. And I also recommend Litmus, pretty much the only sane way to test the rendering that I found.
Most of the time as a developer I am merely bluffing my way through, but with HTML email I can actually claim some degree of expertise.
They're also small and self-contained. It's like a poem.
I actually have grown to dislike Litmus to be honest. I've sent an email to Litmus and to a device it was emulating, and it looked great on the device and busted as hell on Litmus. Leads to some false negative bugfixes.
I'm actually the Community Manager at Litmus. If you still use the service and have issues, don't hesitate to shoot us an email at hello@litmus.com - we're always trying to improve the service and help out our customers.