Previous effort

[M-J-Robbins]

Ages ago me and Trever started logging support for email clients here
https://github.com/RebelMail/email-client-rendering

Basically I’d send one of the emails (from the emails folder) then write out what worked and what didn’t in a json file (in the email clients folder).

It’s a bit messy and maybe a little over complicated in places.

I’m thinking it would be good to get something similar but simplify all the complicated options I've done as simple comments. Not too sure how to best do that in json.

I'm thinking something like this, for the display style in Gmail...

{
    "email_client":[
        {
            "display_name":"Gmail FF",
            "brand":"Gmail",
            "browser":"Firefox",
            "browser_version":"38.0.5",
            "os":"OS X 10.10.3",
            "misc":{
                    "comments": {
                    "head": false,
                    "body": false
                },
                "doctype": false,
            },
            "html":{
                "a": true,
                "abbr": true,
                "acronym": true,
                "address": true,
                "applet": false,
                "article": false,
                "aside": false,
                "audio": [false, "shows fallback"],
                "b": true,
                "base": false,
                "basefont": false,
                "bdi": false,
                "bdo": true,
                "big": true,
                "blackface":false,
                "blockquote": true,
                "br":true,
                "button":true
            },
            "css":{
                "style": {
                    "head": true,
                    "body": true,
                    "head-link": false,
                    "body-link": false
                },
                "color": {
                        "name": true,
                        "hex": true,
                        "rgb": true,
                        "rgba": true,
                        "hsl":true,
                        "hsla":true,
                        "var": false
                },
                "font-size": {
                    "px": true,
                    "zero": true,
                    "em": true,
                    "percent": true,
                    "vw": true,
                    "vh": true,
                    "calc": true,
                    "var": false                    
                }
            },
            "css-selectors":{
                ".class":false,
                "[lang=x-]": [true, "written as * [lang=x-]"]
            }
        }
    ]
}

I think the notes are quite important as it's often not a simple as true and false.