mshillam
/
responsive-html-email-signature
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update preview URLs

This commit is contained in:
Dan Mindru 2015-10-19 22:20:22 +02:00
parent ba70062f2f
commit ab8b0a44ec
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
README.md
View File

@ -1,6 +1,5 @@
# Responsive HTML email signatures # Responsive HTML mail signatures
Responsive templates for email signatures. <br/> Responsive templates for mail signatures. <br/>
**Disclaimer**: super basic layout, but there's nothing basic about HTML emails.
When you need some basic signatures that work on mobile.<br/> When you need some basic signatures that work on mobile.<br/>
...and your colleagues need them too.<br/> ...and your colleagues need them too.<br/>
@ -10,13 +9,8 @@ When you need some basic signatures that work on mobile.<br/>
## Preview ## Preview
Here's how the samples look: Here's how the samples look:
![](http://danmind.ru/img/fadeit-desktop.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)
![](http://danmind.ru/img/fadeit-mobile.png)
![](http://danmind.ru/img/play-desktop.png)
![](http://danmind.ru/img/play-mobile.png)
## What does it do ## What does it do
@ -25,11 +19,11 @@ Here's how the samples look:
- [x] transforms linked (`<link>`) CSS into inline styles - [x] transforms linked (`<link>`) CSS into inline styles
- [x] embeds local `img[src]` into the template (base64).* - [x] embeds local `img[src]` into the template (base64).*
- [x] minifies the template - [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] can build templates from multiple sources
- [x] watches HTML/CSS files for changes and re-builds - [x] watches HTML/CSS files for changes and re-builds
<small>** *Some email clients don't support them, so an external URL might be a good idea. **</small> <small>** *Some mail clients don't support them, so an external URL might be a good idea. **</small>
## Getting started ## Getting started
@ -42,7 +36,7 @@ Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change
## CSS Support ## 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. 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.
@ -50,7 +44,7 @@ See [this](https://www.campaignmonitor.com/css/). To convert CSS files to inline
- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo - [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo
- [ ] preprocessor support (simplifies BEM) - [ ] preprocessor support (simplifies BEM)
- [ ] use github pages to show live demos - [ ] use github pages to show live demos
- [] fix all email clients - [ ] fix all mail clients
## Usage with different e-mail clients ## Usage with different e-mail clients