kevincoleman / HTMLEmailST3

A set of Sublime Text 3 snippets for HTML email development.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Clone to your Sublime Text 3 User Packages Folder:

For Mac: '/Users/username/Library/Application Support/Sublime Text 3/Packages/User/'

Then, move the /images folder to reside within your project folder.*


Contained Snippets:

template  : An HTML email template with tab stops for campaign customization
tbl       : An HTML table, with styling for email
gatags    : Google analytics tags for links (company-specific)
bnr       : A linked image that is centered inside its parent
horz      : A horizontal spacer for use in tables (a <td> for spacing)
vert      : A vertical spacer for use in tables (a <tr> & <td> for spacing)
img       : An image, ready for HTML email (Might override img snippet)
lnk       : A linked image, ready for HTML email
sans      : A set of sans-serif styling, ideally applied on <td> elements
serif     : A set of serif styling, ideally applied on <td> elements


Snippet Variables:

ORGANIZATION_NAME   : Your company name string (no spaces)
IMG_NAME            : Image filename (no spaces, no extension)
EXT                 : The image file’s extension
PROJECT_NAME        : Your email project name (no spaces)
PROJECT_TITLE       : The email project’s title, for the user in inbox
PROJECT_URL         : The absolute project URL (with final /)
LINK_TARGET         : The click-through target URL for the link
ALT_TEXT            : The image’s alternate text

Other notes:
There is a pre-filled meta property that points to “share.jpg” for an image to be used when sharing the emails on Facebook, Twitter, etc. This image should be included in the project’s “images” folder in order to be used.

*Don’t forget to upload all your email’s images to a web-public location. Local testing is great, but email recipients won’t be able to see images in your testing environment.

About

A set of Sublime Text 3 snippets for HTML email development.