OS X High Sierra setup instructions

danmindru / responsive-html-email-signature

✨ Template generator for (responsive) emails & email signatures

https://responsive-html-email-signature-generator.com

MIT License

844 stars 244 forks source link

OS X High Sierra setup instructions #36

Closed reederz closed 6 years ago

reederz commented 7 years ago

Even though the current OS X setup instructions are super sketchy, they do work. Or at least they used to. Meet High Sierra - the nightmare of responsive html signatures.

Jokes aside, editing signature on disk with email client closed does fuck all because once you open the client, the signature gets overwritten. Could it be related to the new filesystem they launched?

CC: @danmindru

reederz commented 7 years ago

Dan, can you see if you can reproduce this when you have a moment? No rush. It could be that it's specific to Lars' environment (I saw the behaviour on his laptop myself).

danmindru commented 7 years ago

I don't have the option to update yet, will try when it pops up

reederz commented 7 years ago

@danmindru I was poking around today and found this https://www.youtube.com/watch?v=x-pATsvrQQc . Then I realised that those instructions can be adapted to our signatures too. Here's roughly how it goes:

copy html
publish it as a webpage: local, on server, doesn't matter - as long as you can open it with browser.
open the webpage in chrome browser
cmd + A; cmd + C (i.e. copy the contents)
create new signature in email app
uncheck "Always match my default font" checkbox below the signature editor
paste the copied webpage contents
you're good to go!

This worked perfectly for Lars. Let me know if you see any problems with this approach.

reederz commented 7 years ago

If this approach is fine with you, you or I could easily setup a CI workflow to automatically publish signatures as webpages E.g. on github pages or one of our servers.

danmindru commented 7 years ago

yeah it's an alternative way, BUT the responsive styles (<style> block in <head>) are going to be lost during the process. That's why we went through all the trouble before. When editing the source directly we could be sure everything in <head> makes it in the signature.

reederz commented 7 years ago

Bugger... Well, it will do for now as it's better than nothing.

reederz commented 7 years ago

For what it's worth, responsiveness works on:

thunderbird, when resizing the window
android email client
gmail webclient
tutanota.com web client
tutanota.com mobile client

Can't test outlook though. Is that where it might not work, you think?

danmindru commented 7 years ago

I'd test it on a mobile device. The email content should fit whatever size the mobile device viewport is (both portrait and landscape) without having to scroll horizontally.

reederz commented 7 years ago

Check your gmail or @fadeit.dk email when you have time - I've sent you a test.