20 Dec

Resources and Tutorials for Learning Responsive HTML Email

first_imgYou’ve avoided it all these years, but you’ve been asked to create an HMTL email. It needs to be responsive and work across web mail clients, desktop applications, and smartphone mail clients and applications.You’ve heard the stories about creating HTML emails: you need to go back in time and work with table-based code, ugh! CSS support is problematic and getting an HTML email to display correctly in Outlook may cause you to tear your hair out. It’s a craft to build a responsive HTML email that works across desktop applications and mobile devices. I’ve been creating HTML emails for over 14 years and there’s always something changed in how Gmail manages CSS (or not), what rendering engine Outlook uses, or how iOS devices display content. You need to stay current and aware of the latest updates.To make your job easier, I’ve compiled a list of some of my favorite resources and tutorials. These sites will guide you in your project and hopefully keep your frustration to a minimum.Resources For Learning About HTML EmailCampaign Monitor ResourcesMailChimp ResourcesLitmus’s Favorite Responsive and Mobile Email ResourcesThe Ultimate Guide to CSSWord 2 Clean HTMLModern HTML EmailAdestra Webinars on Responsive EmailAntwortPremailerLitmus Email TestingEmail on AcidHow To Guide to Responsive Email Design InfographicZURB’s Responsive Email Templates (note: no support for Outlook 2003, 2007, 2010)TutorialsCreating a Simple Responsive HTML EmailResponsive HTML Email: 9-step In-Depth Walkthrough from ScratchResponsive HTML Emails: a Different StrategyI hope you find these resources and tutorials useful for your HTML email projects. If you have other resources to share, add them to the comments. Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to print (Opens in new window)Like this:Like Loading…RelatedThe 5 Most Popular Posts for 2014Like many others, I’m finishing off 2014 with a review of my work, and that includes a review of the posts I’ve published for 2014. I’ve learned a lot this year about working on the web, and shared what I discovered with you. In no particular order, here are the…In “Blogging”June 16, 2013: Weekly Roundup of Web Design and Development ResourcesEvery week I post a roundup of new web development and design resources I’ve learned about from the blogs I read and the people I follow on Twitter. This week’s collection of resources explains the basics of HTML email, highlights issues with responsive images, shares a great opportunity in the…In “Web design & development links”Recap: Responsive HTML Emails, RWD Summit 2014 ConferenceIn her Responsive HTML Emails presentation at the RWD Summit 2014 conference, Justine Jordan, Marketing Director of Litmus, discussed applying responsive design concepts to HTML email, shared tips for managing the quirks in multiple email applications, and shared examples of responsive HTML emails. Justine provided an excellent resource page for…In “Conference”last_img

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Comments