ResponsiveEmailPatterns/support.html at master · Simple-Talk/ResponsiveEmailPatterns · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!doctype html>
<html>
  <head>
    <link rel="icon" type="icon" href="favicon.ico">
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Responsive Email Patterns Support</title>

    <link href="stylesheets/normalize.css" media="screen" rel="stylesheet" type="text/css" />
<link href="stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
  </head>

  <body class="support">
    <div class="wrap">
      <header class="header">
	<h1>Pattern Support</h1>
	<p>All patterns have been tested using either <a href="http://www.litmus.com">Litmus</a> or with real devices in the email clients listed below.</p>
	<ul>
		<li>Full Support = Fully Responsive</li>
		<li>Working = Renders Correctly at Full Width but Not Responsive</li>
		<li>None = Either the Pattern Doesn't Work or Has Yet to be Tested.</li>
	</ul>
</header>

<section class="pattern_support">
	<table>
		<tr>
			<th>Client</th>
			<th>Support Level</th>
		</tr>
		<tr>
			<td>iPhone 3GS iOS5</a></td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>iPhone 4S iOS6</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>iPhone 5 iOS6</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>iPad iOS6</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>Apple Mail 6 OS X 10.8</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>Android 2.3 Native Client</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>Android 4.0 Native Client</td>
			<td class="support_level full">Full</td>
		</tr>
		<tr>
			<td>Android Outlook Exchange via Native Client</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Android Gmail App</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Outlook 2000</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Outlook 2010</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Outlook 2011 OS X 10.7</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Outlook 2013</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Gmail Chrome</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Gmail IE</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Gmail Firefox</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Hotmail/Outlook.com Chrome</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Hotmail/Outlook.com IE</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Hotmail/Outlook.com Firefox</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Yahoo! Mail Chrome</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Yahoo! Mail IE</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Yahoo! Mail Firefox</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Windows Phone 7</td>
			<td class="support_level working">Working</td>
		</tr>
		<tr>
			<td>Windows Mobile 6.1</td>
			<td class="support_level none">None</td>
		</tr>
		<tr>
			<td>BlackBerry OS4</td>
			<td class="support_level none">None</td>
		</tr>
		<tr>
			<td>BlackBerry OS5</td>
			<td class="support_level none">None</td>
		</tr>
	</table>
</section>

      <footer>
        <nav>
          <ul>
            <li><a href="index.html">Responsive Email Patterns</a></li>
            <li><a href="support.html">Pattern Support & Testing</a></li>
            <li><a href="resources.html">Responsive Email Resources</a></li>
            <li><a href="https://github.com/briangraves/ResponsiveEmailPatterns">Fork Me on Github</a></li>
            <li><a href="http://www.twitter.com/briangraves">@BrianGraves</a></li>
          </ul>
        </nav>
      </footer>
    </div>

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-38926602-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </body>
</html>