From ab8b0a44ec8c784df37943fb1101fdc337633898 Mon Sep 17 00:00:00 2001 From: Dan Mindru Date: Mon, 19 Oct 2015 22:20:22 +0200 Subject: [PATCH] Update preview URLs --- README.md | 28 +++++++++++----------------- 1 file changed, 11 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 39b29fe..29c9cc8 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,5 @@ -# Responsive HTML email signatures -Responsive templates for email signatures.
-**Disclaimer**: super basic layout, but there's nothing basic about HTML emails. +# Responsive HTML mail signatures +Responsive templates for mail signatures.
When you need some basic signatures that work on mobile.
...and your colleagues need them too.
@@ -10,13 +9,8 @@ When you need some basic signatures that work on mobile.
## Preview Here's how the samples look: -![](http://danmind.ru/img/fadeit-desktop.png) - -![](http://danmind.ru/img/fadeit-mobile.png) - -![](http://danmind.ru/img/play-desktop.png) - -![](http://danmind.ru/img/play-mobile.png) +![responsive template example](http://danmind.ru/img/mail/responsive-email-templates1.png) +![responsive template example](http://danmind.ru/img/mail/responsive-email-templates2.png) ## What does it do @@ -25,11 +19,11 @@ Here's how the samples look: - [x] transforms linked (``) CSS into inline styles - [x] embeds local `img[src]` into the template (base64).* - [x] minifies the template -- [x] media queries for email clients that support them +- [x] media queries for mail clients that support them - [x] can build templates from multiple sources - [x] watches HTML/CSS files for changes and re-builds -** *Some email clients don't support them, so an external URL might be a good idea. ** +** *Some mail clients don't support them, so an external URL might be a good idea. ** ## Getting started @@ -42,15 +36,15 @@ Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change ## CSS Support -Remember, it's HTML emails, so you need to check a big-ass table to find out nothing's gonna work. +Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work. See [this](https://www.campaignmonitor.com/css/). To convert CSS files to inline styles [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used. ## TODO -- [] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo -- [] preprocessor support (simplifies BEM) -- [] use github pages to show live demos -- [] fix all email clients +- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo +- [ ] preprocessor support (simplifies BEM) +- [ ] use github pages to show live demos +- [ ] fix all mail clients ## Usage with different e-mail clients