4 ms·

I know this is a Bootstrap tool, which means it has baggage. But if something like this existed for email, I would buy it in a snap. I have yet to find a deskt

I know this is a Bootstrap tool, which means it has baggage. But if something like this existed for email, I would buy it in a snap. I have yet to find a desktop tool that can make decent responsive html emails, and that is one of the main strengths that Bootstrap should offer. Skip the JQ efects. Perhaps you can make a email mode that is JS free, strips out the unused CSS, and inlines the remaining rules?

bowersbros 11y ago
Have you looked into Foundation for Emails? A new version has just come out (or is coming out very soon). http://foundation.zurb.com/emails http://foundation.zurb.com/emails
- sam_goody 11y ago
  I have. Zurb (foundation for sites, email or apps) as a library is not far from Bootstrap, but it's not a tool similar to Bootstrap Studio.
simplyinfinity 11y ago
https://beefree.io/index.html https://beefree.io/index.html :)
- sam_goody 11y ago
  They have been getting ready to "go pro" for a really long time now. In the interim, their online tool has serious limitations (it has been a few months since I last tried, but iirc it wouldn't let me save my templates, add images, make edits after exporting or even edit generated styles).
- oldo-nicho 11y ago
  This is so useful! Thank you!
rodriguezcommaj 11y ago
You should look into http://www.stampready.net http://www.stampready.net - along with Campaign Monitor's email builder (https://www.campaignmonitor.com/features/create-custom-emails/ https://www.campaignmonitor.com/features/create-custom-email...), it's one of the best drag-and-drop tools for creating really good, responsive emails. The problem with any of these tools is that they still spit out sometimes convoluted code, but that can't really be avoided since they need to cover their asses in literally dozens of different popular email clients. If you're looking to code, you should check out Litmus Builder (http://litmus.com/email-builder http://litmus.com/email-builder), a code editor specifically built for email design. Has a bunch of templates available, instant previews in a bunch of different clients, email-specific CSS inlining, etc. Full disclosure: I work at Litmus, but even if I didn't, I'd still use Builder for the previews alone.
- brightball 11y ago
  Thanks for this.
- poxrud 11y ago
  Thanks. Do these support responsive emails on the gmail android client? Unfortunately the gmail client does not support media queries, which makes building a responsive email for it very difficult.
  - rodriguezcommaj 11y ago
    That's a good question. I'm not sure about StampReady, but Campaign Monitor has a few of the best email designers in the biz working there (namely Nicole Merlin and Stig Morten Myre) who strive for really robust templates. Nicole in particular has written about her approach (typically called 'hybrid' or 'spongey' development), which works without media queries. It's basically using fluid tables, max-width, and MSO conditional tables to get things working and is the best approach around these days. You can read more about it here: http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 http://webdesign.tutsplus.com/tutorials/creating-a-future-pr... I wouldn't be surprised if Campaign Monitor's email templates built in their builder follow the same approach. MailChimp's too, for that matter. The team there use similar techniques.
deleted 11y ago
[deleted]
bialecki 11y ago
Been thinking about / working on the email design problem for a long time. Email is a great medium with a startling lack of good design tools. Here are the features I look for in an WYSIWYG email builder: * Drag and drop with common content types. Text, HTML, image, button, divider, social icons. * Controls for fonts, colors, borders, padding, etc. You don't want to adjust CSS after the CSS is inlined. * Control over email structure. Most email layouts are a single column or pre-built with a multi-column area. A good editor allows you to add new sections that are single or multi-column. * Responsive by default. For email this means that multi-column layouts can "collapse" to one column on mobile. So a 3x3 grid becomes 1x9 and the content of each cell isn't tiny on a phone. * Cross email client compatible. It handle Outlook, GMail and Apple Mail out of the box. This means lots of <table>s, that's just life. * One-click export to HTML with inlined CSS. * Image hosting. You can host the images yourself, but most of the time that's an extra step you don't care about. * Allows for saving and re-editing. It's not fun creating a variation of a template from scratch. For the last three years, we've been working on our email builder: https://www.klaviyo.com/email-templates https://www.klaviyo.com/email-templates. I think it has all of the above.
johnjackamend 11y ago
https://www.inkbrush.com/ https://www.inkbrush.com/ my bruv

bowersbros 11y ago

Have you looked into Foundation for Emails? A new version has just come out (or is coming out very soon). http://foundation.zurb.com/emails http://foundation.zurb.com/emails

sam_goody 11y ago
I have. Zurb (foundation for sites, email or apps) as a library is not far from Bootstrap, but it's not a tool similar to Bootstrap Studio.

simplyinfinity 11y ago

https://beefree.io/index.html https://beefree.io/index.html :)

sam_goody 11y ago
They have been getting ready to "go pro" for a really long time now. In the interim, their online tool has serious limitations (it has been a few months since I last tried, but iirc it wouldn't let me save my templates, add images, make edits after exporting or even edit generated styles).
oldo-nicho 11y ago
This is so useful! Thank you!

rodriguezcommaj 11y ago

You should look into http://www.stampready.net http://www.stampready.net - along with Campaign Monitor's email builder (https://www.campaignmonitor.com/features/create-custom-emails/ https://www.campaignmonitor.com/features/create-custom-email...), it's one of the best drag-and-drop tools for creating really good, responsive emails. The problem with any of these tools is that they still spit out sometimes convoluted code, but that can't really be avoided since they need to cover their asses in literally dozens of different popular email clients. If you're looking to code, you should check out Litmus Builder (http://litmus.com/email-builder http://litmus.com/email-builder), a code editor specifically built for email design. Has a bunch of templates available, instant previews in a bunch of different clients, email-specific CSS inlining, etc. Full disclosure: I work at Litmus, but even if I didn't, I'd still use Builder for the previews alone.

brightball 11y ago
Thanks for this.
poxrud 11y ago
Thanks. Do these support responsive emails on the gmail android client? Unfortunately the gmail client does not support media queries, which makes building a responsive email for it very difficult.
- rodriguezcommaj 11y ago
  That's a good question. I'm not sure about StampReady, but Campaign Monitor has a few of the best email designers in the biz working there (namely Nicole Merlin and Stig Morten Myre) who strive for really robust templates. Nicole in particular has written about her approach (typically called 'hybrid' or 'spongey' development), which works without media queries. It's basically using fluid tables, max-width, and MSO conditional tables to get things working and is the best approach around these days. You can read more about it here: http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919 http://webdesign.tutsplus.com/tutorials/creating-a-future-pr... I wouldn't be surprised if Campaign Monitor's email templates built in their builder follow the same approach. MailChimp's too, for that matter. The team there use similar techniques.

deleted 11y ago

[deleted]

bialecki 11y ago

Been thinking about / working on the email design problem for a long time. Email is a great medium with a startling lack of good design tools. Here are the features I look for in an WYSIWYG email builder: * Drag and drop with common content types. Text, HTML, image, button, divider, social icons. * Controls for fonts, colors, borders, padding, etc. You don't want to adjust CSS after the CSS is inlined. * Control over email structure. Most email layouts are a single column or pre-built with a multi-column area. A good editor allows you to add new sections that are single or multi-column. * Responsive by default. For email this means that multi-column layouts can "collapse" to one column on mobile. So a 3x3 grid becomes 1x9 and the content of each cell isn't tiny on a phone. * Cross email client compatible. It handle Outlook, GMail and Apple Mail out of the box. This means lots of <table>s, that's just life. * One-click export to HTML with inlined CSS. * Image hosting. You can host the images yourself, but most of the time that's an extra step you don't care about. * Allows for saving and re-editing. It's not fun creating a variation of a template from scratch. For the last three years, we've been working on our email builder: https://www.klaviyo.com/email-templates https://www.klaviyo.com/email-templates. I think it has all of the above.

johnjackamend 11y ago

https://www.inkbrush.com/ https://www.inkbrush.com/ my bruv