Start learning with our library of video tutorials taught by experts. Get started
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.
(SOUND) Hi, I'm Chris Converse, and in this course we're going to create a responsive HTML email design, featuring a rather complex layout that will adapt to varying screen sizes. Now, considering that older email clients require us to use table based layouts, I'll show you strategies for making a table based layout that's responsive. And this technique, we'll render acceptably in over 30 of today's most popular web based and native application based e-mail clients. And another feature of the design that we are going to build is its ability to gracefully degrade an older e-mail clients.
We'll design this with background graphics, rounded corners and shadows. But we'll apply these elements in such a way that they don't sacrifice the design's integrity (UNKNOWN) e-mail clients. So I hope this course sounds interesting to you. And if so, let's get started.
Find answers to the most frequently asked questions about Creating a Responsive HTML Email.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.