ResponsiveEmailPatterns/resources.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
<!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 Resources</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="resources">
    <div class="wrap">
      <header class="header">
	<h1>Resources</h1>
	<p>Resources to help in the design and creation of Responsive Emails</p>

</header>

<section id="layout">
	<h2><a href="#layout">General Responsive</a></h2>
	<ul>
		<li><a href="http://alistapart.com/article/responsive-web-design">Responsive Web Design</a></li>
		<li><a href="http://www.abookapart.com/products/responsive-web-design">Responsive Web Design Book</a></li>
		<li><a href="http://bradfrost.github.com/this-is-responsive/index.html">This is Responsive.</a></li>
		<li><a href="http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design">Beginner's Guide to Responsive Web Design</a></li>
		<li><a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/">Responsive Web Design: What It Is and How To Use It</a></li>
		<li><a href="http://www.degdigital.com/blog/reflecting-on-responsive-wireframes/">Reflecting on Responsive Wireframes</a></li>
		<li><a href="http://www.lukew.com/ff/entry.asp?933">Mobile First</a></li>
		<li><a href="http://adactio.com/journal/4523/">Content First</a></li>
		<li><a href="http://www.slideshare.net/pkattera/design-process-for-responsive-web-design">Design Process In the Responsive Age</a>
	</ul>
</section>

<section id="email-specific">
	<h2><a href="#navigation">Email Specific</a></h2>
	<ul>
		<li><a href="http://www.degdigital.com/blog/mobile-email-is-here-are-you-ready/">Mobile Email Is Here. Are You Ready?</a></li>
		<li><a href="http://www.campaignmonitor.com/guides/mobile/">Campaign Monitor: Responsive Email Design Guide</a></li>
		<li><a href="http://mailchimp.com/resources/guides/email-on-mobile-devices/">MailChimp: Email on Mobile Devices</a></li>
		<li><a href="http://www.zurb.com/article/1075/taking-our-email-campaigns-to-a-responsiv">ZURB: Taking Email to a Responsive Level</a></li>
		<li><a href="http://www.zurb.com/playground/responsive-email-templates">ZURB: Responsive Email Templates</a></li>
		<li><a href="http://www.netmagazine.com/tutorials/build-responsive-emails">.NET: Build Responsive Emails</a></li>
		<li><a href="https://litmus.com/blog/responsive-scalable-email-design-whats-the-difference">Litmus: Responsive & Scalable Email Design</a></li>
		<li><a href="https://marketingland.com/four-responsive-email-layouts-15858">Four Responsive Email Layouts</a></li>
		<li><a href="https://marketingland.com/learning-by-example-9-more-responsive-emails-25864">Learning By Example: 9 More Responsive Emails</a></li>
		<li><a href="https://litmus.com/blog/connections-2012-key-takeaway-design-for-all-inboxes">Connections 2012: Design for ALL Inboxes</a></li>
		<li><a href="https://litmus.com/blog/webinar-email-mobile">Litmus Webinar: Email + Mobile</a></li>
		<li><a href="http://www.campaignmonitor.com/blog/post/3856/is-responsive-email-design-really-worth-it">Is responsive email design really worth it?</a></li>
		<li><a href="http://www.emaildesignreview.com/email-design-best-practice/a-note-on-responsive-email-design-1447/">A note on Responsive Email Design</a></li>
	</ul>
</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>