{"id":22403384,"url":"https://github.com/springload/email-starter-kit","last_synced_at":"2026-01-05T19:49:59.228Z","repository":{"id":66138676,"uuid":"103225848","full_name":"springload/email-starter-kit","owner":"springload","description":"Email starter kit","archived":false,"fork":false,"pushed_at":"2017-09-29T23:12:01.000Z","size":2300,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-02-01T06:25:40.384Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://springload.github.io/email-starter-kit/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/springload.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-12T05:22:12.000Z","updated_at":"2019-06-19T11:45:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"54fd43ae-028e-461d-a34e-5ac38988fdfb","html_url":"https://github.com/springload/email-starter-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Femail-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Femail-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Femail-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springload%2Femail-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/springload","download_url":"https://codeload.github.com/springload/email-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245760954,"owners_count":20667893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-05T09:16:59.173Z","updated_at":"2026-01-05T19:49:59.200Z","avatar_url":"https://github.com/springload.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Email starter kit \n\nCoding for HTML emails is like coding for Internet browsers from 10 years ago. \nPicture a website from a decade ago: that’s the level of design complexity we can reasonably shoot for.\nTables Are Your Best Friend\n\n|Important links|\n|---------------|\n|[template building documentation](https://www.campaignmonitor.com/create/)|\n|[CSS support in email clients](https://www.campaignmonitor.com/css/)|\n\n## Installation\n\n\u003e Clone the project on your computer, and install [Node](https://nodejs.org). This project also uses [nvm](https://github.com/creationix/nvm).\n\nFrom the command-line:\n\n```sh\ncd ~/Development/sites/\ngit clone git@github.com:springload/email_starter_kit.git\ncd email_starter_kit\n# Install the required Node and npm versions.\nnvm install\n# Then, install all project dependencies.\nnpm install\npip install wrangler\n```\n\n## Working on the project\n\n```sh\n# Start the server.\nnpm run start\n```\n\n## Publishing the templates\n\n```sh\n# Prepare the templates for deployment\nnpm run deploy\n```\n\n## Documentation\n\n### For designers\n\nif you want your email to render well in every email client, stick to using a width of 600px. Plus this is what our default starter kit uses.\n\n### For developers\n\nPlease if you come across any of your own please document them here \n\n\u003c Bugs you need to be aware of\n\nDivs have positioning and box model issues in different clients, in particular those that use Microsoft Word (Outlook) to render. You can use divs if you want but safer to code like it’s the 90's and stick to tables.\n\n`#ffffff` instead of `#fff`\n\nIn general it’s easier to stick with standard system fonts. That includes Helvetica, Arial etc.\n\nHowever, we can use web fonts like Google fonts. You should put them behind a WebKit conditional media query otherwise Outlook will mess up your type e.g.\n\nIf you want to use margins you need to have a capital M for example Margin: 30px; as this is the only way it works in Outlook\nInline CSS instead of stylesheets\n\nCache strings break when importing a template into campaign monitor\n\nImages always need the width defined \n\nUSING RETINA IMAGES IN OUTLOOK\n\nSome versions of Microsoft Outlook still display the retina images at their full size, despite the explicit sizes set by the width and height attributes. To get around this, you can include a max-width rule in the style attribute of the image.\n\nDO NOT USE * it can cause all sorts of mess\n\n### Email client support\n\n\u003e Email client support is informed by analytics on existing campaigns of comparable audiences.\n\n| Email client | Version | Testing in Campaign Monitor |\n|---------|-----------|---------|\n| Gmail | Gmail | Yes |\n| iOS Devices | iPhone | Yes |\n| iOS Devices | iPad | Yes |\n| Apple Mail | Apple Mail 10 | No – Use Apple Mail 9 instead |\n| Apple Mail | Apple Mail 9 | Yes |\n| Outlook.com | Outlook.com | Yes |\n| Microsoft Outlook | Outlook 2016 | Yes |\n| Microsoft Outlook | Outlook 2013 | Yes |\n| Microsoft Outlook | Outlook 2010 | Yes |\n| Spark.co.nz | Spark.co.nz | No – Uses the user's browser's rendering? |\n| Windows Live Desktop | Windows Live Desktop | No – Discontinued. Probably using the same underlying engine as Outlook |\n| Android | Android 7 | No – Use Android 4 instead |\n| Yahoo! Mail | Yahoo! Mail | Yes |\n| Thunderbird | Thunderbird | Yes |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Femail-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspringload%2Femail-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringload%2Femail-starter-kit/lists"}