Layout letters: 60 useful resources, guides and research

In our blog on Habré, we often write about creating mailing lists - layout HTML and CSS, working with plain-text messages and describe interesting experiments. Today we present to your attention a list of 60 useful resources, tutorials and research on working with email.

Frameworks

• Ink - for fast layout of responsive HTML-letters, which will be equally well displayed on any device or mail client, including in Outlook
• Email Framework - a framework for creating HTML-letters
• Truly responsive letters. Part two. Framework - an approach to creating adaptive letters from Arthur Koch

Templates

• Sendwithus - open letter template library
• Mailchimp Email Templates
• Campaign Monitor Templates
• Responsive HTML Email Templates - Tested on Popular Email Clients
• Cerberus - a selection of responsive email templates
• Antwort - adaptive layouts for the layout of letters
• Adaptive HTML template - suitable for working with mainstream email platforms
• Free Responsive Template: Summary - Top Five Checked Templates
• Grunt Email Template
• Responsive Email Templates
  HTML letter template is a good starting point for your newsletter.

Instruments

• "Bulletproof" buttons for letters - buttons for your letters in VML and CSS
• "Bulletproof" background images
• PutsMail is a free tool for testing HTML emails before sending.
• Pechkin is a service for creating and analyzing email newsletters;
• “Inliner” of letters from “Pechkin” - a tool for creating inline-styles for correctly displaying HTML-letters;
• Litmus - testing and tracking emails
• Campaign Monitor - test the design of your letter in all email clients
• Grunt Litmus - test letters on Litmus with grunt
• Email on Acid - testing letters on a paid and free basis

Tutorials

• Tutorial from Lee Munro from Grunt ( more )
• Tutorial from Daryl Doyle from Gulp based on the work of Lee Munro
• How-to: responsive emails in Gmail
• How to create a background HTML5 video in an email message
• How-to: Typography in the design of email-letters
• Simplicity design: How to make effective plain-text letters
• The process of layout of letters - analysis of the layout of letters from Sitepoint
• CSS Support - CSS support analysis for the most popular email clients.
• How to create forms for subscribing to email newsletter: Errors and solutions
• Best E-mail Layout Techniques
• How to typeset HTML letters (Mailchimp)
• How-to: Techniques for creating interactive emails using CSS
• How not to lose your mind (and soul) in the layout of mailings
• How to create an image slider in a mail message
• How to create interactive tabs in an email
• Mailchimp Email Marketing Guide
• Campaign Monitor's Detailed CSS Guide
• Using CSS in HTML Letters
• Responsive HTML Design - Responsive Email Creation from Litmus employees Justin Jand and Jason Rodriguez
• Design of HTML-letters - MailChimp interface designer Fabio Carneiro (Fabio Carneiro) shows how to create from scratch a multifunctional letter adapted for mobile devices
• Creating HTML-letters - these tutorials will introduce you to the basics of HTML-layout. Here you can find information about development technologies, the process of creating and designing HTML letters.
• Layout template adaptive writing in Ink - creating templates adaptive letters using Ink
• Why do we need plain-text letters, and how they should be done: 6 tips

Blogs

• Habrablog "Pechkina" on the layout of mailings
• Arthur Koch blog
• Litmus blog
• Stylecampaign blog
• Myemma blog
• Postmarkapp blog
• Spently blog
• Emailmonks blog

Research

• How to create a successful newsletter - trends and statistics on the Runet, collected by the Pechkin service;
• Myemma Email Stats - 18 facts from Emma, ​​Inc that will be useful for modern email marketing specialists
• Mailchimp Research - A team of MailChimp researchers are constantly analyzing data to help you with mailing lists.
• Campaign Monitor Report for 2015 - Report for 2015: New Email Marketing Rules

sources of inspiration

• Perfect emails - best letter designs
• Top e-marketing campaigns
• Htmlemaildesigns - a design that you can take note of