HTML EMAIL TEMPLATE BUILDING RESOURCES
In this resource lesson you’ll get an introduction to Visual Studio Code which is the test editor used in Drew’s YouTube channel to build websites. This video also mentions Sublime Text which was used in older tutorials. See the Visual Studio Code links and settings below as mentioned in the video.
Extension Used:
My “settings.json” Settings:
{
“window.zoomLevel”: 1,
“workbench.activityBar.visible”: false,
“editor.fontSize”: 14,
“editor.tabSize”: 3,
“editor.minimap.enabled”: false,
“breadcrumbs.enabled”: false,
“editor.links”: false,
“editor.hover.enabled”: false,
“editor.quickSuggestions”: true,
“editor.wrappingIndent”: “indent”,
“workbench.startupEditor”: “newUntitledFile”,
“editor.colorDecorators”: false,
“workbench.colorTheme”: “Eagle Oceanic Next”,
“editor.tokenColorCustomizations”: {
“[Eagle Oceanic Next]”: {
“comments”: “#748691”, // blue/gray
“numbers”: “#ffc275”, // orange
“types”: “#e2e2e2” //light gray
}
},
“workbench.colorCustomizations”: {
“editor.background”: “#313D47”,
“statusBar.background”: “#303030”,
“statusBar.noFolderBackground” : “#222225”,
“statusBar.debuggingBackground”: “#511f1f”,
“editorIndentGuide.background”: “#3F4950”,
“editorIndentGuide.activeBackground”:”#465259″
},
“workbench.editor.highlightModifiedTabs”: false,
“workbench.editor.tabSizing”: “shrink”,
“window.nativeTabs”: true,
“editor.quickSuggestionsDelay”: 0,
“editor.tabCompletion”: “on”,
“editor.autoClosingBrackets”: “beforeWhitespace”,
“editor.dragAndDrop”: false,
“editor.folding”: false,
“editor.cursorBlinking”: “smooth”,
“editor.find.autoFindInSelection”: true,
“editor.formatOnType”: true,
“editor.parameterHints.enabled”: false,
“editor.occurrencesHighlight”: false,
“editor.matchBrackets”: false,
“editor.suggest.maxVisibleSuggestions”: 3,
“liveServer.settings.CustomBrowser”: “chrome”,
“files.autoSaveDelay”: 1,
“liveServer.settings.wait”: 1,
“editor.wordWrap”: “on”,
“liveServer.settings.donotShowInfoMsg”: true
}
In this resource lesson you’ll get an introduction to Litmus Purtmail which allows us to send test email previews to our own email inbox for free. This is a great option if you don’t have access to a subscription with either Litmus or Email On Acid’s email client preview testing services for HTML emals. This video also mentions a recourse to host your images online for free and how to use placeholder images in your HTML emails.
CSS inliners allow you to take the CSS from your internal stylesheet and inline them into your HTML elements for the best rendering of your HTML email designs.
Two of the most popular CSS inliners available are from MailChimp and CampaignMonitor. You can also use the free Litmus Putsmail tool above when testing your HTML Emails as well.
Check back for a CSS inliner feature here at Responsive HTML Email!
