Lynda - Creating a Responsive HTML Email (Updated Dec 03, 2014)

English | Dec 03, 2014 | .MP4 | Video: AVC 1280x720 15&30fps | Audio: AAC 48KHz 2ch | 661 MB

Genre: E-learning

Designing HTML emails can be challenging, considering the limited capabilities of desktop and web email readers, combined with the small screen sizes of mobile devices.

Enter responsive HTML email. Let Chris Converse show you how to design an elegant email that will adapt to varying screen sizes and render correctly in over 30 different mail clients, including Gmail, Yahoo, AOL, and multiple versions of Outlook, as well as Android, iOS, and Windows phones. Learn to add complex features like background graphics, rounded corners, and shadows that don't break your email when they can't be displayed. Then create call-to-action buttons, add animation, and style the whole thing with CSS. Plus, explore tools and services that will help you test your campaigns. Start now and learn what is possible with HTML email.

This course was created and produced by Chris Converse. We are honored to host this content in our library.

Topics include:

Creating the graphics

Setting up the base layout structure

Styling the table rows for the headline, banner, etc.

Creating buttons

Adding CSS media queries

Styling the content

Incorporating animation and web fonts

Validating your code

Testing in various email clients