generator-ninthlink-email
v1.2.0
Published
a lean version of generator-webapp built for HTML emails
Downloads
22
Maintainers
Readme
Email generator
Yeoman generator that scaffolds out an HTML email using gulp for the build process
Generator Features
Please see our gulpfile for up to date information on what we support.
- gulp-inline-css
- Built-in preview server with BrowserSync
- Awesome image optimization
- The gulpfile makes use of ES2015 features by using Babel
For more information on what this generator can do for you, take a look at the gulp plugins used in our package.json
.
Template Features
- table-based, modular HTML email optimized for Gmail App and iOS Apple Mail App
- no media queries; container width of 600px
- use of rems and ems so that each module can be resized independently
- thoroughly-documented, tested, and validated code
- CSS fix for superscript HTML entities (®) -- line-height distortion is anticipated and eliminated
- Includes an HTML snippet that fixes Gmail's attempt to automatically resize fonts. A discussion of this can be found here. The code is included just before the closing body tag.
- added
display:table-cell;
to all images nested within links, in order to make sure that the link doesn't extend beyond the image. This has the effect of making the layout more balanced since links extending beyond the image borders was similar to adding padding to one side of the image.
Getting Started
- Install dependencies:
npm install --global yo gulp-cli bower
- Install the generator:
npm install --global generator-ninthlink-email
- Run
yo ninthlink-email
to scaffold your webapp - Run
gulp serve
to preview and watch for changes - Run
gulp
to build your webapp for production - Run
gulp serve:dist
to preview the production build