Learn it fast with expert-taught software and skills training at lynda.com. Start your free trial

By Chris Converse | Wednesday, October 09, 2013

Creating a responsive HTML email design

Over 40% of email is read on mobile devices.

Many online sources claim that over 40 percent of email is now read on a mobile device. The email you design for your customers has nearly a one-in-two chance of being read on a smartphone or tablet.

Now the real question: Will it be a good reading experience?

The biggest challenge in HTML email design is the lack of HTML support in some desktop- and web-based email clients. When HTML support was added to email clients, the original intent was to allow for rich text formatting. This gave us the opportunity to make text bold or italic, and even change the text color.

However, marketers quickly capitalized on the increasing levels of HTML support in modern email clients, putting email at the center of their strategies. As email clients began to support tables and limited CSS styles, our modern-day HTML emails were born.

While some email clients haven’t added much more support over the past years, others have added support for CSS3, fonts, and even responsive design patterns. As web professionals, we’re now faced with combining techniques that will work in more limited email clients, while supporting an ever growing, and more advanced, mobile market.

Creating Responsive HTML Email

In my new course Creating a Responsive HTML Email, you’ll learn how to combine the latest web techniques while maintaining backward compatibility, and to design optimized HTML emails that look great across a wide range of platforms, email clients, and devices.

Be sure to watch the example video above, and check out the full course on lynda.com to get started creating responsive HTML emails.

Start your free 10-day trial

Begin learning software, business, and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start your free trial

Share this article:

Tags: , , , , , , , ,

Get the latest news

  •   New course releases
  •   Pro tips and tricks
  •   News and updates
New releases submit clicked

You can change your email preferences at any time. We will never sell your email. More info

Featured articles

A lynda.com membership includes:

Unlimited access to thousands of courses in our library
Certificates of completion
New courses added every week (almost every day!)
Course history to track your progress
Downloadable practice files
Playlists and bookmarks to organize your learning
Start your free trial

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.