Selection: 40+ useful tools, resources and research on working with email

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 bring to your attention a selection of useful resources, tutorials and research in English and Russian languages, dedicated to working with email.

1. Blogs

• Blog - Campaign Monitor: Blog about developing and improving email newsletters;
• Email on Acid: A blog about marketing email design and email marketing;
• Email Wizardry: A mailing list developer blog .;
• Arthur Koch blog
• Pechkin's blog : At Habré we talk about the layout of mailing lists and related technologies.

2. Templates (Boilerplate)

• Emailology: About using templates for the layout of letters (html and css);
• Ink: A Responsive Email Framework from Zurb: Adaptive design of letters from Zurb;
• Litmus: Litmus linker for typesetting letters;
• Automatic CSS-inliner from Pechkin : This utility automatically lists all the CSS that is in your HTML in inline-style. tool

3. Development

• Bulletproof Email Buttons Litmus: Approaches to creating universal buttons;
• Bulletproof Email Buttons List A Part: An article on how to make a letter adaptive;
• HTML5 Video Background in Email Litmus: Litmus Tutorial on how to embed HTML5 video in the background of the letter;
• Meet the Ipsums: How to apply the modular design technique;
• The process of layout of letters - analysis of the layout of letters from Sitepoint
• Outlook Conditional CSS MailChimp: Conditional CSS Constructions for MS Outlook.

4. Communities

• Litmus | Discussions: List of branches in the Litmus community.

5. Sending letters

• Emailonacid: An article about the effect of the weight of a letter on its delivery to recipients.

6. Self-hosted applications

• Sendy: Self-hosted mailing application *

7. Fonts and typography

• Q & A with Paul Airy (Litmus Blog): On the design of letters and fonts with Paul Airy;
• Font Squirrel: Free fonts for writing letters;
• Typekit Practice: Typography Lessons;
• How-to: Typography in the design of email-letters
• WhatFont: A service that allows you to determine the font when you hover the cursor.

8. Guides

• How to create forms for subscribing to email-list: Errors and solutions ;
• Why do we need plain-text letters, and how to do them: 6 tips;
• How to create an image slider in a mail message;
• How to create interactive tabs in an email;
• Campaign Monitor's "Will It Work?": Design your newsletter with CSS and HTML;
• Litmus Our Favorite Responsive and Mobile Email Resources: Lessons, articles and tips on email marketing.

9. Images

• JPG Optimizer: Free online tool for compressing jpeg images;
• Tiny PNG: Reducing the weight of PNG images.

10. Adaptive design

• Multi-Column Responsive Layouts (Campaign Monitor): Responsive design for mobile devices;
• Responsive HTML Emails: About responsive design of letters for mobile devices
• From Brad Frost's "This is Responsive": Selection of sources for responsive design;
• Responsive Web Design Resources: A list of links to articles and websites about responsive design.

11. Data and statistics

• How to create a successful newsletter - trends and statistics on the Runet, collected by the Pechkin service;
• The best time to send emails (infographic): Infographics on the optimal time for sending letters;
• Deployment Times: A note on when to send emails;
• Email Still Dominates Sharing: Button click statistics (share, read later ...);
• Mobile vs Desktop (infographic): Infographics for design development for mobile devices;
• CrazyEgg Heatmapping Technology: Web-based tool for creating a "heat map" site.

12. Other tools

• Litmus Scope: A tool from Litmus for creating a web version of a letter;
• Emmet: A set of plug-ins for various popular text editors;
• FFFFallBack Bulletproof Web Typography: A tool for working with text, fonts and their design;
• HTML Tidy: Correction of errors in HTML and improving the appearance of the layout;
• Sublime Text: Cross-platform text editor.