Simple responsive HTML email template

https://github.com/leemunroe/html-email-template

by fonziguy • 13 years ago

70 14 13 years ago

noeltock• 13 years ago

Also check Antwort, similar but seems to have better documentation and has been thoroughly tested: http://internations.github.io/antwort/

pulmo• 13 years ago

Antwort seems more trustworthy. Making HTML emails look good on all devices and apps is a real problem. If you view the source of a HTML mail you see crazy stuff. It feels a lot like the nineties with all that table tags.

goldenkey• 13 years ago

Tables are usually used because /some/Outlook/s clients do not respect div width.

bagosm• 13 years ago

In what way is this responsive? At least the example isnt.

charlieirish• 13 years ago

The Ink Framework from Zurb has also got plenty of free templates that are thoroughly tested and responsive:

http://zurb.com/ink/

jarnix• 13 years ago

It's not even a usable template. Of course everyone can do a 100% table. Use Zurb ink.

bittermang2• 13 years ago

Ah yes, the old tables are bad because... um... well... we said they're bad. Nevermind that they visually work, and HTML email never progressed beyond 1997. They're bad!

And I'm not trying to reignite the "tables are bad" hoopla. I get that tables are for tabular data. They make the most sense and are very good at it. However tables still effortlessly accomplish things that take a mountain of "hacks" and workarounds with other elements, like percentile heights and widths, in conjunction with centering content inside of cells horizontally and vertically, as well as gutters via cell padding and margins.

If this is not the elegant or desired solution, then we as a community need to make a concentrated effort to get HTML email up to spec. It's clearly here to stay, and not some passing fad like was bemoaned at the introduction of richly formatted emails. Unfortunately here to stay has also meant we've been stuck with what we shipped.

Until that day that we finally fix this, I'm erring to the side of tables in emails for greater functionality and compatibility.

_cipher_• 13 years ago

[..]and HTML email never progressed beyond 1997.

Thank christian God, Allah, Osiris and Buddha all at the same time.

Something more horrible than HTML emails would be HTML emails with jquery and more useless stuff.

eli• 13 years ago

Err I think you badly misread that... jarnix didn't say tables are bad, just that 100% width tables are easy to implement yourself. Zurb Ink uses tables too.

airencracken• 13 years ago

Ugh. HTML e-mail is awful. My MUA doesn't need to be a browser as well.

andybak• 13 years ago

I came here expecting this comment and I'm bored and disappointed to find placed so highly.

I send html emails. Not always but quite often I'm emailing people where this won't communicate the same making the text italic or bold.

Or I'm sending a code fragment and I want it indented and renderedin a monospace font.

Or I want to embed an image, or I want to linkify some text.

Can we stop having this debate? It's a was a battle lost a long time ago and the cost has been largely worth the benefits.

Simple responsive HTML email template

Related Stories