badsender logo

Code and email white paper

HTML and CSS coding for emails

If you have arrived here, you are aware that HTML email integration... Well! It's not easy every day! While the design of a web page will be validated on a few browsers, an email will have to be tested on many more email clients, with their own interpretation, their multiple versions, their bugs, on webmails subject to the vagaries of the browsers... For these reasons, html email development can seem daunting, even for experienced HTML integrators. But we're here to help you guys!

This white paper is currently only available in French. If you have a question on the subject of this white paper, please do not hesitate to contact us.


In detail

"When a web page is "tested" on 4 or 5 browsers (Chrome, Firefox, Internet Explorer, Opera, Safari) and their different resolutions, an email is viewed on Thunderbird, Outlook (and its multiple versions), Gmail, Yahoo Mail!, Free, Orange.fr, Office 365, Google App, Apple Mail, Lotus Notes, AOL, Free.fr, Outlook.com, but also on the "declinations" of versions, browsers, resolutions..."

Badsender

In this issue

The content of our White Paper on HTML for email

  • HTML email integration
    • HTML tags
    • HTML Attributes
    • CSS properties
  • Mobile email
    • Good design practices
    • Media Queries
    • Fluid/Hybrid
  • Content to be used with caution
    • Background images
    • Webfonts
    • Retina
  • Content not to be used
  • Topics of contention
  • Email clients, OS
  • Email Integrator Mantra
  • Tools
  • Conclusions
  • Resources

Our other White Papers

Design

Coding an email in HTML

Download

Dark Mode

Download

Design System Email

Download