About
About Us
Help
Privacy Policy
Terms of Service
LearnDesk
Learn
Academics
Business
Creative
Health and Fitness
Lifestyle
Personal Development
Software
Topics
Admissions
Engineering
Hardware
Hospitality
Humanities
Chinese
Languages
Maths
Pharma
View All Topics
Topics
Accounting
Advertising
Analysis
Analytics
Business Communication
eCommerce
Entrepreneurship
Finance
Finance - India
Freelancing
View All Topics
Topics
Arts & Crafts
Audio Editing
Audio Production
Dance
Design
Film Production
Music
Photography
Video Production
Writing
View All Topics
Topics
Dieting
Fitness
Food Safety
Games
Medical
Medical Professionals
Meditation
Mental Health
Pregnancy
Safety & First Aid
View All Topics
Topics
Beauty & Makeup
Food
Fashion
Gaming
Home Improvement
Parenting
Pet Care & Training
Relationships
Sustainable Living
View All Topics
Topics
Career Development
Learning
Religion and Spirituality
Self-Improvement
View All Topics
Topics
Accounting
Amazon Web Services
App Development
Continuous Integration
Backup Software
Business Automation
Computational Fluid Dynamics
Business Intelligence
Computer Aided Design (CAD)
View All Topics
Teach
Teach Online
Schedule
Items
Billing
Users
Marketing
Analytics
Settings
Change School
Account
Log In
Sign Up
Creating Responsive HTML Email
Introduction and Set Up Files
Preview the Final Project
Preview
About the exercise files
Preview
Setting Expectations about HTML Email
Preview
Beginning the Project
Preview
Creating the Graphics
Creating the Banner and Background Graphics
Creating the Content Graphics
Creating the HTML Email
Setting Up the Base Layout Structure
Styling the Table Row for the Logo
Styling the Table Row for the Banner and Content
Styling the Table Row for the Promos
Styling the Table Row for the Callouts
Styling the Table Row for the Footer
Creating Buttons with HTML and CSS
Styling Anchor Links as Buttons
Creating a Call to Action Button
Adding CSS to the Email
Adding CSS Media Queries to your HTML Email
Styling the Headline and Banner for Smaller Screens
Styling the Content and Footer for Smaller Screens
Styling the Promos for Smaller Screens
Rearranging the Callouts for Medium Screens
Stacking the Callouts for Small Screens
Pushing the Envelope
Adding Inbox Preview Text
Adding Animation to Your HTML Email
Using Web Fonts with Your HTML Email
Adding HTML5 Video into HTML Email
Encoding and Embedding Base64 Images
Using High Definition (Retina®) Graphics in Your HTML Email
Validation and Testing
Validating Your HTML Code
Testing Your Email in 30+ HTML Email Clients
Suggestion for Yahoo Mail Incompatibilities
Suggestions for Blackberry 5 Layout Correction
Suggestion for Supporting Lotus Notes 6.5, 7, and 8.5
Where to Go from Here
Planning Alternate Layouts
Where to Go from Here
Validation and Testing
Creating Responsive HTML Email
By:
Chris Converse
Share
Share the link to this page
Copied
Facebook
Twitter
WhatsApp
LinkedIn
Email
Add to Calendar
Add the class to your calendar
Add to Google Calendar
Add to Apple Calendar
Add to Yahoo Calendar
Add to Outlook Calendar
Print
Completed
We'll cover the following topics in this section:
Validating Your HTML Code
Testing Your Email in 30+ HTML Email Clients
Suggestion for Yahoo Mail Incompatibilities
Suggestions for Blackberry 5 Layout Correction
Suggestion for Supporting Lotus Notes 6.5, 7, and 8.5
Previous
Next
Sign Up
Signup to access thousands of classes
Continue with Facebook
Continue with Google
OR
Continue with Email
Already a member?
Log In
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
Share
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts